.sidebar-content{scrollbar-width:none;background:#0f172a;flex-direction:column;height:100%;display:flex;overflow-y:auto}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-brand{border-bottom:1px solid #1e293b;align-items:center;gap:.75rem;padding:1.4rem 1.1rem 1.1rem;display:flex}.brand-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 3px 12px #2563eb66}.brand-icon img{object-fit:cover;width:100%;height:100%}.brand-text h2{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:.92rem;font-weight:800;line-height:1.1}.brand-text p{color:#475569;letter-spacing:.02em;margin:0;font-size:.64rem;font-weight:600}.sidebar-nav{scrollbar-width:none;flex:1;padding:.85rem .75rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:.25rem}.nav-group-label{text-transform:uppercase;letter-spacing:.12em;color:#475569;align-items:center;gap:.5rem;margin:0 0 .3rem .5rem;padding-top:.6rem;font-size:.58rem;font-weight:700;display:flex}.nav-group-label:after{content:"";background:#1e293b;flex:1;height:1px}.nav-list{flex-direction:column;gap:.06rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.7rem;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.845rem;font-weight:500;transition:background .12s,color .12s,transform .1s;display:flex;position:relative}.nav-link:hover{color:#f1f5f9;background:#1e293b;transform:translate(2px)}.nav-link.active{color:#f8fafc;background:#1e293b;font-weight:600}.nav-link.active:before{content:"";background:#f97316;border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:20%;left:0;box-shadow:0 0 6px #f9731680}.nav-icon{opacity:.65;flex-shrink:0;align-items:center;transition:opacity .12s;display:flex}.nav-link.active .nav-icon{opacity:1;color:#f97316}.nav-link:hover .nav-icon{opacity:1}.sidebar-footer{background:0 0;border-top:1px solid #1e293b;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.user-card{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:.65rem;margin-top:.1rem;padding:.65rem .75rem;display:flex}.avatar-sm{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.68rem;font-weight:800;display:flex;box-shadow:0 2px 6px #f9731659}.user-info{flex:1;min-width:0}.user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.67rem;overflow:hidden}.logout-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.25rem;transition:color .15s,background .15s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441a}.admin-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:4px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.58rem;font-weight:800;display:inline-flex;box-shadow:0 1px 4px #f9731659}.nav-link-admin{color:#fb923c;font-weight:600}.nav-link-admin:hover{color:#fdba74;background:#1e293b}.nav-link-admin.active{color:#fb923c;background:linear-gradient(135deg,#f9731640,#ea580c26);border:1px solid #f9731640}.nav-link-admin.active .nav-icon{opacity:1;color:#f97316}.nav-link-admin.active:before{background:#f97316}@media (width<=900px){.sidebar-content{height:auto}}.footer{-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border-top:1px solid #ffffff73;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:.75rem 1.75rem;display:flex}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.footer-brand{color:#a06030;letter-spacing:-.01em;font-size:.78rem;font-weight:700}.footer-copy,.footer-version{color:#c4a080;font-size:.76rem;font-weight:500}.footer-version{color:#ea580c;background:#f973161a;border:1px solid #f973162e;border-radius:5px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.footer-divider{color:#c8a07873;font-size:.8rem}.login-page{background:#0f172a;width:100%;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.login-brand{background:#0f172a;border-right:1px solid #1e293b;flex-shrink:0;justify-content:center;align-items:center;width:420px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";pointer-events:none;background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-100px;right:-120px}.login-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:-80px}.login-brand-inner{z-index:1;text-align:center;width:100%;position:relative}.login-logo-wrap{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 32px #2563eb59}.login-logo{object-fit:contain;border-radius:8px;width:46px;height:46px}.login-brand-name{color:#f8fafc;letter-spacing:-.03em;margin:0 0 .25rem;font-size:2rem;font-weight:800}.login-brand-tagline{color:#475569;text-transform:uppercase;letter-spacing:.12em;margin:0 0 2rem;font-size:.78rem;font-weight:600}.login-brand-desc{color:#64748b;margin:0 0 2.5rem;font-size:.9rem;line-height:1.75}.login-brand-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.login-pill{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:.3rem .85rem;font-size:.75rem;font-weight:600}.login-features{text-align:left;flex-direction:column;gap:.85rem;margin-top:2.5rem;display:flex}.login-feature{align-items:center;gap:.75rem;display:flex}.login-feature-dot{background:#f97316;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #f9731680}.login-feature span{color:#64748b;font-size:.82rem;font-weight:500}.login-form-panel{background:#f8fafc;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem;display:flex}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:400px;padding:2.25rem 2rem;animation:.3s ease-out login-slide-in;box-shadow:0 4px 24px #0f172a14,0 1px 4px #0f172a0a}@keyframes login-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card-header{margin-bottom:1.75rem}.login-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.45rem;font-weight:800}.login-sub{color:#64748b;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field-header{justify-content:space-between;align-items:center;display:flex}.login-field label{color:#374151;font-size:.8rem;font-weight:600}.login-field input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;padding:.7rem .95rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-field input::placeholder{color:#94a3b8}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.82rem;font-weight:500;display:flex}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.78rem 1.25rem;font-size:.92rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #2563eb59}.login-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-btn-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-admin-row{align-items:center;gap:.75rem;margin:1.25rem 0 .75rem;display:flex}.login-divider-line{background:#e2e8f0;flex:1;height:1px}.login-divider-text{color:#94a3b8;font-size:.75rem;font-weight:500}.login-forgot{color:#f97316;font-size:.78rem;font-weight:600;text-decoration:none}.login-forgot:hover{color:#ea580c}.login-admin-btn{color:#f97316;cursor:pointer;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.login-admin-btn:hover{background:#ffedd5;border-color:#fdba74}.login-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1rem;padding:.4rem;font-family:inherit;font-size:.82rem;text-decoration:underline}.login-back-btn:hover{color:#374151}.login-switch-row{color:#64748b;justify-content:center;align-items:center;gap:.4rem;margin-top:1.25rem;font-size:.82rem;display:flex}.login-switch-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:underline}.login-switch-btn:hover{color:#1d4ed8}.pw-strength-wrap{align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.pw-strength-bar{flex:1;gap:3px;display:flex}.pw-strength-seg{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background .2s}.pw-strength-label{text-align:right;min-width:72px;font-size:.72rem;font-weight:700;transition:color .2s}.login-page-footer{color:#94a3b8;margin:0;font-size:.75rem}@media (width<=768px){.login-page{flex-direction:column}.login-brand{border-bottom:1px solid #1e293b;border-right:none;width:100%;padding:1.75rem 1.5rem}.login-brand-inner{flex-direction:column;align-items:center;display:flex}.login-brand-desc,.login-features{display:none}.login-form-panel{background:#f8fafc;padding:1.5rem 1rem}.login-card{padding:1.75rem 1.25rem}}.login-admin-badge{color:#ea580c;vertical-align:middle;background:#ffedd5;border:1px solid #fed7aa;border-radius:6px;margin-left:.75rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.notif-wrapper{position:relative}.notif-bell{-webkit-backdrop-filter:blur(12px);color:#b08060;cursor:pointer;background:#ffffff8c;border:1px solid #ffffff8c;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex;position:relative}.notif-bell:hover{color:#f97316;background:#fff7edbf}.notif-badge{color:#fff;background:#ef4444;border:2px solid #fffc;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;animation:.2s badge-pop;display:flex;position:absolute;top:-5px;right:-5px}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.notif-panel{-webkit-backdrop-filter:blur(24px);z-index:500;background:#ffffffd1;border:1px solid #fff9;border-radius:14px;width:340px;animation:.15s panel-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #a046002e}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-panel-header{background:#ffffff80;border-bottom:1px solid #ffffff73;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.notif-panel-title{color:#1a0f00;margin:0;font-size:.9rem;font-weight:700}.notif-mark-read{color:#f97316;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:600}.notif-mark-read:hover{text-decoration:underline}.notif-list{scrollbar-width:thin;max-height:380px;overflow-y:auto}.notif-empty{color:#b08060;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.notif-empty p{margin:0;font-size:.85rem}.notif-item{border-bottom:1px solid #ffffff59;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#fdf8f5b3}.notif-item-new{background:#fff9f599}.notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.notif-body{flex:1;min-width:0}.notif-title{color:#1a0f00;margin:0 0 .15rem;font-size:.82rem;font-weight:700;line-height:1.3}.notif-msg{color:#b08060;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.78rem;line-height:1.4;overflow:hidden}.notif-time{color:#c4a080;margin:0;font-size:.72rem}.notif-dot{background:#f97316;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.admin-shell{border-radius:inherit;background:0 0;width:100%;height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.as-sidebar{scrollbar-width:none;z-index:10;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;width:250px;min-width:250px;height:100vh;display:flex;position:relative;overflow-y:auto}.as-sidebar::-webkit-scrollbar{display:none}.as-brand{border-bottom:1px solid #1e293b;align-items:center;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.as-brand-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:flex;overflow:hidden;box-shadow:0 4px 16px #2563eb80}.as-brand-icon img{object-fit:cover;width:100%;height:100%}.as-brand-name{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:800}.as-brand-sub{color:#475569;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.63rem;font-weight:600}.as-nav{flex-direction:column;flex:1;gap:.15rem;padding:.75rem .75rem 1rem;display:flex}.as-nav-group{margin-bottom:.25rem}.as-nav-label{color:#475569;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.5rem;padding:.8rem .75rem .3rem;font-size:.58rem;font-weight:700;display:flex}.as-nav-label:after{content:"";background:#1e293b;flex:1;height:1px}.as-nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.845rem;font-weight:500;transition:background .12s,color .12s,transform .1s;display:flex;position:relative}.as-nav-item:hover{color:#f1f5f9;background:#1e293b;transform:translate(2px)}.as-nav-item.active{color:#f8fafc;background:#1e293b;font-weight:600}.as-nav-item.active:before{content:"";background:linear-gradient(#f97316,#fb923c);border-radius:0 3px 3px 0;width:3px;height:60%;display:block;position:absolute;top:20%;left:0;box-shadow:0 0 8px #f9731699}.as-nav-icon{opacity:.65;flex-shrink:0;align-items:center;transition:opacity .12s;display:flex}.as-nav-item.active .as-nav-icon{opacity:1;color:#f97316}.as-nav-item:hover .as-nav-icon{opacity:1}.as-nav-badge{color:#fff;background:#f97316;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.6rem;font-weight:800;display:flex;box-shadow:0 2px 6px #f9731673}.as-nav-divider{background:#ffffff0f;height:1px;margin:.4rem .5rem}.as-sidebar-bottom{border-top:1px solid #1e293b;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.as-staff-btn{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1px solid #334155;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .12s;display:flex}.as-staff-btn:hover{color:#94a3b8;background:#1e293b;border-color:#475569}.as-user{background:#1e293b;border:1px solid #334155;border-radius:9px;align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex}.as-avatar{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 2px 8px #f9731659}.as-user-info{flex:1;min-width:0}.as-user-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.as-user-role{color:#f97316;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.62rem;font-weight:700}.as-logout{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:.2rem;transition:color .15s;display:flex}.as-logout:hover{color:#ef4444}.as-main{background:#f8fafc;flex-direction:column;flex:1;height:100vh;min-height:0;display:flex;overflow-y:auto}.as-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.75rem;display:flex}.as-header-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px;font-size:.62rem;font-weight:700}.as-header-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:800}.as-header-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.as-content{background:#f8fafc;flex:1;min-height:0;padding:1.5rem 1.75rem;overflow-y:auto}.ao-welcome{margin-bottom:1.75rem}.ao-welcome h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.5rem;font-weight:800}.ao-welcome p{color:#64748b;margin:0;font-size:.875rem}.ao-stats{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.ao-stat{border:none;border-radius:14px;padding:1.25rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.ao-stat:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0003!important}.ao-stat:before{content:"";background:#ffffff1f;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.ao-stat:after{content:"";background:#ffffff14;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;right:10px}.ao-stat-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 20px #3b82f666}.ao-stat-green{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 20px #10b98166}.ao-stat-amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #f59e0b66}.ao-stat-indigo{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 20px #8b5cf666}.ao-stat-rose{background:linear-gradient(135deg,#f43f5e,#be123c);box-shadow:0 4px 20px #f43f5e66}.ao-stat-slate{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 20px #64748b66}.ao-stat-icon{color:#fff;z-index:1;background:#ffffff38;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.ao-stat-head{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.ao-stat-value{color:#fff;letter-spacing:-.03em;z-index:1;margin-bottom:.25rem;font-size:2rem;font-weight:900;line-height:1;position:relative}.ao-stat-label{color:#ffffffd9;z-index:1;font-size:.75rem;font-weight:600;position:relative}.ao-stat-sub{color:#ffffffb3;z-index:1;margin-top:.15rem;font-size:.68rem;font-weight:500;position:relative}.ao-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.ao-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.ao-card-title{color:#0f172a;margin:0 0 1rem;font-size:.875rem;font-weight:700}.ao-checkin-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.ao-checkin-row:last-child{border-bottom:none}.ao-ci-avatar{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:800;display:flex;box-shadow:0 2px 6px #f9731659}.ao-ci-name{color:#0f172a;margin:0;font-size:.82rem;font-weight:700}.ao-ci-time{color:#64748b;margin:0;font-size:.72rem}.ao-quick-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ao-action{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.65rem;padding:.85rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .12s;display:flex}.ao-action:hover{color:#ea580c;background:#fff7ed;border-color:#f973164d;transform:translateY(-1px);box-shadow:0 4px 12px #f973161f}.ao-action-icon{color:#f97316;background:#fff7ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width<=900px){.admin-shell{flex-direction:column;height:auto}.as-sidebar{width:100%;min-width:unset;height:auto;position:static}.as-main{height:auto}.ao-grid{grid-template-columns:1fr}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafecc;--primary-ring:#2563eb38;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glass-white:#ffffffa6;--glass-white-lg:#fffc;--glass-white-sm:#ffffff80;--glass-border:#ffffffbf;--glass-border-sm:#ffffff80;--glass-blur:blur(18px);--glass-blur-sm:blur(12px);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-warm:0 4px 24px #a0460021;--shadow-glass:0 8px 32px #a0460026, inset 0 1px 0 #fff9;--shadow-lg:0 16px 48px #8c3c002e;--radius:14px;--radius-sm:10px;--radius-lg:20px}*{box-sizing:border-box}body{color:var(--text-primary);margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.App{background:#f8fafc;border-radius:0;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.app-loading{min-height:100vh;color:var(--text-muted);background:var(--glass-white);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.app-loading p{margin:0;font-size:.875rem;font-weight:500}.page-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:3px solid #fff6;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.app-shell{grid-template-columns:240px 1fr;width:100%;height:100%;display:grid}.sidebar{background:#0f172a;height:100%;position:relative}.app-main{background:#f8fafc;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow-x:hidden}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.75rem;display:flex}.workspace-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px;font-size:.62rem;font-weight:700}.page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:800}.header-left{flex-direction:column;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.845rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px #2563eb59}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{color:#334155;border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:.35rem;padding:.55rem 1rem;font-family:inherit;font-size:.845rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-secondary:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.btn-danger{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:#fee2e2;border:1px solid #fecaca;align-items:center;gap:.35rem;padding:.45rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-danger:hover{color:#b91c1c;background:#fecaca;border-color:#fca5a5}.btn-sm{padding:.3rem .7rem;font-size:.775rem}.main-content{flex:1;padding:1.5rem 1.75rem;overflow-y:auto}.section-container{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.section-title{color:var(--text-primary);margin:0 0 1rem;font-size:.95rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;padding:1.25rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a}.metric-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.metric-card-top .metric-label{margin-bottom:0}.metric-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mi-blue{color:#2563eb;background:#dbeafee6}.mi-green{color:#059669;background:#d1fae5e6}.mi-purple{color:#7c3aed;background:#ede9fee6}.mi-orange{color:#f97316;background:#fff7ede6}.mi-amber{color:#d97706;background:#fef3c7e6}.mi-rose{color:#e11d48;background:#ffe4e6e6}.metric-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.metric-value{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.15rem;font-size:2rem;font-weight:900;line-height:1;display:block}.metric-sub{color:var(--text-muted);margin:0;font-size:.775rem}.metric-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 20px #3b82f661}.metric-green{background:linear-gradient(135deg,#10b981,#047857);border:none;box-shadow:0 4px 20px #10b98161}.metric-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;box-shadow:0 4px 20px #8b5cf661}.metric-orange{background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 4px 20px #f9731661}.metric-blue .metric-label,.metric-green .metric-label,.metric-purple .metric-label,.metric-orange .metric-label{color:#ffffffd9}.metric-blue .metric-value,.metric-green .metric-value,.metric-purple .metric-value,.metric-orange .metric-value{color:#fff}.metric-blue .metric-sub,.metric-green .metric-sub,.metric-purple .metric-sub,.metric-orange .metric-sub{color:#ffffffb8}.metric-blue .metric-icon,.metric-green .metric-icon,.metric-purple .metric-icon,.metric-orange .metric-icon{color:#fff;background:#ffffff38}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-todo{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-progress{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.badge-review{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-done,.badge-active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-inactive,.badge-high{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.badge-medium{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-low{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-open{color:#5b21b6;background:#ede9fe;border:1px solid #ddd6fe}.badge-won{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-lost{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.badge-pending{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.68rem;font-weight:700}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;width:100%;max-width:500px;max-height:90vh;padding:1.75rem;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto;box-shadow:0 20px 60px #0f172a2e,0 4px 16px #0f172a14}.modal-wide{max-width:680px}@keyframes modalIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.1rem;font-weight:800}.modal-actions{border-top:1px solid #fff6;justify-content:flex-end;gap:.65rem;margin-top:1.5rem;padding-top:1rem;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.form-control{border-radius:var(--radius-sm);color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;width:100%;padding:.6rem .9rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.form-control::placeholder{color:#94a3b8}.form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}textarea.form-control{resize:vertical;min-height:88px}select.form-control{cursor:pointer}.tabs{border-bottom:1px solid #fff6;gap:0;margin-bottom:1.25rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1rem;display:flex}.empty-state svg{opacity:.35;margin-bottom:.75rem}.empty-state p{margin:0;font-size:.875rem;font-weight:500}.kanban-scroll-wrap{padding-bottom:.5rem;overflow-x:auto}.kanban-board{grid-template-columns:repeat(4,minmax(230px,1fr));align-items:start;gap:1rem;min-width:0;min-height:400px;display:grid}.kanban-col{border-radius:var(--radius);background:#ffffff4d;border:1px solid #ffffff80;min-height:300px;padding:.85rem}.kanban-col-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.kanban-col-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:800}.kanban-count{color:var(--text-muted);background:#ffffff73;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.kanban-card{background:var(--glass-white);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-glass);cursor:pointer;margin-bottom:.65rem;padding:.9rem;transition:box-shadow .15s,transform .1s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 10px 32px #a046002e,inset 0 1px #ffffffb3}.kanban-card-title{color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:600;line-height:1.4}.kanban-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;display:flex}.kanban-card-assignee{color:var(--text-muted);font-size:.75rem}.kanban-card-due{color:var(--text-muted);font-size:.72rem}.avatar{background:linear-gradient(135deg, var(--primary), #fb923c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #f9731659}.search-bar{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff80;border:1.5px solid #ffffff8c;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.875rem;transition:border-color .15s,background .15s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);background:#ffffffb3}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:.875rem}.search-bar input::placeholder{color:var(--text-muted)}@media (width<=1100px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.kanban-board{grid-template-columns:1fr 1fr}}@media (width<=768px){.App{height:100%;box-shadow:none;border-radius:0}}@media (width<=640px){.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.kanban-board,.form-row{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;background:#0f172a;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}#root{align-items:stretch;height:100%;padding:0;display:flex;overflow:hidden}img{max-width:100%;display:block}@media (width<=768px){#root{padding:0}}