.mod-login{display:flex;justify-content:center;align-items:center;min-height:92vh;padding:24px 12px}.mod-login .login-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:38px 26px;width:100%;max-width:410px;text-align:center;box-shadow:0 14px 36px #0000000f;transition:background-color .3s,border-color .3s}.mod-login .icon-header{width:72px;height:72px;background:var(--input-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:2.2rem;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000008}.mod-login .login-title{font-size:1.65rem;font-weight:800;color:var(--primary);margin-top:0;margin-bottom:8px;letter-spacing:-.4px}.mod-login .login-sub{color:var(--text-muted);font-size:.95rem;font-weight:600;margin-bottom:28px}.mod-login .input-group{text-align:left;margin-bottom:18px}.mod-login label{display:block;margin-top:0;margin-bottom:6px;color:var(--primary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.mod-login input{width:100%;margin-bottom:0;border-radius:14px;padding:14px 16px}.mod-login input.readonly-autofill{background-color:var(--input-bg)!important;color:var(--text-muted)!important;opacity:.85;cursor:not-allowed;font-weight:600}.mod-login .btn-submit{width:100%;border-radius:24px;padding:15px;font-size:1.05rem;font-weight:800;background-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.mod-login .login-links-container{display:flex;flex-direction:column;gap:14px;margin-top:24px;width:100%}.mod-login .login-links-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.mod-login .login-links-grid{display:grid!important;grid-template-columns:1fr 1fr!important;row-gap:14px!important;column-gap:12px!important;margin-top:24px!important;width:100%}.mod-login .login-links-grid>*:nth-child(odd){text-align:left!important;justify-self:start}.mod-login .login-links-grid>*:nth-child(2n){text-align:right!important;justify-self:end}.mod-login .link-text{display:inline-block;margin-top:18px;font-size:.86rem;font-weight:700;color:var(--primary);cursor:pointer;text-decoration:underline;transition:opacity .2s,color .2s;white-space:nowrap}.mod-login .login-links-row .link-text,.mod-login .login-links-grid .link-text{margin-top:0!important}.mod-login .link-text:hover{opacity:.75}.mod-login .terms-box{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:18px;padding:18px 18px 18px 30px;max-height:290px;overflow-y:auto!important;-ms-overflow-style:auto!important;scrollbar-width:thin!important;text-align:left;margin-bottom:24px;box-shadow:inset 0 2px 8px #00000008}.mod-login .terms-box ul{margin:0;padding:0;display:flex;flex-direction:column;gap:14px;list-style-type:disc}.mod-login .terms-box li{font-size:.85rem;font-weight:600;line-height:1.45;color:var(--text-main)}.mod-login .terms-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.mod-login .btn-reject{background:var(--input-bg);color:var(--text-main);border:1.5px solid var(--border-color);border-radius:24px;padding:15px;font-size:1rem;font-weight:800;cursor:pointer}.mod-dashboard .welcome-banner{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:14px 16px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow)}.mod-dashboard .welcome-name{font-size:1.1rem;font-weight:800;color:var(--primary)}.mod-dashboard .welcome-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.mod-dashboard .welcome-org{font-size:.75rem;font-weight:800;color:var(--text-muted);background:var(--input-bg);padding:4px 10px;border-radius:10px;border:1px solid var(--border-color)}.mod-dashboard .dashboard-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mod-dashboard .dash-tile{position:relative;background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .12s ease,border-color .15s ease;min-height:98px}.mod-dashboard .dash-tile:active{transform:scale(.95)}.mod-dashboard .dash-tile.admin-tile{border:2px solid var(--primary)}.mod-dashboard .tile-icon{font-size:1.75rem;margin-bottom:6px;line-height:1}.mod-dashboard .tile-title{font-size:.82rem;font-weight:800;color:var(--text-main);line-height:1.15}.mod-dashboard .tile-desc{font-size:.68rem;color:var(--text-muted);margin-top:3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}.mod-dashboard .tile-badge{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff}.mod-dashboard .badge-danger{background:var(--danger);animation:pulseBadge 1.8s infinite}.mod-dashboard .badge-warn{background:#ea580c}.mod-dashboard .badge-info{background:var(--primary)}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.mod-entry .entry-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mod-entry .duty-toggle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mod-entry .duty-pill{padding:11px 6px;font-size:.78rem;font-weight:800;border-radius:12px;background:var(--input-bg);color:var(--text-main);border:1.5px solid var(--border-color)}.mod-entry .duty-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-calendar .cal-top-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.mod-calendar .cal-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mod-calendar .cal-month-title{font-size:1.1rem;font-weight:800;color:var(--primary)}.mod-calendar .cal-nav-btn{width:38px;height:38px;padding:0;border-radius:10px;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}.mod-calendar .cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.72rem;font-weight:800;color:var(--text-muted);margin-bottom:6px}.mod-calendar .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mod-calendar .cal-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--border-color);background:var(--input-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2px}.mod-calendar .cal-cell.empty{background:transparent;border:none;cursor:default}.mod-calendar .cal-cell.logged-yes{background:#28a74529;border-color:#28a745}.mod-calendar .cal-cell.logged-wfh{background:#2563eb29;border-color:#2563eb}.mod-calendar .cal-cell.logged-no{background:#dc354526;border-color:#dc3545}.mod-calendar .cal-cell.selected{outline:2.5px solid var(--primary)}.mod-calendar .cal-day-num{font-size:.82rem;font-weight:800}.mod-calendar .cal-day-hrs{font-size:.62rem;font-weight:700;color:var(--text-muted)}.mod-calendar .cal-mini-btn{width:auto;padding:6px 12px;font-size:.76rem;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.mod-calendar .cal-mini-btn.danger{color:var(--danger);border-color:var(--danger)}.mod-calendar .cal-log-item{padding:10px;border-radius:10px;background:var(--input-bg);border:1px solid var(--border-color);margin-bottom:8px}.mod-location .loc-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-location .loc-summary-card{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:8px;cursor:pointer}.mod-location .loc-view-toggle{display:inline-flex;gap:6px}.mod-location .loc-view-toggle button{width:auto;padding:6px 12px;font-size:.75rem;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.mod-location .loc-view-toggle button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-location .loc-log-row{padding:10px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;cursor:pointer}.mod-location .loc-cal-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mod-location .loc-cal-chip{padding:10px 6px;background:rgba(var(--primary-rgb),.1);border:1px solid var(--primary);border-radius:10px;text-align:center;cursor:pointer}.mod-alerts .view-toggle-pills{display:inline-flex;gap:6px}.mod-alerts .view-toggle-pills button{width:auto;padding:6px 12px;font-size:.76rem;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px}.mod-alerts .view-toggle-pills button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-alerts .alert-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-color);border-left:4px solid var(--danger);border-radius:12px;margin-bottom:8px;cursor:pointer}.mod-alerts .alert-log-btn{width:auto;padding:7px 12px;font-size:.78rem;background:var(--primary);color:#fff;border-radius:8px}.mod-alerts .alerts-chip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mod-alerts .alert-date-chip{background:#dc35451f;border:1px solid var(--danger);color:var(--danger);border-radius:10px;padding:8px 4px;text-align:center;cursor:pointer}.mod-tasks .tasks-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-tasks .tasks-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mod-tasks .task-kpi{background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;padding:10px;text-align:center;display:flex;flex-direction:column}.mod-tasks .task-kpi span{font-size:.68rem;font-weight:800;color:var(--text-muted)}.mod-tasks .task-kpi strong{font-size:1.25rem;font-weight:900;margin-top:2px}.mod-tasks .task-item-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:10px}.mod-tasks .task-item-card.done{opacity:.72}.mod-tasks .prio-badge{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:8px;color:#fff}.mod-tasks .prio-high{background:#dc2626}.mod-tasks .prio-medium{background:#ca8a04}.mod-tasks .prio-low{background:#16a34a}.mod-tasks .status-mini-btn{width:auto;padding:5px 9px;font-size:.7rem;border-radius:7px;background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border-color)}.mod-tasks .status-mini-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-settings .settings-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}.mod-settings .settings-tabs button{padding:10px 4px;font-size:.75rem;font-weight:800;background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:10px;position:relative}.mod-settings .settings-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-settings .tab-alert-dot{background:var(--danger);color:#fff;border-radius:8px;padding:1px 5px;font-size:.65rem;margin-left:3px}.mod-settings .settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-settings .settings-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mod-settings .dept-shift-box{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:12px}.mod-settings .missing-pill{background:var(--danger);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:6px;margin-left:6px}.mod-settings .gps-mini-btn{width:auto;padding:5px 10px;font-size:.72rem;background:var(--card-bg);color:var(--primary);border:1px solid var(--primary);border-radius:8px}.mod-settings .ui-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.mod-settings .style-choice-btn{padding:10px;font-size:.82rem;background:var(--input-bg);color:var(--text-main);border:1.5px solid var(--border-color)}.mod-settings .style-choice-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.12);color:var(--primary)}.mod-admin .admin-tabs-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.mod-admin .admin-tabs-bar button{padding:11px 6px;font-size:.8rem;font-weight:800;background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:12px}.mod-admin .admin-tabs-bar button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mod-admin .admin-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mod-admin .admin-kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mod-admin .admin-kpi-card{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .12s}.mod-admin .admin-kpi-card:active{transform:scale(.96)}.mod-admin .admin-kpi-card span{font-size:.68rem;font-weight:800;color:var(--text-muted)}.mod-admin .admin-kpi-card strong{font-size:1.55rem;font-weight:900;margin-top:4px;color:var(--text-main)}.mod-admin .admin-kpi-card.warn{border-color:#ca8a04}.mod-admin .admin-kpi-card.warn strong{color:#ca8a04}.mod-admin .admin-kpi-card.success{border-color:#16a34a}.mod-admin .admin-kpi-card.success strong{color:#16a34a}.mod-admin .admin-kpi-card.danger{border-color:#dc2626}.mod-admin .admin-kpi-card.danger strong{color:#dc2626}.mod-admin .admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mod-admin .admin-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mod-admin .admin-user-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mod-admin .univ-badge{display:inline-block;margin-left:6px;padding:2px 7px;font-size:.65rem;font-weight:900;background:var(--primary);color:#fff;border-radius:6px}.mod-admin .st-pill{display:inline-block;padding:3px 9px;border-radius:8px;font-size:.72rem;font-weight:800}.mod-admin .st-active{background:#16a34a26;color:#16a34a}.mod-admin .st-pending{background:#ca8a042e;color:#ca8a04}.mod-admin .st-blocked,.mod-admin .st-inactive{background:#dc262626;color:#dc2626}.mod-admin .admin-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color)}.mod-admin .admin-btn{width:auto;padding:7px 12px;font-size:.75rem;font-weight:800;border-radius:8px;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}.mod-admin .admin-btn.approve{background:#16a34a;color:#fff;border-color:#16a34a}.mod-admin .admin-btn.danger{color:var(--danger);border-color:var(--danger)}.mod-admin .admin-ticket-box{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:12px}:root{--primary: #DC2626;--primary-rgb: 220, 38, 38;--background: #FFF3F3;--secondary: #6c757d;--success: #28a745;--danger: #dc3545;--card-bg: #ffffff;--text-main: #222222;--text-muted: #6c757d;--border-color: #e0e0e0;--input-bg: #f8f9fa;--overlay-bg: rgba(0, 0, 0, .45);--card-radius: 16px;--card-shadow: 0 8px 24px rgba(0, 0, 0, .04);--card-border: 1px solid var(--border-color);--font-family-base: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-color=amber]{--primary: #EA580C;--primary-rgb: 234, 88, 12;--background: #FFF8F1}[data-color=golden]{--primary: #CA8A04;--primary-rgb: 202, 138, 4;--background: #FFFCEB}[data-color=emerald]{--primary: #16A34A;--primary-rgb: 22, 163, 74;--background: #F2FCF6}[data-color=sapphire]{--primary: #2563EB;--primary-rgb: 37, 99, 235;--background: #F2F7FF}[data-color=violet]{--primary: #7C3AED;--primary-rgb: 124, 58, 237;--background: #F8F5FF}[data-color=rose]{--primary: #DB2777;--primary-rgb: 219, 39, 119;--background: #FFF5FA}[data-theme=dark]{--primary: #F87171;--primary-rgb: 248, 113, 113;--background: #140B0B;--card-bg: #1e1e1e;--text-main: #e8e8e8;--text-muted: #94a3b8;--border-color: #333333;--input-bg: #282828;--overlay-bg: rgba(0, 0, 0, .72)}[data-theme=dark][data-color=amber]{--primary: #FB923C;--primary-rgb: 251, 146, 60;--background: #1A110B}[data-theme=dark][data-color=golden]{--primary: #FACC15;--primary-rgb: 250, 204, 21;--background: #191507}[data-theme=dark][data-color=emerald]{--primary: #4ADE80;--primary-rgb: 74, 222, 128;--background: #0B1510}[data-theme=dark][data-color=sapphire]{--primary: #93C5FD;--primary-rgb: 147, 197, 253;--background: #0E1524}[data-theme=dark][data-color=violet]{--primary: #C4B5FD;--primary-rgb: 196, 181, 253;--background: #130D1E}[data-theme=dark][data-color=rose]{--primary: #F472B6;--primary-rgb: 244, 114, 182;--background: #190E16}[data-ui-style=minimalism]{--card-radius: 10px;--card-shadow: none;--card-border: 1px solid var(--border-color)}[data-ui-style=glassmorphism] .card,[data-ui-style=glassmorphism] .leave-card,[data-ui-style=glassmorphism] .wlb-card{background:#ffffffad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px rgba(var(--primary-rgb),.08)}[data-theme=dark][data-ui-style=glassmorphism] .card,[data-theme=dark][data-ui-style=glassmorphism] .leave-card,[data-theme=dark][data-ui-style=glassmorphism] .wlb-card{background:#1e1e1eb8;border:1px solid rgba(255,255,255,.12)}[data-ui-style=liquid_glass] .card,[data-ui-style=liquid_glass] .leave-card,[data-ui-style=liquid_glass] .wlb-card{border-radius:26px;background:linear-gradient(135deg,#ffffffd9,#ffffff8c);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(255,255,255,.7);box-shadow:inset 0 2px 4px #ffffffe6,0 12px 32px rgba(var(--primary-rgb),.12)}[data-theme=dark][data-ui-style=liquid_glass] .card,[data-theme=dark][data-ui-style=liquid_glass] .leave-card,[data-theme=dark][data-ui-style=liquid_glass] .wlb-card{background:linear-gradient(135deg,#282828d9,#191919a6);border:1.5px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 2px #fff3,0 12px 32px #0006}[data-ui-style=neumorphism] .card,[data-ui-style=neumorphism] .leave-card,[data-ui-style=neumorphism] .wlb-card{border:none;border-radius:20px;box-shadow:7px 7px 15px #00000014,-7px -7px 15px #ffffffe6}[data-theme=dark][data-ui-style=neumorphism] .card,[data-theme=dark][data-ui-style=neumorphism] .leave-card,[data-theme=dark][data-ui-style=neumorphism] .wlb-card{box-shadow:6px 6px 14px #0009,-4px -4px 12px #ffffff0a}[data-ui-style=claymorphism] .card,[data-ui-style=claymorphism] .leave-card,[data-ui-style=claymorphism] .wlb-card{border-radius:28px;border:2px solid rgba(255,255,255,.6);box-shadow:0 14px 28px #00000014,inset -4px -4px 10px #0000000f,inset 4px 4px 10px #fffc}[data-ui-style=skeuomorphism] .card,[data-ui-style=skeuomorphism] .leave-card,[data-ui-style=skeuomorphism] .wlb-card{border-radius:12px;border:1px solid #b8b8b8;background-image:linear-gradient(to bottom,var(--card-bg),var(--input-bg));box-shadow:inset 0 1px #fffc,0 4px 8px #0000002e}[data-ui-style=brutalism] .card,[data-ui-style=brutalism] .leave-card,[data-ui-style=brutalism] .wlb-card,[data-ui-style=brutalism] .dash-btn,[data-ui-style=brutalism] button{border-radius:6px!important;border:2.5px solid var(--text-main)!important;box-shadow:4px 4px 0 var(--text-main)!important}[data-ui-style=bento] .card,[data-ui-style=bento] .leave-card,[data-ui-style=bento] .wlb-card{border-radius:22px;border:1.5px solid var(--border-color);box-shadow:0 2px 10px #00000005}[data-ui-style=spatial] .card,[data-ui-style=spatial] .leave-card,[data-ui-style=spatial] .wlb-card{border-radius:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 50px #00000026,0 0 0 1px rgba(var(--primary-rgb),.2)}[data-ui-style=maximalism] .card,[data-ui-style=maximalism] .leave-card,[data-ui-style=maximalism] .wlb-card{border-radius:20px;border:2px solid var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb),.18)}*{box-sizing:border-box;margin:0;padding:0;-ms-overflow-style:none!important;scrollbar-width:none!important;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body{width:100%;max-width:100vw;overflow-x:hidden!important;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;font-family:var(--font-family-base);background-color:var(--background);color:var(--text-main);touch-action:pan-y manipulation;-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text;font-size:16px!important}.top-bar{position:sticky;top:0;z-index:500;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:58px;box-shadow:0 4px 16px #00000008}.top-bar-left{display:flex;align-items:center;gap:6px}.top-bar-title{font-size:1.05rem;font-weight:800;color:var(--primary);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.nav-actions{display:flex;gap:6px;align-items:center}.nav-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--input-bg);border:1px solid var(--border-color);transition:transform .1s}.nav-icon:active{transform:scale(.9)}.nav-icon svg{width:18px;height:18px;stroke:var(--primary);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.quota-warning-banner{background:#ffc1072e;border-bottom:1px solid rgba(255,193,7,.5);color:#b45309;padding:8px 14px;font-size:.8rem;font-weight:700;text-align:center}[data-theme=dark] .quota-warning-banner{color:#facc15}.sidebar{position:fixed;top:0;left:-280px;width:270px;height:100%;background:var(--card-bg);z-index:1100;transition:left .28s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding-top:20px;overflow-y:auto}.sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:1050;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.sidebar-header{font-size:1.2rem;font-weight:800;color:var(--primary);padding:0 20px 18px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.sidebar-link{padding:13px 20px;text-decoration:none;color:var(--text-main);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:12px}.sidebar-link:active{background:var(--input-bg)}.container{padding:18px 14px 100px;max-width:780px;margin:0 auto;width:100%;overflow-x:hidden}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:20px;box-shadow:var(--card-shadow);margin-bottom:20px;border:var(--card-border)}label{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;margin-top:14px;text-transform:uppercase;letter-spacing:.6px}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:12px;background-color:var(--input-bg);color:var(--text-main);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236c757d" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}button{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .1s}button:active{transform:scale(.96)}.btn-submit{background-color:var(--primary);color:#fff}.btn-add{background-color:var(--success);color:#fff}.btn-cancel{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color)}.glass-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.glass-overlay.active{opacity:1;pointer-events:auto}.glass-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:26px 22px;width:90%;max-width:420px;box-shadow:0 20px 40px #00000040;text-align:center;color:var(--text-main)}.glass-modal h3{margin-bottom:10px;font-size:1.25rem;font-weight:800}.glass-modal p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.5}.glass-modal .modal-buttons{display:flex;gap:12px;margin-top:20px}.device-gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.device-gate-card{max-width:420px;text-align:center}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
