:root{--bg:#0a0a14;--card:#ffffff12;--border:#ffffff1f;--surface:#ffffff0d;--text:#fff;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--accent:#0a84ff;--success:#30d158;--danger:#ff453a;--warning:#ffd60a;--radius:14px;--blur:blur(20px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a14;background:var(--bg);color:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.5}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:#ffffff12;background:var(--card);border:.5px solid #ffffff1f;border:.5px solid var(--border);border-radius:20px;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{font-size:32px;font-weight:800;letter-spacing:.5px;margin-bottom:4px}.login-header p{color:#ffffff8c;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.form-group{flex:1 1;margin-bottom:16px}.form-group label{color:#ffffff8c;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.form-group input{background:#ffffff0f;border:.5px solid #ffffff1f;border:.5px solid var(--border);border-radius:10px;color:#fff;color:var(--text);font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#0a84ff;border-color:var(--accent);box-shadow:0 0 0 2px #0a84ff33}.form-group input::placeholder{color:#ffffff4d;color:var(--text-muted)}.form-row{align-items:flex-end;display:flex;gap:12px}.btn-primary{background:#0a84ff;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:background .2s,transform .1s;width:100%}.btn-primary:hover{background:#0977e5}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-sm{margin-bottom:16px;padding:10px 20px;white-space:nowrap;width:auto}.btn-accent{background:#0a84ff;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.btn-accent:hover{background:#0977e5}.btn-ghost{background:#0000;border:none;border-radius:8px;color:#ffffff8c;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .15s,color .15s}.btn-ghost:hover{background:#ffffff0f;color:#fff;color:var(--text)}.btn-danger{color:#ff453a!important;color:var(--danger)!important}.btn-danger:hover{background:#ff453a1f!important}.btn-warning{color:#ffd60a!important;color:var(--warning)!important}.btn-warning:hover{background:#ffd60a1f!important}.btn-approve{color:#30d158!important;color:var(--success)!important}.btn-approve:hover{background:#30d1581f!important}.btn-logout{background:#0000;border:.5px solid #ffffff1f;border:.5px solid var(--border);border-radius:10px;color:#ffffff8c;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;margin:16px;padding:10px;transition:background .15s,color .15s;width:calc(100% - 32px)}.btn-logout:hover{background:#ffffff0f;color:#fff;color:var(--text)}.error-msg{background:#ff453a1f;border:.5px solid #ff453a4d;border-radius:10px;color:#ff453a;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px}.dashboard{display:flex;min-height:100vh}.sidebar{backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:#0a0a14f2;border-right:.5px solid #ffffff1f;border-right:.5px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:220px;z-index:100}.sidebar-brand{align-items:center;border-bottom:.5px solid #ffffff1f;border-bottom:.5px solid var(--border);display:flex;gap:8px;padding:24px 20px 20px}.sidebar-brand h2{font-size:20px;font-weight:800;letter-spacing:.3px}.badge-admin{background:#0a84ff33;border-radius:6px;color:#0a84ff;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase}.nav-list{flex:1 1;list-style:none;padding:12px 8px}.nav-link{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff8c;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:background .15s,color .15s;width:100%}.nav-link:hover{background:#ffffff0f;color:#fff;color:var(--text)}.nav-link .icon{font-size:16px;font-style:normal;opacity:.6}.main-content{flex:1 1;margin-left:220px;padding:32px}.page-section{max-width:1000px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:24px;font-weight:700}.glass-panel{backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:#ffffff12;background:var(--card);border:.5px solid #ffffff1f;border:.5px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:20px}.add-form,.glass-panel{margin-bottom:20px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{border-bottom:.5px solid #ffffff1f;border-bottom:.5px solid var(--border);color:#ffffff4d;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase}tbody td{border-bottom:.5px solid #ffffff0d;font-size:14px;padding:12px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff08}.device-id{color:#0a84ff;color:var(--accent);font-family:SF Mono,Fira Code,monospace;font-weight:600}.date-cell{color:#ffffff4d;color:var(--text-muted);font-size:13px}.reason-cell{color:#ffffff8c;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:4px}.empty-row{color:#ffffff4d!important;color:var(--text-muted)!important;padding:40px 14px!important;text-align:center!important}.status-badge{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-active{background:#30d15826;color:#30d158;color:var(--success)}.status-available{background:#ffffff14;color:#ffffff8c;color:var(--text-secondary)}.status-pending{background:#ffd60a26;color:#ffd60a;color:var(--warning)}.status-approved{background:#30d15826;color:#30d158;color:var(--success)}.status-rejected{background:#ff453a1f;color:#ff453a;color:var(--danger)}.loading{color:#ffffff4d;color:var(--text-muted);font-size:14px;padding:40px;text-align:center}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.sidebar{width:60px}.nav-link span,.sidebar-brand .badge-admin,.sidebar-brand h2{display:none}.main-content{margin-left:60px}.btn-logout{font-size:0;margin:8px;width:calc(100% - 16px)}.form-row{flex-direction:column}}
/*# sourceMappingURL=main.cf3b3627.css.map*/