body{font-family:Roboto,sans-serif;font-size:.9em;background-color:#000;color:#fff;margin:0;padding:0;box-sizing:border-box}header{border-bottom:1px solid gray;padding:10px}footer{border-top:1px solid grey;background-color:red;height:50px}.select{color:#000}.frame{background-color:#1e1e1e!important;color:#fff;text-decoration:none;border-radius:5px;padding:10px}.frame li{padding:4px}.frame a{text-decoration:none!important;color:#fff}.inputsearch{padding:10px 10px 10px 40px!important;box-sizing:border-box;background-image:url(http://dev.jukebox.rs/images/icons/searchIcon.svg);background-repeat:no-repeat;background-position:10px center;background-color:#292a2a;padding:5px 5px 5px 34px;margin:4px;font-size:15px;color:gray;border-radius:10px;border:0px}.inputtext{padding:10px!important;padding:5px 5px 5px 10px;background-color:#292a2a;border-radius:10px;color:gray;border:0px;font-size:15px;margin:4px 4px 4px 0}.inputtext div{padding:0;font-size:1em!important}.inputtext input{padding:0}*:focus{outline:none!important;outline-width:0!important}.button{background-color:#292a2a;color:gray;border:none;border-radius:10px;padding:10px 20px;margin-right:18px;font-size:16px;cursor:pointer;font-size:.9em}.buttonsubmit{background-color:green;color:#fff}.print-only{position:absolute;left:0;top:0}.sidebar-menu{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px;padding:12px 0;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:4px 12px;border-radius:6px;transition:all .3s ease}.menu-item:hover{background:#ffffff1a;transform:translate(3px)}.menu-link{display:flex;align-items:center;padding:8px 12px;text-decoration:none!important;color:#ecf0f1!important;font-weight:500;border-radius:6px;transition:all .3s ease;position:relative;overflow:hidden}.menu-link:hover{background:linear-gradient(90deg,#3498db,#2980b9);color:#fff!important;box-shadow:0 2px 10px #3498db4d}.menu-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.menu-link:hover:before{left:100%}.menu-icon{font-size:14px;margin-right:8px;min-width:18px;text-align:center}.menu-text{font-size:13px;font-weight:600}.submenu{list-style:none;margin:4px 0 0;padding:0;background:#0003;border-radius:6px;overflow:hidden}.submenu-item{margin:0}.submenu-link{display:flex;align-items:center;padding:6px 16px 6px 36px;text-decoration:none!important;color:#bdc3c7!important;font-size:12px;transition:all .3s ease;border-left:2px solid transparent}.submenu-link:hover{background:#3498db33;color:#3498db!important;border-left-color:#3498db;padding-left:38px}.submenu-icon{font-size:10px;margin-right:6px;opacity:.7}.logout-item{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.logout-btn{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;color:#e74c3c;font-weight:500;border-radius:6px;transition:all .3s ease;cursor:pointer;font-size:13px}.logout-btn:hover{background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d;transform:translate(4px)}@media print{body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{position:absolute;left:0;top:0}}