.dashboard-container{padding:1.5rem;max-width:1600px;margin:0 auto}.dashboard-header{margin-bottom:1.5rem}.dashboard-title{display:flex;align-items:center;font-weight:600}.device-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.device-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.alert-table th{font-weight:600;background-color:#00000005}.alert-table tr:hover{background-color:#00000008}.summary-card{border-radius:12px;overflow:hidden}.summary-card-content{padding:1.5rem}.summary-card-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.summary-card-value{font-size:2rem;font-weight:700;margin-bottom:1rem}.pagination-container{display:flex;justify-content:center;margin-top:1rem}.pagination-button{min-width:32px;height:32px;margin:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.pagination-button:hover{background-color:#0000000d}.pagination-button.active{background-color:#1976d2;color:#fff}@media (max-width: 600px){.dashboard-container{padding:1rem}.dashboard-title,.summary-card-value{font-size:1.5rem}}.devices-container{max-width:100%;background-color:#f9fafb;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000000d;height:85vh;display:flex;flex-direction:column;overflow:hidden;padding:4px 8px 8px}.optimized-devices-container{padding:24px;max-width:100%;background-color:#f9fafb}.virtualized-table-container{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:24px}.virtualized-table{width:100%;border-collapse:separate;border-spacing:0}.virtualized-table th{position:sticky;top:0;background-color:var(--table-header-bg, rgba(0, 0, 0, .02));z-index:1;padding:12px 16px;text-align:left;font-weight:600;color:var(--text-color, #12283d);border-bottom:1px solid var(--divider-color, rgba(0, 0, 0, .12))}.virtualized-table td{padding:12px 16px;border-bottom:1px solid var(--divider-color, rgba(0, 0, 0, .12))}.virtualized-table tr:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .04))}body.dark-mode .virtualized-table th{background-color:var(--dark-table-header-bg, rgba(255, 255, 255, .05))}body.dark-mode .virtualized-table tr:hover{background-color:var(--dark-hover-bg, rgba(255, 255, 255, .05))}.filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.devices-title{display:flex;align-items:center;color:#12283d;font-weight:600;margin:0}.devices-search{width:100%;position:relative}.mock-data-switch{margin:0;display:flex;align-items:center}.filter-chip{margin:4px;transition:all .2s ease}.filter-chip:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.advanced-filters-container{background-color:var(--mui-palette-background-paper);border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.advanced-filters-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--mui-palette-divider)}.advanced-filters-content{padding:20px}.filter-section{margin-bottom:20px}.filter-section-title{font-weight:600;margin-bottom:8px;color:var(--mui-palette-text-primary)}.filter-chips-container{display:flex;flex-wrap:wrap;gap:8px}.active-filters-bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#00000005;border-radius:8px;margin-bottom:16px}.filter-badge{position:relative}.filter-badge:after{content:attr(data-count);position:absolute;top:-8px;right:-8px;background-color:var(--mui-palette-primary-main);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.devices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.devices-header{flex-shrink:0;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;max-height:60vh;overflow-y:auto}.devices-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;display:flex;flex-direction:column;gap:24px;padding-bottom:16px}.MuiPaper-root[style*="position: fixed"]{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1200!important;border-radius:0!important}.devices-pagination{flex-shrink:0;background-color:#fff;border-top:1px solid rgba(0,0,0,.1);padding:16px 20px;box-shadow:0 -2px 8px #0000001a;margin-top:16px}.device-type-container{border-radius:8px;overflow:hidden;transition:all .3s ease;margin-bottom:24px;background-color:#fff}.device-type-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,#12283d0d,#6330ff1a);cursor:pointer;transition:background .3s ease;border-bottom:1px solid rgba(0,0,0,.05)}.device-type-content{padding:20px;background-color:#fff}.device-card{height:100%;display:flex;flex-direction:column;transition:all .3s ease;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.05)}.device-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#6330ff33}.device-card-content{display:flex;flex-direction:column;flex:1;min-height:120px;padding:12px}.device-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px;min-height:40px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.08)}.device-card-header h3{margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;color:#12283d}.device-info-section{margin-bottom:12px;min-height:24px;padding:4px 0}.device-company-info{margin-bottom:6px;padding:2px 0;border-bottom:1px dashed rgba(0,0,0,.08)}.device-metadata{display:flex;flex-direction:column;gap:4px;margin-top:6px}.device-dates{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.08);font-size:.85rem;min-height:24px}.device-card-actions{display:flex;justify-content:space-between;padding:8px 12px;background-color:#00000005;border-top:1px solid rgba(0,0,0,.05);min-height:40px}@media (max-width: 600px){.devices-container{padding:16px}.devices-header{padding:16px;margin-bottom:16px}.devices-search{width:100%}.device-card-header{flex-direction:column;align-items:flex-start}.device-type-content{padding:16px}.device-card{margin-bottom:16px}}.create-rental-container{padding:24px;max-width:100%;background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.create-rental-title{display:flex;align-items:center;color:#12283d;font-weight:600;margin:0}.calendar-container{padding:12px;height:100%;overflow:hidden;border-radius:4px}.calendar-title{margin-bottom:8px;color:#12283d;font-size:1.1rem}.selected-dates{margin-top:8px;padding:8px;background-color:#00000008;border-radius:8px;font-size:.9rem}.MuiPickersDay-root.Mui-selected{background-color:#1976d2!important;color:#fff!important;border-radius:50%!important}.devices-list-container{padding:12px;height:100%;overflow:auto;border-radius:4px}.devices-list-title{margin:0;color:#12283d;font-size:1.1rem}@media (max-width: 960px){.MuiDateCalendar-root{max-width:100%;min-height:auto;font-size:.9rem}.MuiPickersDay-root{margin:0 1px}.calendar-container,.devices-list-container{padding:8px}.device-type-header{padding:8px!important}}@media (min-width: 768px) and (max-width: 1024px){.create-rental-container{padding:16px 12px}.calendar-container,.devices-list-container{padding:10px}}.devices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.available-devices-list{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:16px}.device-type-container{overflow:hidden;border-radius:8px;transition:all .3s ease}.device-type-header{background:linear-gradient(90deg,#12283d0d,#6330ff1a);transition:background .3s ease}.device-type-header:hover{background:linear-gradient(90deg,#12283d1a,#6330ff26)}.device-item{height:100%;display:flex;align-items:center;transition:all .3s ease}.device-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.device-item.selected{border:2px solid #1976d2;background-color:#1976d21a}.create-rental-actions{display:flex;justify-content:center;margin-top:32px;margin-bottom:24px;width:100%}@media (max-width: 600px){.create-rental-container,.calendar-container,.devices-list-container{padding:16px}}.rentals-container{max-width:100%;background-color:#f9fafb;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000000d;height:85vh;display:flex;flex-direction:column;overflow:hidden;padding:4px 8px 8px}.rentals-header{flex-shrink:0;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;max-height:50vh;overflow-y:auto}.rentals-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.rentals-pagination{flex-shrink:0;background-color:#fff;border-top:1px solid rgba(0,0,0,.1);padding:12px 16px;box-shadow:0 -2px 8px #0000001a;margin-top:8px}.rental-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;font-size:.875rem}.rental-table th,.rental-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--divider-color, rgba(0, 0, 0, .12))}.rental-table th{font-weight:600;background-color:var(--table-header-bg, rgba(0, 0, 0, .02));color:#374151;font-size:.875rem}.rental-table tr:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .04));transition:background-color .2s ease}@media (max-width: 768px){.rentals-container{height:90vh;padding:2px 4px 4px}.rentals-header{padding:12px;margin-bottom:8px;max-height:60vh}.rentals-content{gap:12px;padding-bottom:12px}.rentals-pagination{padding:8px 12px;margin-top:4px}.rental-table{font-size:.75rem}.rental-table th,.rental-table td{padding:8px 12px}}body.dark-mode .rental-table th{background-color:var(--dark-table-header-bg, rgba(255, 255, 255, .05))}body.dark-mode .rental-table tr:hover{background-color:var(--dark-hover-bg, rgba(255, 255, 255, .05))}.rentals-loading{display:flex;justify-content:center;align-items:center;height:200px}.rentals-error{padding:20px;text-align:center}.rentals-empty{padding:40px 20px;text-align:center;color:#6b7280}.rentals-filters-collapse{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.rentals-tabs{margin-bottom:16px;border-bottom:1px solid #e5e7eb}.rentals-view-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.status-chip{border-radius:16px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center}.rental-table th:nth-child(5),.rental-table td:nth-child(5){text-align:center}.status-active{background-color:#2e7d321a;color:#2e7d32}.status-pending{background-color:#ed6c021a;color:#ed6c02}.status-completed{background-color:#00000014;color:#0009}.status-rejected{background-color:#d32f2f1a;color:#d32f2f}body.dark-mode .status-active{background-color:#2e7d3233;color:#81c784}body.dark-mode .status-pending{background-color:#ed6c0233;color:#ffb74d}body.dark-mode .status-completed{background-color:#ffffff1a;color:#ffffffb3}body.dark-mode .status-rejected{background-color:#d32f2f33;color:#e57373}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.login-container:before,.login-container:after,.login-container .blob-1,.login-container .blob-2{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#6330ff33;filter:blur(60px);z-index:0}.login-container:before{top:-100px;left:-100px;animation:float 8s ease-in-out infinite}.login-container:after{bottom:-100px;right:-100px;background:#f66b0e33;animation:float 10s ease-in-out infinite reverse}.login-container .blob-1{top:20%;right:10%;width:200px;height:200px;background:#12283d4d;animation:float 12s ease-in-out infinite}.login-container .blob-2{bottom:20%;left:10%;width:250px;height:250px;background:#f66b0e26;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(50px,50px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}.login-paper{background-color:#ffffffd9!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003!important;border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)!important;position:relative;z-index:10}.login-paper:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d!important;border:1px solid rgba(255,255,255,.3)!important}.login-button{background:linear-gradient(90deg,#12283d,#6330ff)!important;transition:all .2s ease!important;border-radius:8px!important;height:48px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:none!important;color:#fff!important}.login-button:hover{transform:scale(1.02);background:linear-gradient(90deg,#12283d,#f66b0e)!important}.login-button.loading{background:linear-gradient(90deg,#12283d,#6330ff)!important;opacity:.9;box-shadow:0 4px 12px #6330ff4d!important}.login-button.Mui-disabled{color:#fffc!important;background:linear-gradient(90deg,#12283d,#6330ff)!important;opacity:.8}.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px;transition:all .3s ease}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6330ff}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6330ff;border-width:2px}.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#6330ff}.logo-animation{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.not-found-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#12283d,#6330ff,#f66b0e);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;padding:20px}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.not-found-content{background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;text-align:center;max-width:500px;width:100%;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-title{font-size:8rem!important;font-weight:700!important;margin:0!important;background:linear-gradient(90deg,#12283d,#6330ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1!important}.not-found-subtitle{font-weight:600!important;color:#12283d;margin:0!important}.not-found-message{color:#555;margin-bottom:20px!important;max-width:400px}.not-found-button{background:linear-gradient(90deg,#12283d,#6330ff)!important;padding:10px 24px!important;border-radius:8px!important;font-weight:500!important;text-transform:none!important;transition:all .3s ease!important;margin-top:10px!important}.not-found-button:hover{background:linear-gradient(90deg,#12283d,#f66b0e)!important;transform:translateY(-2px);box-shadow:0 5px 15px #0003!important}.not-found-animation{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.error-icon{font-size:60px!important;color:#6330ff;z-index:2;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.circle-pulse{position:absolute;width:80px;height:80px;border-radius:50%;background:#6330ff1a;z-index:1;animation:circlePulse 2s infinite}@keyframes circlePulse{0%{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:.5}to{transform:scale(.8);opacity:.3}}@media (max-width: 600px){.not-found-title{font-size:6rem!important}.not-found-subtitle{font-size:1.5rem!important}.not-found-content{padding:30px 20px}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:70px;background:#12283dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:4px 0 25px #0000004d}.sidebar.expanded{width:250px}.sidebar__top,.sidebar__menu,.sidebar__bottom{padding:20px}.sidebar__top{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:80px;overflow:hidden;padding:20px}.logo{width:32px;height:auto;transition:opacity .3s ease}.logo--small{width:48px;height:auto}.logo--large{width:120px}.hidden{display:none}.sidebar__menu{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px;margin-top:10px;padding-bottom:10px}.sidebar__menu ul{list-style:none;padding:0;margin:0}.sidebar__menu li,.sidebar__action{display:flex;align-items:flex-start;gap:15px;color:#ffffffd9;padding:12px 0;margin:5px 0;font-size:15px;background:none;border:none;cursor:pointer;border-radius:10px;transition:all .2s ease;position:relative;min-height:48px}.sidebar.expanded .sidebar__icon{left:25px;transform:none}.sidebar.expanded .sidebar__label{margin-left:50px;padding-right:15px;top:12px}.sidebar__menu li:hover,.sidebar__action:hover{background:#ffffff1a}.sidebar__action{padding:10px 15px;font-size:14px;width:calc(100% - 30px);margin:5px 15px}.sidebar__bottom{padding:0 0 50px;margin-top:auto;position:relative;z-index:10}.sidebar__label{display:inline-block;opacity:1;transition:opacity .3s ease,margin .3s ease;white-space:normal;overflow:hidden;position:absolute;left:60px;max-width:170px;line-height:1.2;word-wrap:break-word}.sidebar:not(.expanded) .sidebar__label{opacity:0;width:0;height:0;overflow:hidden}.sidebar__menu li.active-icon{position:relative}.sidebar__menu li svg{transition:border .3s ease}.sidebar__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:10px;transition:all .3s ease;position:relative;left:50%;transform:translate(-50%);margin-top:2px}.sidebar__menu li.active-icon{background:linear-gradient(90deg,#6330ff33,#6330ff0d)}.sidebar__menu li.active-icon .sidebar__icon{background-color:var(--icon-bg);border-radius:10px;box-shadow:0 4px 15px #6330ff4d}.sidebar__menu li.active-icon .sidebar__icon svg{color:var(--icon-color)!important}.sidebar__menu li:not(.active-icon) .sidebar__icon{color:#ffffffb3!important}.sidebar__menu li.active-icon .sidebar__icon svg path{fill:var(--icon-color)!important}.sidebar__menu li:not(.active-icon) .sidebar__icon svg path{fill:#ffffffb3!important}.sidebar__action.active-icon{background:linear-gradient(90deg,#6330ff33,#6330ff0d)}.sidebar__action.active-icon .sidebar__icon{background-color:var(--icon-bg);border-radius:10px;box-shadow:0 4px 15px #6330ff4d}.sidebar__action.active-icon .sidebar__icon svg{color:var(--icon-color)!important}.sidebar__action:not(.active-icon) .sidebar__icon{color:#ffffffb3!important}.sidebar__action.active-icon .sidebar__icon svg path{fill:var(--icon-color)!important}.sidebar__action:not(.active-icon) .sidebar__icon svg path{fill:#ffffffb3!important}@media (max-width: 1024px){.sidebar{width:70px}.sidebar.expanded{width:250px}.sidebar{height:100vh;display:flex;flex-direction:column}.sidebar__bottom{margin-top:auto;padding-bottom:80px}.logout-icon{margin-bottom:30px;background-color:#ffffff0d}.sidebar__icon{left:50%;transform:translate(-50%)}.sidebar.expanded .sidebar__icon{left:25px;transform:none}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:220px}.sidebar.expanded{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.mobile-menu-toggle{display:block;position:fixed;top:calc(var(--navbar-height) + 15px);left:15px;z-index:1000;background:#6330ffe6;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:hover{background:#6330ff;transform:scale(1.05)}}:root{--sidebar-width: 70px;--sidebar-expanded-width: 250px;--info-panel-width: 280px;--navbar-height: 64px}.layout{display:flex;min-height:100vh;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-container{display:flex;flex:1;position:relative}.main-content{flex:1;margin-left:var(--sidebar-width);margin-right:0;padding:20px;padding-top:calc(var(--navbar-height) + 10px);transition:all .3s ease;min-height:calc(100vh - var(--navbar-height));position:relative;overflow-y:auto;overflow-x:hidden}body.light-mode .main-content{background-color:#ffffff80}body.dark-mode .main-content{background-color:#1e283280}.sidebar.expanded~.main-content{margin-left:var(--sidebar-expanded-width)}.content-container .sidebar.expanded~.main-content{margin-left:var(--sidebar-expanded-width)}@media (max-width: 1024px){.main-content{margin-right:0;padding:20px}}@media (max-width: 768px){.main-content{margin-left:0;padding:15px}.sidebar.expanded~.main-content{margin-left:0}}.login-layout{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-content{margin-left:0;padding:0;display:flex;justify-content:center;align-items:center;width:100%}