@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap");:root{color-scheme:dark;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sistec-navy:#0a1128;--sistec-blue:#1e40af;--sistec-cyan:#0ea5e9;--sistec-gold:#f59e0b;--sistec-gold-glow:rgba(245,158,11,0.2);--success:#10b981;--success-glow:rgba(16,185,129,0.15);--warning:#f59e0b;--warning-glow:rgba(245,158,11,0.15);--danger:#ef4444;--danger-glow:rgba(239,68,68,0.15);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-snap:cubic-bezier(0.68,-0.15,0.27,1.15);--ease-smooth-back:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:0.18s var(--ease-smooth);--transition-normal:0.3s var(--ease-out-expo);--transition-spring:0.45s var(--ease-spring);--transition-slow:0.5s var(--ease-out-expo);--transition-page:0.35s var(--ease-out-expo);--bg-main:#070c18;--bg-surface:#0c1426;--bg-card:rgba(13,22,42,0.85);--bg-card-hover:rgba(20,32,60,0.95);--bg-card-solid:#0d1628;--border-glass:rgba(255,255,255,0.10);--border-glass-hover:rgba(255,255,255,0.18);--border-glass-focus:rgba(37,99,235,0.5);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-glass:0 8px 32px -4px rgba(0,0,0,0.6),0 4px 8px -4px rgba(0,0,0,0.4);--shadow-neon:0 4px 20px rgba(37,99,235,0.25);--shadow-cyan:0 4px 20px rgba(14,165,233,0.2);--shadow-glow-primary:0 0 20px rgba(37,99,235,0.2),0 0 60px rgba(37,99,235,0.08);--shadow-glow-success:0 0 20px rgba(16,185,129,0.15);--shadow-elevated:0 24px 60px -12px rgba(0,0,0,0.75);--sidebar-bg:rgba(9,15,30,0.96);--input-bg:rgba(15,25,48,0.75);--input-bg-focus:rgba(20,34,64,0.9);--scrollbar-thumb:rgba(255,255,255,0.12);--body-gradient-1:rgba(37,99,235,0.07);--body-gradient-2:rgba(14,165,233,0.05);--body-gradient-3:rgba(37,99,235,0.03);--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:rgba(37,99,235,0.25);--secondary:#0ea5e9;--secondary-glow:rgba(14,165,233,0.2);--surface-glow:rgba(255,255,255,0.025);--accent-gold:#f59e0b;--accent-rose:#f43f5e;--accent-emerald:#10b981;--accent-violet:#8b5cf6;--glass-bg:rgba(13,22,42,0.97);--modal-bg:#0d1628;--modal-card-bg:rgba(18,28,52,0.75);--modal-card-border:rgba(255,255,255,0.09);--modal-header-bg:linear-gradient(180deg,rgba(37,99,235,0.12),rgba(13,22,42,0.6));--modal-backdrop:rgba(3,7,18,0.82)}[data-theme=light]{color-scheme:light;--bg-main:#f8fafc;--bg-surface:#ffffff;--bg-card:rgba(255,255,255,0.95);--bg-card-hover:#ffffff;--bg-card-solid:#ffffff;--border-glass:rgba(15,23,42,0.11);--border-glass-hover:rgba(15,23,42,0.20);--border-glass-focus:rgba(37,99,235,0.4);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-glass:0 4px 24px -4px rgba(15,23,42,0.07),0 2px 4px -2px rgba(15,23,42,0.04);--shadow-neon:0 4px 16px rgba(37,99,235,0.12);--shadow-cyan:0 4px 16px rgba(14,165,233,0.12);--shadow-glow-primary:0 0 24px rgba(37,99,235,0.08);--shadow-glow-success:0 0 20px rgba(16,185,129,0.08);--shadow-elevated:0 20px 50px -12px rgba(15,23,42,0.12);--sidebar-bg:#ffffff;--input-bg:#ffffff;--input-bg-focus:#ffffff;--scrollbar-thumb:rgba(15,23,42,0.18);--body-gradient-1:rgba(37,99,235,0.04);--body-gradient-2:rgba(14,165,233,0.03);--body-gradient-3:rgba(37,99,235,0.02);--surface-glow:rgba(0,0,0,0.015);--glass-bg:rgba(255,255,255,0.98);--modal-bg:#ffffff;--modal-card-bg:#f1f5f9;--modal-card-border:rgba(15,23,42,0.09);--modal-header-bg:linear-gradient(180deg,rgba(37,99,235,0.06),rgba(241,245,249,0.8));--modal-backdrop:rgba(15,23,42,0.5)}[data-theme=dark]{color-scheme:dark;--bg-main:#070c18;--bg-surface:#0c1426;--bg-card:rgba(13,22,42,0.85);--bg-card-hover:rgba(20,32,60,0.95);--bg-card-solid:#0d1628;--border-glass:rgba(255,255,255,0.10);--border-glass-hover:rgba(255,255,255,0.18);--border-glass-focus:rgba(37,99,235,0.5);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-glass:0 8px 32px -4px rgba(0,0,0,0.6),0 4px 8px -4px rgba(0,0,0,0.4);--shadow-elevated:0 24px 60px -12px rgba(0,0,0,0.75);--sidebar-bg:rgba(9,15,30,0.96);--input-bg:rgba(15,25,48,0.75);--input-bg-focus:rgba(20,34,64,0.9);--scrollbar-thumb:rgba(255,255,255,0.12);--surface-glow:rgba(255,255,255,0.025);--glass-bg:rgba(13,22,42,0.97);--modal-bg:#0d1628;--modal-card-bg:rgba(18,28,52,0.75);--modal-card-border:rgba(255,255,255,0.09);--modal-backdrop:rgba(3,7,18,0.82)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0 0,var(--body-gradient-1) 0,transparent 50%),radial-gradient(at 100% 100%,var(--body-gradient-2) 0,transparent 50%),radial-gradient(at 50% 50%,var(--body-gradient-3) 0,transparent 70%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass);transition:all .35s var(--ease-out-expo);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none;transition:opacity .3s ease}.glass-panel-hover{transition:all .35s var(--ease-out-expo)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-glass),var(--shadow-glow-primary);transform:translateY(-3px)}.glass-card-interactive{cursor:pointer;transition:all .35s var(--ease-out-expo)}.glass-card-interactive:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow-neon),var(--shadow-glass);border-color:var(--border-glass-focus)}.glass-card-interactive:active{transform:translateY(-1px) scale(.998);transition-duration:.1s}.stat-card{transition:all .35s var(--ease-out-expo);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated)}.glass-input,.input-field,input[type=email],input[type=password],input[type=search],input[type=text]{width:100%;padding:11px 14px;background:var(--input-bg);border:1.5px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;transition:all .3s var(--ease-out-expo);outline:none;box-sizing:border-box}.glass-input:hover,.input-field:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=text]:hover{border-color:var(--border-glass-hover);background:var(--input-bg-focus)}.glass-input:focus,.input-field:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus{background:var(--input-bg-focus);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-glow-primary);transform:scale(1.005)}.glass-input::placeholder,.input-field::placeholder,input::placeholder{color:var(--text-muted);font-weight:400;transition:color .2s ease}.glass-input:disabled,.input-field:disabled,input:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glass-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px;cursor:pointer}.glass-select option{background-color:var(--bg-card-solid);color:var(--text-primary);padding:8px 12px}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);display:flex;align-items:center;z-index:2}.glass-input.has-search-icon,.search-input-wrapper input.glass-input{padding-left:42px!important}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .2s var(--ease-smooth);z-index:2}.search-clear-btn:hover{color:var(--primary);background:var(--primary-glow)}.quick-filter-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-width:0;max-width:100%}.quick-filter-scroll::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;font-family:var(--font-sans);font-size:.88rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s var(--ease-out-expo);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%);opacity:0;transition:opacity .25s ease;pointer-events:none}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97);transition-duration:.08s}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.btn-primary{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff;box-shadow:0 2px 14px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 4px 24px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98);transition-duration:.08s}.btn-secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-secondary:hover{background:var(--input-bg-focus);border-color:var(--border-glass-hover);transform:translateY(-1px)}.btn-danger{background:rgba(244,63,94,.08);color:#f43f5e;border:1px solid rgba(244,63,94,.18)}.btn-danger:hover{background:#f43f5e;color:#fff;border-color:#f43f5e;box-shadow:0 4px 20px rgba(244,63,94,.35);transform:translateY(-1px)}.btn-success{background:rgba(16,185,129,.08);color:#10b981;border:1px solid rgba(16,185,129,.18)}.btn-success:hover{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 4px 20px rgba(16,185,129,.35);transform:translateY(-1px)}.btn-gold{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.btn-gold:hover{background:#f59e0b;color:#000;box-shadow:0 4px 20px rgba(245,158,11,.35);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;transition:all .25s var(--ease-out-expo)}.badge-primary{background:rgba(37,99,235,.15);color:#60a5fa;border:1px solid rgba(37,99,235,.3)}.badge-secondary{background:rgba(14,165,233,.15);color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.badge-success{background:rgba(16,185,129,.08);color:#34d399;border:1px solid rgba(16,185,129,.18)}.badge-warning{background:rgba(245,158,11,.08);color:#fbbf24;border:1px solid rgba(245,158,11,.18)}.badge-danger{background:rgba(244,63,94,.08);color:#fb7185;border:1px solid rgba(244,63,94,.18)}.badge-gold{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.badge-info{background:rgba(14,165,233,.15);color:#38bdf8;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .badge-primary{background:rgba(37,99,235,.08);color:#2563eb;border-color:rgba(37,99,235,.2)}[data-theme=light] .badge-secondary{background:rgba(14,165,233,.08);color:#0284c7;border-color:rgba(14,165,233,.2)}[data-theme=light] .badge-success{background:rgba(16,185,129,.06);color:#059669;border-color:rgba(16,185,129,.12)}[data-theme=light] .badge-warning{background:rgba(245,158,11,.06);color:#d97706;border-color:rgba(245,158,11,.12)}[data-theme=light] .badge-danger{background:rgba(244,63,94,.06);color:#e11d48;border-color:rgba(244,63,94,.12)}[data-theme=light] .badge-gold{background:rgba(245,158,11,.1);color:#b45309;border-color:rgba(245,158,11,.25)}[data-theme=light] .badge-info{background:rgba(14,165,233,.08);color:#0284c7;border-color:rgba(14,165,233,.2)}[data-theme=light] .custom-table th{background:#f1f5f9;color:#475569;border-bottom:1px solid rgba(15,23,42,.1)}[data-theme=light] .custom-table tbody tr:hover td{background:rgba(241,245,249,.7)}[data-theme=light] .btn-secondary{background:#ffffff;color:#0f172a;border-color:rgba(15,23,42,.14);box-shadow:0 1px 3px rgba(0,0,0,.05)}[data-theme=light] .btn-secondary:hover{background:#f8fafc;border-color:rgba(15,23,42,.25)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1.25}h1{font-size:2rem}h1,h2{font-weight:800}h2{font-size:1.5rem;color:var(--text-primary)}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.05rem}h4,h5{font-weight:600}h5{font-size:.95rem}h6{font-size:.85rem;font-weight:600}.text-gradient{background:linear-gradient(135deg,#ffffff,#cbd5e1 50%,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{line-height:1.65}.badge-neutral,p{color:var(--text-secondary)}.badge-neutral{background:rgba(255,255,255,.08);border:1px solid var(--border-glass)}[data-theme=light] .badge-neutral{background:rgba(15,23,42,.06);color:var(--text-secondary);border-color:rgba(15,23,42,.12)}:root{--sidebar-width:260px}@media (min-width:768px) and (max-width:1199px){:root{--sidebar-width:220px}}@media (max-width:767px){:root{--sidebar-width:0px}}.app-container{display:flex;min-height:100vh;position:relative;width:100%;max-width:100vw;overflow-x:hidden}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--sidebar-bg);border-right:1px solid var(--border-glass);padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);z-index:100;overflow-y:auto;box-sizing:border-box;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,width .3s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(99,102,241,.08),transparent 30%,transparent 70%,rgba(6,182,212,.06));pointer-events:none}.main-content{flex:1 1;min-width:0;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));padding:28px 32px;min-height:100vh;position:relative;box-sizing:border-box;overflow-x:hidden;transition:margin-left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),max-width .3s cubic-bezier(.16,1,.3,1),padding .3s ease}@media (min-width:768px) and (max-width:1199px){.sidebar{padding:20px 12px}.main-content{padding:22px 20px}}.app-container.sidebar-collapsed .sidebar{transform:translateX(-105%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden}.app-container.sidebar-collapsed .main-content{margin-left:0!important;width:100%!important;max-width:100vw!important;padding-left:32px!important;padding-right:32px!important}.sidebar-collapse-btn{border-radius:8px;border:1px solid var(--border-glass);background:var(--surface-glow);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-smooth);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-card-hover);color:var(--primary);border-color:var(--primary);transform:scale(1.05)}.sidebar-expand-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border-glass);background:var(--modal-card-bg,var(--bg-card));color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s var(--ease-smooth);flex-shrink:0}.sidebar-expand-btn:hover{background:var(--primary);color:#ffffff;border-color:var(--primary);transform:scale(1.06)}.table-responsive-wrapper{border-radius:14px;border:1px solid var(--border-glass);background:var(--bg-card)}.table-responsive-wrapper::-webkit-scrollbar{height:7px;width:7px}.table-responsive-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.04)}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:var(--border-glass-hover)}.custom-table{width:100%;border-collapse:collapse;font-size:.86rem;text-align:left}.custom-table th{background:var(--surface-glow);color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}.custom-table td,.custom-table th{padding:14px 16px;border-bottom:1px solid var(--border-glass)}.custom-table td{color:var(--text-primary);vertical-align:middle;transition:all .25s var(--ease-smooth)}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr{transition:all .25s var(--ease-smooth)}.custom-table tbody tr:hover td{background:var(--bg-card-hover)}.sticky-action-col{background:var(--modal-card-bg,#0f172a)!important;z-index:4;box-shadow:-6px 0 12px rgba(0,0,0,.12);white-space:nowrap}th.sticky-action-col{z-index:10!important;background:var(--surface-glow,#1e293b)!important}.custom-table tbody tr:hover td.sticky-action-col{background:var(--bg-card-hover,#1e293b)!important}[data-theme=light] .sticky-action-col{box-shadow:-6px 0 12px rgba(15,23,42,.08)}[data-theme=light] th.sticky-action-col{background:#f1f5f9!important}[data-theme=light] .custom-table tbody tr:hover td.sticky-action-col{background:#f8fafc!important}@media (max-width:767px){.desktop-table-view{display:none!important}.mobile-cards-view{display:flex!important;flex-direction:column;gap:12px}}.mobile-data-card{background:var(--modal-card-bg,var(--bg-card));border:1px solid var(--modal-card-border,var(--border-glass));border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.mobile-data-card:active{transform:scale(.995)}.mobile-card-header{display:flex;align-items:flex-start;gap:12px}.mobile-card-title{font-size:.96rem;font-weight:700;color:var(--text-primary);line-height:1.3;word-break:break-word}.mobile-card-subtitle{font-size:.78rem;color:var(--text-secondary);margin-top:2px;word-break:break-word}.mobile-card-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 12px;gap:8px 12px;font-size:.78rem;color:var(--text-secondary);background:var(--surface-glow);padding:10px 12px;border-radius:10px;border:1px solid var(--border-glass)}.mobile-card-meta-grid strong{color:var(--text-primary)}.mobile-card-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid var(--border-glass)}.mobile-card-actions .btn{min-height:42px;font-size:.82rem;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;box-sizing:border-box}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--surface-glow);border:1.5px dashed var(--border-glass-hover);border-radius:16px;margin:12px 0;transition:all .35s var(--ease-out-expo)}.empty-state-box:hover{border-color:var(--primary-glow);background:rgba(99,102,241,.015)}.empty-state-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(6,182,212,.06));color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .45s var(--ease-spring)}.empty-state-box:hover .empty-state-icon{transform:scale(1.1) rotate(-3deg)}.skeleton-box{background:linear-gradient(90deg,rgba(255,255,255,.025) 25%,rgba(255,255,255,.06) 37%,rgba(255,255,255,.025) 63%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease infinite;border-radius:8px}[data-theme=light] .skeleton-box{background:linear-gradient(90deg,rgba(15,23,42,.03) 25%,rgba(15,23,42,.06) 37%,rgba(15,23,42,.03) 63%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes navIndicatorEntrance{0%{opacity:0;transform:translateX(-50%) scaleX(.3)}to{opacity:1;transform:translateX(-50%) scaleX(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(24px)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes slideUpDrawer{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes slideDownDrawer{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.25)}50%{box-shadow:0 0 0 8px rgba(99,102,241,0)}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scanLine{0%{top:6%;opacity:.3}15%{opacity:1}85%{opacity:1}to{top:94%;opacity:.3}}@keyframes statusPing{0%{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}@keyframes bellWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}@keyframes buttonShine{0%{left:-100%}to{left:200%}}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-15px) scale(1.08)}66%{transform:translate(-15px,20px) scale(.96)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(40px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(40px) scale(.95)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:var(--border-glass)}50%{border-color:var(--border-glass-focus)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes sectionEnter{0%{opacity:0;transform:translateY(12px) scale(.99);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes sectionExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-8px) scale(.99);filter:blur(2px)}}.animate-fade-in{animation:fadeIn .35s var(--ease-out-expo) forwards}.animate-slide-up{animation:slideUp .45s var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fadeInScale .4s var(--ease-out-expo) forwards}.animate-float{animation:floatGentle 4.5s ease-in-out infinite}.animate-float-bob{animation:floatBob 3s ease-in-out infinite}.animate-bell-wiggle{animation:bellWiggle 1.8s ease-in-out infinite;transform-origin:top center}.animate-laser{animation:scanLine 2.2s ease-in-out infinite alternate}.animate-stagger-in{animation:cardStaggerIn .4s var(--ease-out-expo) both}.animate-scale-in{animation:scaleIn .3s var(--ease-spring) forwards}.animate-section-enter{animation:sectionEnter .4s var(--ease-out-expo) forwards}.toast-notification{animation:toastSlideIn .4s var(--ease-spring) forwards}.toast-notification.toast-exit{animation:toastSlideOut .3s var(--ease-smooth) forwards}.stagger-1{animation-delay:.03s}.stagger-2{animation-delay:.06s}.stagger-3{animation-delay:.09s}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.stagger-7{animation-delay:.21s}.stagger-8{animation-delay:.24s}.stagger-9{animation-delay:.27s}.stagger-10{animation-delay:.3s}.status-live-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.status-live-ping{position:absolute;inset:-1px;border-radius:50%;animation:statusPing 1.8s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}.motion-ambient-banner{position:relative;overflow:hidden;border-radius:18px;padding:22px 26px;background:linear-gradient(135deg,rgba(37,99,235,.12) 0,rgba(14,165,233,.05) 50%,var(--bg-card) 100%);border:1px solid var(--border-glass);box-shadow:0 10px 30px -10px rgba(0,0,0,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s var(--ease-out-expo)}[data-theme=light] .motion-ambient-banner{background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(14,165,233,.03) 50%,#ffffff);border:1px solid rgba(37,99,235,.16);box-shadow:0 4px 20px rgba(15,23,42,.06)}.motion-ambient-banner:after{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(99,102,241,.15) 0,rgba(6,182,212,.06) 50%,transparent 70%);border-radius:50%;filter:blur(35px);animation:orbDrift 9s ease-in-out infinite;pointer-events:none}.motion-stat-card{position:relative;overflow:hidden;transition:all .35s var(--ease-out-expo);cursor:default}.motion-stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px -6px rgba(0,0,0,.4),var(--shadow-glow-primary);border-color:rgba(99,102,241,.35)}[data-theme=light] .motion-stat-card:hover{box-shadow:0 8px 24px -4px rgba(15,23,42,.1),var(--shadow-glow-primary);border-color:rgba(37,99,235,.35)}.motion-stat-card:hover .motion-card-icon{transform:scale(1.12) rotate(-4deg)}.motion-card-icon{transition:transform .4s var(--ease-spring)}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(25deg);pointer-events:none}.btn-shine:hover:after{animation:buttonShine .85s ease-out}.grid-responsive-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.responsive-grid-1col{display:contents}@media (max-width:767px){.admin-two-col-grid,.champion-cards-grid{grid-template-columns:1fr!important;gap:14px!important}}.login-bg-container{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.login-bg-slide{position:absolute;inset:0;background-size:cover;background-position:50%;transition:opacity 2.2s cubic-bezier(.4,0,.2,1),transform 10s ease-out;will-change:opacity,transform}.login-backdrop-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(3,7,18,.75) 0,rgba(3,5,12,.96) 100%),radial-gradient(circle at 15% 20%,var(--primary-glow) 0,transparent 50%),radial-gradient(circle at 85% 85%,var(--secondary-glow) 0,transparent 50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=light] .login-backdrop-overlay{background:radial-gradient(circle at 50% 50%,rgba(245,247,251,.82) 0,rgba(226,232,240,.96) 100%),radial-gradient(circle at 15% 20%,var(--primary-glow) 0,transparent 50%),radial-gradient(circle at 85% 85%,var(--secondary-glow) 0,transparent 50%)}.login-split-card{display:flex;width:100%;max-width:1000px;min-height:580px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-elevated),0 0 0 1px var(--border-glass);border:1px solid var(--border-glass);background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);animation:fadeInScale .6s var(--ease-out-expo) forwards}.login-hero-side{flex:1 1 46%;padding:44px 40px;background:linear-gradient(155deg,#020617,#0c1533 50%,#111b3d);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;justify-content:space-between;position:relative;color:#ffffff;overflow:hidden}.login-hero-side:before{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%);pointer-events:none}.login-form-side{flex:1 1 54%;padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.login-mobile-header{display:none}.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;animation:fadeInOverlay .25s ease-out forwards;transition:opacity .25s ease}.mobile-drawer-overlay.closing{animation:fadeOutOverlay .2s ease-in forwards}.mobile-drawer{position:fixed;bottom:0;left:0;right:0;max-height:85vh;overflow-y:auto;background:var(--bg-surface);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--border-glass);border-radius:24px 24px 0 0;padding:20px 16px 36px;box-shadow:0 -16px 48px rgba(0,0,0,.5);z-index:2001;animation:slideUpDrawer .4s var(--ease-out-expo) forwards}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid var(--border-glass);padding-bottom:14px}.mobile-drawer-content{display:flex;flex-direction:column;gap:8px}.mobile-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;animation:fadeInOverlay .25s ease-out forwards;transition:opacity .25s ease}.mobile-sheet-content{position:fixed;bottom:0;left:0;right:0;max-height:85vh;overflow-y:auto;background:var(--bg-surface);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--border-glass);border-radius:24px 24px 0 0;padding:20px 16px 36px;box-shadow:0 -16px 48px rgba(0,0,0,.5);z-index:2001;animation:slideUpDrawer .4s var(--ease-out-expo) forwards}.student-profile-info{background:var(--surface-glow);border:1px solid var(--border-glass);border-radius:14px;padding:16px;margin-bottom:12px;transition:all .25s var(--ease-smooth)}.reader-header{margin-bottom:24px}.reader-footer,.reader-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.reader-body{padding:48px;flex:1 1;margin-bottom:24px;box-shadow:var(--shadow-glass);position:relative;justify-content:center}.reader-body,.theme-fab-container{display:flex;flex-direction:column}.theme-fab-container{position:fixed;bottom:24px;right:24px;align-items:flex-end;gap:10px;z-index:9999}.theme-fab-btn{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass),0 0 0 1px var(--border-glass);color:var(--text-primary);transition:all .35s var(--ease-spring);font-size:1rem}.theme-fab-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-elevated),var(--shadow-glow-primary)}.theme-fab-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 24px rgba(99,102,241,.4)}.theme-studio-panel{position:fixed;bottom:90px;right:24px;width:320px;max-height:70vh;overflow-y:auto;background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--border-glass);border-radius:20px;padding:24px;box-shadow:var(--shadow-elevated);z-index:9998;animation:scaleIn .3s var(--ease-spring) forwards;transform-origin:bottom right}.theme-studio-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.theme-mode-track{width:52px;height:28px;border-radius:14px;background:rgba(0,0,0,.15);position:relative;cursor:pointer;border:none;transition:all .35s var(--ease-spring);display:flex;align-items:center;padding:3px}.theme-mode-track.active{background:linear-gradient(135deg,var(--primary),var(--secondary))}.theme-mode-knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:translateX(0);transition:transform .35s var(--ease-spring);display:flex;align-items:center;justify-content:center}.theme-mode-knob.active{transform:translateX(24px)}.admin-mobile-bottom-nav,.admin-mobile-header,.admin-sidebar-drawer,.mobile-bottom-nav,.mobile-header{display:none!important}.bottom-nav-item,.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);gap:4px;font-size:.68rem;font-weight:500;cursor:pointer;flex:1 1;height:100%;min-height:48px;transition:all .25s var(--ease-out-expo);border-radius:12px;text-decoration:none;position:relative!important;font-family:var(--font-sans);outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-nav-item:focus,.bottom-nav-item:focus-visible,.mobile-nav-item:focus,.mobile-nav-item:focus-visible{outline:none!important;box-shadow:none!important}.bottom-nav-item:active,.mobile-nav-item:active{transform:scale(.92);transition-duration:.08s}.bottom-nav-item.active,.mobile-nav-item.active{color:var(--primary);font-weight:700;background:linear-gradient(180deg,rgba(99,102,241,.09),transparent 75%)}.bottom-nav-item.active:before,.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3.5px;border-radius:0 0 4px 4px;background:var(--primary);box-shadow:0 2px 10px var(--primary),0 0 14px rgba(99,102,241,.45);animation:navIndicatorEntrance .22s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.bottom-nav-item.active svg,.mobile-nav-item.active svg{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 2px 8px rgba(99,102,241,.4));transition:transform .3s var(--ease-spring),filter .3s ease}.mobile-profile-btn{transition:all .3s var(--ease-spring)}.mobile-profile-btn:hover{transform:scale(1.08)}.mobile-drawer-close{transition:all .25s var(--ease-spring)}.mobile-drawer-close:hover{background:var(--input-bg-focus);transform:scale(1.1) rotate(90deg)}.logout-btn-mobile{transition:all .25s var(--ease-smooth)}.logout-btn-mobile:hover{background:rgba(244,63,94,.12);transform:translateY(-1px)}.notification-dropdown{animation:scaleIn .3s var(--ease-spring) forwards;transform-origin:top right}.notification-sheet-mobile{animation:slideUpSheet .28s cubic-bezier(.16,1,.3,1) forwards!important;transform-origin:bottom center!important}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}.modal-overlay{animation:fadeInOverlay .25s ease-out forwards}.modal-overlay.closing{animation:fadeOutOverlay .2s ease-in forwards}.modal-content{animation:scaleIn .35s var(--ease-spring) forwards;transform-origin:center center}.modal-content.closing{animation:scaleOut .2s ease-in forwards}.search-filter-bar{transition:all .3s var(--ease-smooth)}.sidebar .btn{transition:all .25s var(--ease-out-expo)}.sidebar .btn:active{transform:scale(.97);transition-duration:.08s}@media (min-width:768px) and (max-width:1199px){.sidebar{width:var(--sidebar-width);padding:20px 12px}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));padding:22px 20px}}@media (max-width:767px){:root{--sidebar-width:0px!important}.app-container{width:100%!important;max-width:100vw!important}.login-hero-side,.sidebar{display:none!important}.login-mobile-header{display:block!important}.login-split-card{max-width:460px!important;min-height:auto!important;border-radius:20px!important}.login-form-side{padding:28px 20px!important}.register-card{padding:24px 16px!important;max-width:100%!important}.grid-responsive-2col,.register-card .grid-responsive-2col{grid-template-columns:1fr!important}.grid-responsive-2col{gap:12px!important}.main-content{margin-left:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;padding:calc(64px + env(safe-area-inset-top, 0px)) 14px calc(76px + env(safe-area-inset-bottom, 0px) + 24px)!important;overflow-x:hidden}.mobile-header{top:0;height:calc(58px + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);justify-content:space-between;border-bottom:1px solid var(--border-glass);padding-left:14px;padding-right:14px;animation:slideDown .3s var(--ease-out-expo) forwards}.mobile-bottom-nav,.mobile-header{display:flex!important;position:fixed;left:0;right:0;align-items:center;background:var(--sidebar-bg);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);z-index:1000}.mobile-bottom-nav{bottom:0;height:calc(62px + env(safe-area-inset-bottom, 0px))!important;border-top:1px solid var(--border-glass);justify-content:space-around;padding:2px 6px max(6px,env(safe-area-inset-bottom,6px))!important;box-shadow:0 -4px 20px rgba(0,0,0,.25);box-sizing:border-box!important;animation:slideUp .3s var(--ease-out-expo) forwards}.bottom-nav-item{position:relative!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);gap:4px;font-size:.68rem;font-weight:500;cursor:pointer;flex:1 1;height:100%;min-height:48px;transition:all .25s var(--ease-out-expo);border-radius:12px;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-nav-item:focus,.bottom-nav-item:focus-visible{outline:none!important;box-shadow:none!important}.bottom-nav-item.active{color:var(--primary);font-weight:700;background:linear-gradient(180deg,rgba(99,102,241,.09),transparent 75%)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3.5px;border-radius:0 0 4px 4px;background:var(--primary);box-shadow:0 2px 10px var(--primary),0 0 14px rgba(99,102,241,.45);animation:navIndicatorEntrance .22s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.bottom-nav-item.active svg{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}.theme-fab-container{bottom:74px!important;right:14px!important}.theme-fab-btn{width:40px;height:40px}.theme-studio-panel{bottom:130px!important;right:14px!important;width:calc(100% - 28px)!important;max-width:320px!important;max-height:60vh}.notification-dropdown{width:calc(100vw - 28px)!important;max-width:340px!important;right:-4px!important}.reader-header{gap:12px!important;padding:12px 16px!important}.reader-footer{flex-direction:column!important;gap:14px!important;padding:14px 16px!important}.reader-body{padding:20px 14px!important}.table-responsive-wrapper{border-radius:10px}.glass-panel{border-radius:14px}.toast-notification{top:70px!important;right:12px!important;left:12px!important}.search-filter-bar{flex-direction:column!important}.search-filter-bar>*{flex:1 1 100%!important;min-width:0!important}.settings-grid{grid-template-columns:1fr!important}.settings-footer{flex-direction:column!important;gap:8px!important;text-align:center!important}.settings-section-card{padding:18px!important}.settings-section-header{flex-direction:column!important;gap:8px!important}.admin-mobile-header{position:fixed;top:0;left:0;right:0;height:calc(58px + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);align-items:center;justify-content:space-between;background:var(--sidebar-bg);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid var(--border-glass);padding-left:14px;padding-right:14px;z-index:1000;animation:slideDown .3s var(--ease-out-expo) forwards}.admin-mobile-header,.admin-sidebar-drawer{display:flex!important}.admin-mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom, 0px))!important;background:var(--sidebar-bg);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-top:1px solid var(--border-glass);justify-content:space-around;align-items:center;z-index:1000;padding:2px 6px max(6px,env(safe-area-inset-bottom,6px))!important;box-shadow:0 -4px 20px rgba(0,0,0,.25);box-sizing:border-box!important;animation:slideUp .3s var(--ease-out-expo) forwards}.reader-layout{flex-direction:column!important;min-height:auto!important;gap:14px!important}.reader-pdf-container{width:100%!important;flex:none!important;min-height:62vh!important}.reader-notes-container{width:100%!important;flex:none!important;max-height:52vh!important;position:relative!important}.reader-header{flex-direction:column!important;gap:10px!important;padding:10px 14px!important;text-align:center!important}.reader-header h4{font-size:.92rem!important}.reader-header .glass-input{width:44px!important;padding:3px 4px!important;font-size:.8rem!important}.table-responsive-wrapper{position:relative}.table-responsive-wrapper:after{content:"← Scroll →";position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:.68rem;color:var(--text-muted);opacity:.5}.modal-content{max-width:calc(100vw - 24px)!important;margin:12px!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important}.btn-stack-mobile{flex-direction:column!important}.btn-stack-mobile,.btn-stack-mobile>*{width:100%!important}.motion-stat-card{padding:12px!important}.motion-stat-card .motion-card-icon{width:36px!important;height:36px!important}.motion-stat-card h3{font-size:1.1rem!important}.admin-chart-row{gap:8px!important}.admin-chart-row,.champion-cards-grid{grid-template-columns:1fr!important}.admin-chart-legend{gap:8px!important;align-items:flex-start!important}.admin-chart-legend,.book-inventory-actions{flex-direction:column!important}.book-inventory-actions>*{width:100%!important}.book-card-grid{grid-template-columns:1fr!important}.sidebar-profile-avatar{width:32px!important;height:32px!important}.seating-grid-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.seating-grid-wrapper table{min-width:600px!important}.room-header-actions{flex-direction:column!important;width:100%!important}.room-header-actions>*{width:100%!important}.student-activity-content{flex-direction:column!important}.permission-quick-filters{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px;flex-wrap:nowrap!important}}@media (max-width:380px){.main-content{padding:calc(58px + env(safe-area-inset-top, 0px)) 10px calc(72px + env(safe-area-inset-bottom, 0px) + 24px)!important}.admin-mobile-header,.mobile-header{padding:0 10px!important;height:calc(52px + env(safe-area-inset-top, 0px))!important}.admin-mobile-bottom-nav,.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:max(4px,env(safe-area-inset-bottom,4px))!important}.login-split-card{border-radius:16px!important}.login-form-side{padding:20px 16px!important}.theme-studio-panel{padding:16px!important}.btn{padding:8px 12px!important;font-size:.82rem!important;min-height:38px}.glass-input{padding:9px 12px;font-size:.84rem!important}}@media (hover:none) and (pointer:coarse){.bottom-nav-item,.btn,button,input,select{-webkit-tap-highlight-color:transparent}}.book-pinterest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));grid-gap:16px;gap:16px;width:100%;align-items:stretch}@media (min-width:1700px){.book-pinterest-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:18px}}@media (max-width:1699px) and (min-width:1200px){.book-pinterest-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}}@media (max-width:1199px) and (min-width:880px){.book-pinterest-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}}@media (max-width:879px) and (min-width:768px){.book-pinterest-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.book-pinterest-card{display:flex;flex-direction:column;justifyContent:space-between;width:100%;height:100%;background:rgba(13,22,42,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px;box-sizing:border-box;transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo);position:relative;overflow:hidden}[data-theme=light] .book-pinterest-card{background:rgba(255,255,255,.94);border-color:rgba(15,23,42,.09);box-shadow:0 4px 20px rgba(0,0,0,.05)}.book-pinterest-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.42);box-shadow:0 16px 32px -8px rgba(0,0,0,.75),0 0 20px rgba(37,99,235,.16)}[data-theme=light] .book-pinterest-card:hover{box-shadow:0 16px 32px -8px rgba(15,23,42,.12),0 0 16px rgba(37,99,235,.1)}.realistic-book-wrapper{position:relative;width:100%;margin-bottom:8px;perspective:1000px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.realistic-book-cover{position:relative;width:100%;height:215px;border-radius:4px 9px 9px 4px;overflow:hidden;background:#080d1a;box-shadow:-3px 4px 12px rgba(0,0,0,.45),0 8px 18px -3px rgba(0,0,0,.5),inset -2px 0 3px rgba(0,0,0,.25),inset 1px 0 1px rgba(255,255,255,.18);transform-origin:left center;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.book-pinterest-card:hover .realistic-book-cover{transform:perspective(1000px) rotateY(-5deg) translateY(-2px);box-shadow:-6px 10px 20px rgba(0,0,0,.65),0 14px 28px -5px rgba(0,0,0,.75),0 0 18px rgba(37,99,235,.25)}.book-spine-crease{top:0;left:0;bottom:0;width:22px;background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.25) 8%,rgba(255,255,255,.24) 15%,rgba(0,0,0,.28) 22%,rgba(255,255,255,.08) 26%,transparent);z-index:6;border-top-left-radius:3px;border-bottom-left-radius:3px}.book-page-edge,.book-spine-crease{position:absolute;pointer-events:none}.book-page-edge{top:3px;bottom:3px;right:0;width:4px;background:repeating-linear-gradient(180deg,#f8fafc 0,#cbd5e1 1px,#64748b 2px);opacity:.32;z-index:5;border-radius:0 2px 2px 0}.realistic-book-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;background:#080d1a;border-radius:4px 9px 9px 4px;transition:transform .35s var(--ease-out-expo)}.book-cover-hover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,24,.85) 0,rgba(7,12,24,.2) 40%,transparent);display:flex;align-items:flex-end;justify-content:center;padding:14px;opacity:0;transition:opacity .25s ease;z-index:7;pointer-events:none}.book-pinterest-card:hover .book-cover-hover-overlay{opacity:1}.book-hover-pill{padding:5px 12px;border-radius:20px;background:rgba(37,99,235,.9);color:#fff;font-size:.74rem;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(6px);transition:transform .25s var(--ease-spring)}.book-pinterest-card:hover .book-hover-pill{transform:translateY(0)}.realistic-book-fallback{width:100%;height:100%;border-radius:4px 9px 9px 4px;background:linear-gradient(145deg,#101e42,#080f24);display:flex;flex-direction:column;justifyContent:space-between;padding:14px 12px 14px 18px;position:relative;overflow:hidden;box-sizing:border-box;border:1px solid rgba(255,255,255,.1)}.realistic-book-fallback:before{content:"";position:absolute;top:0;left:16px;bottom:0;width:1px;background:rgba(245,158,11,.35)}.fallback-emboss-title{font-family:var(--font-sans);font-weight:800;font-size:.9rem;line-height:1.28;color:#f8fafc;text-shadow:0 2px 4px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fallback-emboss-author{font-size:.72rem;color:#94a3b8;font-weight:500;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fallback-sistec-seal{display:flex;align-items:center;gap:6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.8px;color:#f59e0b;font-weight:700}.book-reader-container{display:flex;flex-direction:column;min-height:calc(100vh - 80px);width:100%;max-width:1560px;margin:0 auto;gap:12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reader-minimal-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 14px!important;border-radius:14px!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-glass)!important;z-index:40!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important;min-height:52px!important;max-height:52px!important;height:52px!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;transition:all .2s ease!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.reader-minimal-bar::-webkit-scrollbar{display:none!important}[data-theme=light] .reader-minimal-bar{background:rgba(255,255,255,.96)!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 10px 30px -5px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)!important}.reader-bar-left{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;min-width:0!important}.reader-btn-compact{padding:6px 11px!important;font-size:.8rem!important;gap:5px!important;height:32px!important}.reader-branch-badge,.reader-btn-compact{white-space:nowrap!important;flex-shrink:0!important}.reader-branch-badge{font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.03em!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important;padding:3px 8px!important;border-radius:6px!important}.reader-bar-center{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;justify-content:center!important;min-width:0!important;overflow:hidden!important}.reader-title-block{text-align:right!important;min-width:0!important;flex:0 1 auto!important;max-width:clamp(100px,17vw,280px)!important;cursor:default!important}.reader-book-title{font-size:.88rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.25!important}.reader-book-author,.reader-book-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.reader-book-author{font-size:.72rem!important;color:var(--text-muted)!important;line-height:1.2!important}.reader-page-stepper{display:flex!important;align-items:center!important;gap:4px!important;background:var(--input-bg)!important;padding:3px 7px!important;border-radius:9px!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-glass)!important;flex-shrink:0!important;white-space:nowrap!important}.reader-stepper-btn{padding:3px 6px!important;font-size:.75rem!important;min-height:auto!important;height:26px!important;width:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.reader-stepper-counter{display:flex!important;align-items:center!important;gap:4px!important;font-size:.8rem!important;white-space:nowrap!important}.reader-page-input{width:44px!important;padding:2px!important;text-align:center!important;font-size:.82rem!important;height:24px!important}.reader-page-input,.reader-percentage-badge{font-weight:700!important;border-radius:4px!important}.reader-percentage-badge{font-size:.68rem!important;color:var(--primary)!important;background:rgba(59,130,246,.15)!important;padding:2px 5px!important}.reader-status-indicator{display:inline-flex!important;gap:4px!important;font-size:.68rem!important;margin-left:2px!important;font-weight:600!important}.reader-bar-right,.reader-status-indicator{align-items:center!important;white-space:nowrap!important}.reader-bar-right{display:flex!important;gap:6px!important;flex-shrink:0!important;flex-wrap:nowrap!important}.reader-tool-btn{padding:6px 9px!important;font-size:.78rem!important;gap:5px!important;min-height:auto!important;height:32px!important;white-space:nowrap!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.reader-tool-label{display:inline!important}.reader-zoom-group{display:flex!important;align-items:center!important;gap:2px!important;background:var(--input-bg)!important;border:1px solid var(--border-glass)!important;border-radius:8px!important;padding:2px 4px!important;height:32px!important;box-sizing:border-box!important;flex-shrink:0!important;white-space:nowrap!important}.reader-zoom-btn{padding:3px 5px!important;font-size:.75rem!important;min-height:auto!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.reader-zoom-pct{font-size:.72rem!important;font-weight:600!important;min-width:34px!important;text-align:center!important;color:var(--text-primary)!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.reader-zoom-reset{padding:2px 5px!important;font-size:.65rem!important;font-weight:600!important;color:var(--primary)!important;border-radius:4px!important;height:22px!important}.reader-notes-badge{background:var(--primary)!important;color:#fff!important;font-size:.65rem!important;padding:1px 5px!important;border-radius:10px!important;font-weight:700!important;line-height:1!important}@media (min-width:1550px){.reader-tool-label{display:inline!important}}@media (max-width:1549px){.secondary-label{display:none!important}.reader-branch-badge{max-width:140px!important}.reader-title-block{max-width:220px!important}}@media (max-width:1280px){.primary-label{display:none!important}.reader-tool-btn{padding:6px 8px!important}.reader-branch-badge{max-width:100px!important}.reader-title-block{max-width:180px!important}.reader-bar-center{gap:8px!important}}@media (max-width:1024px){.reader-branch-badge,.reader-btn-text{display:none!important}.reader-title-block{max-width:130px!important}.reader-bar-center{gap:6px!important}}.book-stage-viewport{flex:1 1;display:flex;align-items:center;justify-content:center;perspective:2000px;-webkit-perspective:2000px;position:relative;padding:10px 16px 20px;min-height:74vh}.book-hardcover-casing{display:flex;position:relative;background:linear-gradient(135deg,#141f36,#0a1122);border-radius:14px;padding:12px 14px 14px;box-shadow:0 25px 60px -15px rgba(0,0,0,.85),0 0 0 6px var(--bg-main),0 0 0 7px var(--border-glass),inset 0 2px 4px rgba(255,255,255,.15),inset 0 -3px 6px rgba(0,0,0,.6);max-width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .book-hardcover-casing{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 20px 45px -10px rgba(15,23,42,.25),0 0 0 6px var(--bg-main),0 0 0 7px var(--border-glass),inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.4)}.book-edge-stacked{position:absolute;top:14px;bottom:16px;width:10px;background:repeating-linear-gradient(180deg,#e2e8f0 0,#cbd5e1 1px,#94a3b8 2px,#f8fafc 3px);border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.3);z-index:1}.book-edge-left{left:4px;border-right:1px solid rgba(0,0,0,.2)}.book-edge-right{right:4px;border-left:1px solid rgba(0,0,0,.2)}.book-open-spread{display:flex;position:relative;background:#fdfbf7;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 0 10px rgba(0,0,0,.05);transition:background-color .25s ease,box-shadow .25s ease}.dark .book-open-spread,[data-theme=dark] .book-open-spread{background:#11141c!important;box-shadow:0 15px 40px rgba(0,0,0,.7),inset 0 0 15px rgba(0,0,0,.5)!important}.book-center-spine{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:36px;background:linear-gradient(90deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.1) 25%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.25));z-index:10;pointer-events:none}.dark .book-center-spine,[data-theme=dark] .book-center-spine{background:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 25%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.5))!important}.book-page-leaf{position:relative;background:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.04);transition:background-color .25s ease,box-shadow .25s ease}.dark .book-page-leaf,[data-theme=dark] .book-page-leaf{background:#11141c!important;box-shadow:inset 0 0 25px rgba(0,0,0,.4)!important}.book-canvas-holder{width:100%;height:100%;flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color .25s ease}.dark .book-canvas-holder,[data-theme=dark] .book-canvas-holder{background:#11141c!important}.book-canvas-holder canvas{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.book-canvas-holder.desktop-zoomed{overflow:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.book-canvas-holder.desktop-zoomed canvas{max-width:none!important;max-height:none!important;margin:auto!important}.silk-ribbon-bookmark{position:absolute;top:-8px;right:32px;width:28px;height:64px;background:linear-gradient(135deg,#dc2626,#b91c1c 45%,#991b1b);z-index:25;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .2s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;color:#fef08a}.silk-ribbon-bookmark:hover{transform:translateY(3px) scale(1.05);filter:drop-shadow(0 6px 12px rgba(220,38,38,.5))}.silk-ribbon-bookmark:before{content:"";position:absolute;top:0;left:4px;bottom:0;width:2px;background:rgba(255,255,255,.25)}.page-turn-trigger{position:absolute;top:0;bottom:0;width:14%;z-index:15;cursor:pointer;display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.page-turn-trigger:hover{opacity:1}.page-turn-trigger-left{left:0;justify-content:flex-start;padding-left:12px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}.page-turn-trigger-right{right:0;justify-content:flex-end;padding-right:12px;background:linear-gradient(270deg,rgba(0,0,0,.08),transparent)}.page-turn-arrow-badge{width:36px;height:36px;border-radius:50%;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:transform .2s ease}.page-turn-trigger:hover .page-turn-arrow-badge{transform:scale(1.12)}.study-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:90;transition:opacity .25s ease}.study-drawer-content{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:var(--bg-surface,#0c1426);border-left:1px solid var(--border-glass);box-shadow:var(--shadow-elevated);z-index:95;display:flex;flex-direction:column;animation:slideDrawerIn .25s cubic-bezier(.16,1,.3,1) forwards}[data-theme=light] .study-drawer-content{background:#ffffff;border-left:1px solid rgba(15,23,42,.12);box-shadow:-10px 0 40px rgba(15,23,42,.15)}@keyframes slideDrawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.reader-page-wrapper{padding:24px 20px;min-height:100vh;background:var(--bg-main);box-sizing:border-box;width:100%}.book-reader-container.reader-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;margin:0!important;padding:12px 18px!important;background:var(--bg-main)!important;z-index:99999!important;border-radius:0!important;overflow:hidden!important}.reader-fullscreen .book-stage-viewport{height:calc(100vh - 80px)!important;min-height:calc(100vh - 80px)!important;padding:8px 12px 16px!important}.reader-fullscreen .book-open-spread{max-height:calc(100vh - 100px)!important}.reader-mobile-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:60;width:100vw;max-width:100vw;box-sizing:border-box}[data-theme=light] .reader-mobile-header{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(15,23,42,.1);box-shadow:0 2px 10px rgba(0,0,0,.05)}.reader-mobile-bottom-bar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 14px;background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-glass);position:fixed;bottom:0;left:0;right:0;z-index:60;width:100vw;max-width:100vw;box-sizing:border-box;box-shadow:0 -4px 20px rgba(0,0,0,.25)}[data-theme=light] .reader-mobile-bottom-bar{background:rgba(255,255,255,.96);border-top:1px solid rgba(15,23,42,.1);box-shadow:0 -4px 20px rgba(15,23,42,.08)}@media (max-width:768px){.book-reader-container,.reader-page-wrapper{padding:0!important;margin:0!important;min-height:100dvh!important;height:100dvh!important;max-width:100vw!important;overflow:hidden!important}.book-reader-container{gap:0!important;width:100vw!important}.book-reader-container.reader-fullscreen{padding:0!important}.reader-minimal-bar{display:none!important}.book-stage-viewport{padding:4px 6px 62px!important;min-height:calc(100dvh - 105px)!important;height:calc(100dvh - 105px)!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:pan-y pinch-zoom}.book-hardcover-casing{padding:3px!important;border-radius:8px!important;max-width:calc(100vw - 12px)!important;margin:0 auto!important;box-shadow:0 4px 16px rgba(0,0,0,.6)!important}.book-hardcover-casing,.book-open-spread{width:100%!important;box-sizing:border-box!important}.book-open-spread{border-radius:6px!important}.book-open-spread,.book-page-leaf{min-width:0!important;max-width:100%!important;min-height:auto!important}.book-canvas-holder,.book-page-leaf{width:100%!important;box-sizing:border-box!important}.book-canvas-holder{max-width:100%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}.book-canvas-holder canvas{max-width:100%!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 125px)!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.book-stage-viewport.is-zoomed{touch-action:none!important;overflow:hidden!important}.book-stage-viewport.is-zoomed .book-hardcover-casing,.book-stage-viewport.is-zoomed .book-open-spread,.book-stage-viewport.is-zoomed .book-page-leaf{overflow:visible!important;box-shadow:none!important;border-color:transparent!important}.book-canvas-holder.is-zoomed{overflow:visible!important;align-items:center!important;justify-content:center!important;touch-action:none!important}.book-canvas-holder.is-zoomed canvas{max-width:none!important;max-height:none!important;width:auto!important;display:block!important;margin:auto!important;touch-action:none!important}.book-edge-stacked{display:none!important}.page-turn-trigger{width:25%!important}.page-turn-arrow-badge{width:32px;height:32px;opacity:.8}.study-drawer-content{width:100vw!important;max-width:100vw!important}}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{animation:modalBackdropFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.book-overview-card,.share-modal-card{animation:modalPopIn .24s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@media (max-width:640px){.book-overview-card,.share-modal-card{padding:18px 14px!important;border-radius:16px!important;max-height:94vh!important}}.mobile-zoom-pill{position:fixed;bottom:58px;right:14px;z-index:65;display:flex;align-items:center;gap:3px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:0 8px 24px rgba(0,0,0,.4);border-radius:20px;padding:3px 8px;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1) forwards}[data-theme=light] .mobile-zoom-pill{background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.15);box-shadow:0 8px 24px rgba(15,23,42,.12)}.sidebar-collapse-btn,.sidebar-expand-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-glass-input,rgba(255,255,255,.05));border:1px solid var(--border-glass,rgba(255,255,255,.1));color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sidebar-collapse-btn{width:32px;height:32px}.sidebar-expand-btn{width:36px;height:36px}.sidebar-collapse-btn:hover,.sidebar-expand-btn:hover{background:var(--primary-light,rgba(59,130,246,.15));color:var(--primary);border-color:var(--primary);transform:scale(1.05)}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:12px}.table-responsive-wrapper::-webkit-scrollbar{height:8px}.table-responsive-wrapper::-webkit-scrollbar-track{background:var(--bg-glass-input,rgba(255,255,255,.03));border-radius:4px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:4px}.table-responsive-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sticky-action-col{position:-webkit-sticky!important;position:sticky!important;right:0!important;background:var(--bg-card)!important;z-index:5!important;box-shadow:-8px 0 16px -4px rgba(0,0,0,.15)!important}[data-theme=light] .sticky-action-col{background:#ffffff!important;box-shadow:-8px 0 16px -4px rgba(15,23,42,.08)!important}tr:hover .sticky-action-col{background:var(--bg-glass-input,rgba(255,255,255,.05))!important}[data-theme=light] tr:hover .sticky-action-col{background:#f8fafc!important}.desktop-table-view{display:block}.mobile-cards-view{display:none}@media (max-width:767px){.desktop-table-view{display:none!important}.mobile-cards-view{display:flex!important;flex-direction:column;gap:14px;width:100%}.mobile-data-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}[data-theme=light] .mobile-data-card{background:#ffffff;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 12px rgba(15,23,42,.05)}.mobile-data-card:active{transform:scale(.99)}.mobile-card-header{display:flex;align-items:flex-start;gap:12px}.mobile-card-title{font-size:.96rem;font-weight:700;color:var(--text-primary);line-height:1.3;word-break:break-word}.mobile-card-subtitle{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.mobile-card-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mobile-card-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 14px;gap:8px 14px;padding:10px 12px;background:var(--bg-glass-input,rgba(255,255,255,.03));border-radius:10px;border:1px solid var(--border-glass);font-size:.8rem}[data-theme=light] .mobile-card-meta-grid{background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.meta-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:2px}.meta-value{font-size:.84rem;font-weight:600;color:var(--text-primary);word-break:break-word}.mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;border-top:1px solid var(--border-glass);padding-top:12px}.mobile-card-actions .btn{min-height:44px!important;padding:8px 14px!important;font-size:.82rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important}}@media (max-width:480px){.mobile-card-meta-grid{grid-template-columns:1fr;gap:6px}.mobile-card-actions .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px)}}body,html{max-width:100vw;overflow-x:hidden}.admin-stat-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(140px,45vw,220px),1fr));grid-gap:clamp(10px,2vw,20px);gap:clamp(10px,2vw,20px);margin-bottom:clamp(20px,4vw,32px)}.champion-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}@media (max-width:900px){.champion-cards-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:20px!important}}.admin-branch-chart-row{display:grid;grid-template-columns:200px 1fr 140px;align-items:center;grid-gap:16px;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;background:rgba(255,255,255,.015);border:1px solid transparent;transition:all .2s ease}@media (max-width:768px){.admin-branch-chart-row{grid-template-columns:1fr!important;gap:10px!important;padding:14px 12px!important}.admin-branch-chart-row>div:last-child{justify-content:flex-start!important;margin-top:4px}}.admin-drilldown-backdrop{position:fixed;inset:0;background-color:rgba(3,7,18,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .2s ease forwards}.admin-drilldown-drawer{width:min(96vw,680px);max-width:100%;height:100%;max-height:100dvh;background:var(--bg-surface);border-left:1px solid var(--border-glass);box-shadow:-10px 0 40px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}@media (max-width:768px){.admin-drilldown-drawer{width:100%!important;border-left:none!important}}.drilldown-card-item{flex-shrink:0!important;min-height:-moz-fit-content!important;min-height:fit-content!important;box-sizing:border-box!important;overflow:visible!important;transition:transform .18s ease,border-color .18s ease}.drilldown-card-item:hover{transform:translateY(-2px)}@media (max-width:767px){.book-pinterest-grid{grid-template-columns:1fr!important;gap:16px!important;width:100%!important}.book-pinterest-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important;padding:16px 14px!important;border-radius:16px!important;margin:0 auto!important;max-width:100%!important;box-sizing:border-box!important}.realistic-book-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto 14px!important}.realistic-book-cover{width:clamp(140px,44vw,175px)!important;height:clamp(196px,61.6vw,245px)!important;margin:0 auto!important;border-radius:4px 10px 10px 4px!important;flex-shrink:0!important}.book-card-body{width:100%!important;display:flex!important;flex-direction:column!important}.book-card-badges{justify-content:space-between!important;gap:6px!important;margin-bottom:8px!important}.book-card-badges,.book-card-badges-left{display:flex!important;align-items:center!important;flex-wrap:wrap!important}.book-card-badges-left{gap:5px!important}.book-card-badges .badge{font-size:.68rem!important;padding:3px 8px!important;border-radius:6px!important}.book-card-title{-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:unset!important;min-height:auto!important;font-size:1.02rem!important;line-height:1.35!important;margin-bottom:6px!important}.book-card-author,.book-card-title{display:block!important;overflow:visible!important;white-space:normal!important;word-break:break-word!important}.book-card-author{text-overflow:clip!important;font-size:.82rem!important;line-height:1.3!important;margin-bottom:12px!important;color:var(--text-secondary)!important}.book-card-footer{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important;flex-direction:column!important;gap:8px!important}.book-card-footer,.book-card-meta{width:100%!important;display:flex!important}.book-card-meta{align-items:center!important;justify-content:space-between!important;font-size:.76rem!important;color:var(--text-muted)!important}.book-card-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;align-items:stretch!important}.book-card-actions .btn-read-primary{flex:1 1 auto!important;font-size:.86rem!important;font-weight:700!important;padding:8px 14px!important;gap:6px!important}.book-card-actions .btn-icon-action,.book-card-actions .btn-read-primary{min-height:42px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}.book-card-actions .btn-icon-action{flex:0 0 42px!important;width:42px!important;height:42px!important;padding:0!important}.catalog-search-panel{padding:14px!important;margin-bottom:16px!important;border-radius:14px!important}.catalog-search-filters{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.catalog-search-filters>div{width:100%!important;flex:1 1 100%!important}.catalog-search-filters select{width:100%!important;min-height:42px!important;font-size:.88rem!important}.dept-context-banner{padding:10px 12px!important;margin-bottom:16px!important;font-size:.78rem!important;border-radius:10px!important}.main-content{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px) + 32px)!important}.catalog-mobile-spacer{display:block!important;width:100%!important;height:36px!important}}@media (max-width:360px){.mobile-header{padding-left:10px!important;padding-right:10px!important}.bottom-nav-item span{font-size:.58rem!important}.bottom-nav-item svg{width:17px!important;height:17px!important}.book-card-actions .btn-icon-action{flex:0 0 38px!important;width:38px!important;height:38px!important;min-height:38px!important}.book-card-actions .btn-read-primary{font-size:.8rem!important;padding:6px 10px!important}}.st-flipbook-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;min-height:72vh;perspective:2500px}.st-flipbook-wrapper{box-shadow:0 25px 60px -15px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08);border-radius:4px;overflow:visible;background:transparent}.st-flipbook-wrapper,.stf__parent{margin:0 auto;display:block;position:relative}.stf__parent{box-sizing:border-box;touch-action:pan-y}.st-page{background-color:#ffffff;color:#1e293b;overflow:hidden;box-sizing:border-box;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 30px rgba(0,0,0,.04)}.st-page[data-density=hard]{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc;box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.st-page[data-density=hard].--left{border-top-left-radius:6px;border-bottom-left-radius:6px;border-left:4px solid #334155}.st-page[data-density=hard].--right{border-top-right-radius:6px;border-bottom-right-radius:6px;border-right:4px solid #334155}.st-page.--left:not([data-density=hard]){background:linear-gradient(90deg,#ffffff 0,#fafafa 88%,#e2e8f0 97%,#cbd5e1);border-top-left-radius:3px;border-bottom-left-radius:3px}.st-page.--right:not([data-density=hard]){background:linear-gradient(270deg,#ffffff 0,#fafafa 88%,#e2e8f0 97%,#cbd5e1);border-top-right-radius:3px;border-bottom-right-radius:3px}[data-theme=dark] .st-page,[data-theme=dark] .st-page-content,[data-theme=dark] .st-page-inner,body.dark .st-page,body.dark .st-page-content,body.dark .st-page-inner{background-color:#11141c!important;color:#e2e8f0;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}[data-theme=dark] .st-page[data-density=hard],body.dark .st-page[data-density=hard]{background:linear-gradient(135deg,#090d16,#030712);border-color:#1e293b}[data-theme=dark] .st-page.--left:not([data-density=hard]),body.dark .st-page.--left:not([data-density=hard]){background:linear-gradient(90deg,#11141c 0,#131722 88%,#0d1017 97%,#05070a)}[data-theme=dark] .st-page.--right:not([data-density=hard]),body.dark .st-page.--right:not([data-density=hard]){background:linear-gradient(270deg,#11141c 0,#131722 88%,#0d1017 97%,#05070a)}.st-page-inner{flex-direction:column}.st-page-content,.st-page-inner{position:relative;width:100%;height:100%;display:flex;box-sizing:border-box}.st-page-content{flex:1 1 auto;align-items:center;justify-content:center;overflow:hidden}.st-page-img{width:100%;height:100%;object-fit:contain;display:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.st-dark-book-mode .st-page-img,[data-theme=dark] .reader-viewport .st-page-img,body.dark .reader-viewport .st-page-img{background-color:transparent!important}.st-page-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#64748b;font-size:.82rem;font-weight:500;z-index:2}[data-theme=dark] .st-page-loader,body.dark .st-page-loader{background:rgba(17,20,28,.88);color:#94a3b8}.st-page-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.st-page-footer{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:.72rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;pointer-events:none;z-index:3}[data-theme=dark] .st-page-footer,body.dark .st-page-footer{color:#64748b}.st-page:hover:after{content:"";position:absolute;bottom:0;width:48px;height:48px;pointer-events:none;transition:opacity .2s ease;opacity:.6}.st-page.--right:hover:after{right:0;background:linear-gradient(135deg,transparent 50%,rgba(99,102,241,.25));border-bottom-right-radius:4px}.st-page.--left:hover:after{left:0;background:linear-gradient(225deg,transparent 50%,rgba(99,102,241,.25));border-bottom-left-radius:4px}.st-zoom-content{position:relative;width:100%;display:flex;justify-content:center;align-items:center;transform-origin:center center;will-change:transform}.book-stage-viewport.is-zoomed{overflow:hidden!important;cursor:-webkit-grab;cursor:grab}.book-stage-viewport.is-zoomed.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.book-stage-viewport.is-zoomed .st-page.--left:hover:after,.book-stage-viewport.is-zoomed .st-page.--right:hover:after,.book-stage-viewport.is-zoomed .st-page:after,.book-stage-viewport.is-zoomed .st-page:hover:after{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.book-stage-viewport.is-zoomed .page-turn-arrow-badge,.book-stage-viewport.is-zoomed .page-turn-trigger{display:none!important;pointer-events:none!important;opacity:0!important}.book-stage-viewport.is-zoomed .st-flipbook-wrapper,.book-stage-viewport.is-zoomed .st-page,.book-stage-viewport.is-zoomed .stf__parent{pointer-events:none!important}.st-pan-overlay{position:absolute;inset:0;z-index:35;cursor:-webkit-grab;cursor:grab;touch-action:none}.st-pan-overlay.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.silk-ribbon-left{left:32px!important;right:auto!important}.silk-ribbon-right{right:32px!important;left:auto!important}.page-turn-trigger{pointer-events:none!important}.page-turn-arrow-badge{pointer-events:auto!important;cursor:pointer}.st-page-img{background:transparent!important}.st-page{backface-visibility:hidden;-webkit-backface-visibility:hidden}.st-page,.stf__parent{will-change:transform;transform:translateZ(0)}.project-showcase-container{width:100%;max-width:1540px;margin:0 auto;padding-bottom:40px}.project-showcase-hero{border-radius:22px;padding:clamp(16px,2.2vw,24px) clamp(18px,2.8vw,30px);margin-bottom:clamp(14px,2vh,20px);background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.09) 50%,rgba(6,182,212,.06));border:1px solid var(--border-glass,rgba(255,255,255,.1));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 8px 32px -8px rgba(0,0,0,.35)}.project-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#818cf8;padding:4px 12px;border-radius:20px;font-size:.76rem;font-weight:600;margin-bottom:8px}.project-hero-title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1.25;letter-spacing:-.015em}.project-hero-subtitle{font-size:clamp(.82rem,1vw,.9rem);color:var(--text-secondary);margin:4px 0 0;max-width:640px;line-height:1.45}.project-filter-panel{border-radius:18px;padding:clamp(14px,1.6vw,18px);margin-bottom:clamp(16px,2vh,22px);border:1px solid var(--border-glass,rgba(255,255,255,.08));background:var(--bg-card,rgba(18,22,34,.65));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-filter-grid{display:grid;grid-template-columns:minmax(280px,2.5fr) minmax(170px,1fr) minmax(170px,1fr);grid-gap:12px;gap:12px;margin-bottom:14px;align-items:center}.project-search-col{position:relative;width:100%}.project-search-input{width:100%;height:40px;padding-left:38px;padding-right:36px;font-size:.86rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--border-glass,rgba(255,255,255,.1));color:var(--text-primary);transition:all .15s ease}.project-search-input:focus{outline:none;border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.project-select{width:100%;height:40px;padding:0 12px;font-size:.85rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--border-glass,rgba(255,255,255,.1));color:var(--text-primary);transition:all .15s ease;cursor:pointer}.project-select:focus{outline:none;border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.project-type-pills-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.project-type-pills-scroll::-webkit-scrollbar{height:3px}.project-type-pills-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:clamp(14px,1.6vw,22px);gap:clamp(14px,1.6vw,22px)}.project-card{border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-glass,rgba(255,255,255,.08));background:var(--bg-card,#121622);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .22s ease;cursor:pointer;height:100%}.project-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.4);box-shadow:0 16px 36px -8px rgba(0,0,0,.55),0 0 20px rgba(99,102,241,.12)}.project-card-banner{position:relative;width:100%;height:155px;background:#080c16;overflow:hidden;flex-shrink:0}.project-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-card-img{transform:scale(1.04)}.project-card-title{font-size:clamp(.96rem,1.1vw,1.08rem);font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.35}.project-card-desc,.project-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-desc{font-size:.83rem;color:var(--text-secondary);line-height:1.45;margin:0 0 12px}.project-details-backdrop{position:fixed!important;inset:0!important;background-color:rgba(3,7,18,.85)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;z-index:10050!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,2.5vh,24px) clamp(12px,2.5vw,24px)!important;overflow:hidden!important}[data-theme=light] .project-details-backdrop{background-color:rgba(15,23,42,.55)!important}.project-details-card{width:100%!important;max-width:min(960px,94vw)!important;max-height:min(90vh,90dvh,850px)!important;display:flex!important;flex-direction:column!important;border-radius:20px!important;background:linear-gradient(180deg,#0d1628,#080d1a)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 25px 60px -15px rgba(0,0,0,.85),0 0 35px rgba(99,102,241,.12)!important;color:#f8fafc!important;overflow:hidden!important;animation:fadeIn .2s ease-out!important;position:relative!important}[data-theme=light] .project-details-card{background:#ffffff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 24px 60px -12px rgba(15,23,42,.22),0 0 30px rgba(37,99,235,.08)!important;color:#0f172a!important}.project-details-banner{position:relative!important;width:100%!important;height:clamp(130px,20vh,190px)!important;background:#050914!important;overflow:hidden!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}[data-theme=light] .project-details-banner{background:#f1f5f9!important;border-bottom:1px solid rgba(15,23,42,.08)!important}.project-details-header-fallback{position:relative!important;background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(168,85,247,.18))!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;justify-content:flex-end!important;padding:calc(14px + env(safe-area-inset-top, 0px)) 24px 20px!important}[data-theme=light] .project-details-header-fallback{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border-bottom:1px solid rgba(15,23,42,.08)!important}.project-details-close-btn{position:absolute!important;top:12px!important;right:12px!important;background:rgba(15,23,42,.88)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1.5px solid rgba(255,255,255,.22)!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffffff!important;cursor:pointer!important;z-index:30!important;box-shadow:0 4px 14px rgba(0,0,0,.6)!important;transition:transform .15s ease,background .15s ease,color .15s ease!important}.project-details-close-btn:hover{transform:scale(1.08)!important;background:rgba(30,41,59,.95)!important}[data-theme=light] .project-details-close-btn{background:#ffffff!important;border:1.5px solid rgba(15,23,42,.16)!important;color:#0f172a!important;box-shadow:0 4px 14px rgba(15,23,42,.15)!important}[data-theme=light] .project-details-close-btn:hover{background:#f1f5f9!important;color:#000000!important}.project-details-body{padding:clamp(16px,2.2vw,24px) clamp(18px,2.8vw,28px)!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;gap:18px!important}.project-details-cat-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 11px!important;border-radius:999px!important;font-size:.74rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important;background:rgba(99,102,241,.18)!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.35)!important}.project-details-cat-badge.major-project{background:rgba(99,102,241,.2)!important;color:#a5b4fc!important;border-color:rgba(99,102,241,.4)!important}.project-details-cat-badge.minor-project{background:rgba(168,85,247,.2)!important;color:#d8b4fe!important;border-color:rgba(168,85,247,.4)!important}.project-details-cat-badge.hackathon{background:rgba(245,158,11,.2)!important;color:#fcd34d!important;border-color:rgba(245,158,11,.4)!important}.project-details-cat-badge.research{background:rgba(6,182,212,.2)!important;color:#67e8f9!important;border-color:rgba(6,182,212,.4)!important}.project-details-cat-badge.open-source{background:rgba(16,185,129,.2)!important;color:#6ee7b7!important;border-color:rgba(16,185,129,.4)!important}[data-theme=light] .project-details-cat-badge{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}[data-theme=light] .project-details-cat-badge.major-project{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}[data-theme=light] .project-details-cat-badge.minor-project{background:#faf5ff!important;color:#7e22ce!important;border-color:#e9d5ff!important}[data-theme=light] .project-details-cat-badge.hackathon{background:#fffbeb!important;color:#b45309!important;border-color:#fde68a!important}[data-theme=light] .project-details-cat-badge.research{background:#ecfeff!important;color:#0e7490!important;border-color:#a5f3fc!important}[data-theme=light] .project-details-cat-badge.open-source{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}.project-details-mentor-tag,.project-details-meta-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;border-radius:999px!important;font-size:.74rem!important;font-weight:500!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important}[data-theme=light] .project-details-mentor-tag,[data-theme=light] .project-details-meta-tag{background:#f1f5f9!important;border:1px solid rgba(15,23,42,.12)!important;color:#334155!important}.project-details-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}.project-details-title{font-size:clamp(1.2rem,2vw,1.55rem)!important;font-weight:800!important;color:#f8fafc!important;line-height:1.25!important;margin:0!important;word-break:break-word!important;flex:1 1 240px!important}[data-theme=light] .project-details-title{color:#0f172a!important}.project-details-reaction-bar{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.project-details-like-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:6px 12px!important;color:#94a3b8!important;font-size:.85rem!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important}.project-details-like-btn:hover{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.3)!important;color:#f87171!important}.project-details-like-btn.liked{background:rgba(239,68,68,.18)!important;border-color:rgba(239,68,68,.45)!important;color:#f87171!important}[data-theme=light] .project-details-like-btn{background:#f1f5f9!important;border:1px solid rgba(15,23,42,.12)!important;color:#475569!important}[data-theme=light] .project-details-like-btn.liked,[data-theme=light] .project-details-like-btn:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#ef4444!important}.project-details-section-title{font-size:.8rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#818cf8!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}[data-theme=light] .project-details-section-title{color:#2563eb!important}.project-details-box{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;padding:14px 16px!important;color:#cbd5e1!important;font-size:.88rem!important;line-height:1.6!important;word-break:break-word!important}[data-theme=light] .project-details-box{background:#f8fafc!important;border:1px solid rgba(15,23,42,.08)!important;color:#334155!important}.project-details-desc{margin:8px 0 0!important;color:#cbd5e1!important;font-size:.88rem!important;line-height:1.6!important}[data-theme=light] .project-details-desc{color:#334155!important}.project-details-skill-chip{display:inline-flex!important;align-items:center!important;padding:4px 10px!important;border-radius:8px!important;font-size:.78rem!important;font-weight:600!important;background:rgba(99,102,241,.12)!important;border:1px solid rgba(99,102,241,.28)!important;color:#c7d2fe!important}[data-theme=light] .project-details-skill-chip{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e40af!important}.project-team-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;grid-gap:10px!important;gap:10px!important}.project-team-card{display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:12px 14px!important;gap:10px!important;transition:border-color .15s ease!important}.project-team-card:hover{border-color:rgba(99,102,241,.4)!important}[data-theme=light] .project-team-card{background:#ffffff!important;border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important}[data-theme=light] .project-team-card:hover{border-color:rgba(37,99,235,.35)!important}.project-member-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:.85rem!important;flex-shrink:0!important}[data-theme=light] .project-member-avatar{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#ffffff!important}.project-member-name{font-size:.88rem!important;font-weight:700!important;color:#f8fafc!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}[data-theme=light] .project-member-name{color:#0f172a!important}.project-member-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;font-size:.74rem!important;color:#94a3b8!important}[data-theme=light] .project-member-meta{color:#64748b!important}.project-member-linkedin{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;border-radius:8px!important;font-size:.75rem!important;font-weight:600!important;background:rgba(10,102,194,.14)!important;border:1px solid rgba(10,102,194,.35)!important;color:#60a5fa!important;text-decoration:none!important;transition:all .15s ease!important}.project-member-linkedin:hover{background:rgba(10,102,194,.25)!important}[data-theme=light] .project-member-linkedin{background:#f0f7ff!important;border:1px solid #bae6fd!important;color:#0369a1!important}[data-theme=light] .project-member-linkedin:hover{background:#e0f2fe!important}.project-member-no-linkedin{font-size:.72rem!important;color:#64748b!important;font-style:italic!important}[data-theme=light] .project-member-no-linkedin{color:#94a3b8!important}.project-details-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:auto!important;flex-shrink:0!important}[data-theme=light] .project-details-actions{border-top:1px solid rgba(15,23,42,.08)!important}.project-action-demo-btn,.project-action-github-btn{flex:1 1 180px!important;min-height:42px!important;padding:10px 18px!important;font-size:.88rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;border-radius:12px!important;transition:all .18s ease!important;cursor:pointer!important}.project-action-demo-btn{background:#2563eb!important;color:#ffffff!important;border:1px solid #1d4ed8!important;box-shadow:0 4px 14px rgba(37,99,235,.25)!important}.project-action-demo-btn:hover{background:#1d4ed8!important;box-shadow:0 6px 20px rgba(37,99,235,.4)!important;transform:translateY(-1px)!important}.project-action-github-btn{background:rgba(255,255,255,.08)!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.18)!important}.project-action-github-btn:hover{background:rgba(255,255,255,.14)!important;color:#ffffff!important;transform:translateY(-1px)!important}[data-theme=light] .project-action-github-btn{background:#0f172a!important;color:#ffffff!important;border:1px solid #0f172a!important;box-shadow:0 4px 14px rgba(15,23,42,.15)!important}[data-theme=light] .project-action-github-btn:hover{background:#1e293b!important;color:#ffffff!important;box-shadow:0 6px 18px rgba(15,23,42,.25)!important;transform:translateY(-1px)!important}@media (max-height:740px){.project-showcase-hero{padding:10px 16px!important;margin-bottom:10px!important}.project-hero-badge{margin-bottom:3px!important;padding:2px 8px!important;font-size:.72rem!important}.project-hero-title{font-size:1.25rem!important}.project-hero-subtitle{font-size:.78rem!important;margin-top:2px!important}.project-filter-panel{padding:8px 12px!important;margin-bottom:12px!important}.project-filter-grid{gap:8px!important;margin-bottom:8px!important}.project-search-input,.project-select{height:35px!important;font-size:.82rem!important}.project-card-banner{height:125px!important}.project-details-card{max-height:94vh!important}.project-details-banner{height:clamp(95px,16vh,135px)!important}.project-details-body{padding:14px 18px!important;gap:12px!important}}@media (max-width:960px){.project-filter-grid{grid-template-columns:1fr 1fr!important}.project-search-col{grid-column:span 2!important}.project-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important}}@media (max-width:640px){.project-showcase-hero{padding:14px 16px!important;flex-direction:column!important;align-items:flex-start!important}.project-filter-grid{grid-template-columns:1fr!important}.project-search-col{grid-column:span 1!important}.project-card-grid{grid-template-columns:1fr!important}.project-card-banner{height:170px!important}.project-details-backdrop{padding:0!important;align-items:stretch!important;justify-content:stretch!important}.project-details-card{max-width:100vw!important;width:100vw!important;height:100%!important;max-height:100dvh!important;border-radius:0!important;border:none!important}.project-details-banner{height:calc(180px + env(safe-area-inset-top, 0px))!important;padding-top:env(safe-area-inset-top,0)!important}.project-details-close-btn{top:calc(12px + env(safe-area-inset-top, 0px))!important;right:12px!important;width:38px!important;height:38px!important}.project-details-body{padding:16px 14px calc(40px + env(safe-area-inset-bottom, 20px))!important;gap:16px!important}.project-details-title-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.project-details-reaction-bar{align-self:flex-start!important}.project-team-grid{grid-template-columns:1fr!important}.project-details-actions{flex-direction:column!important}.project-details-actions .btn,.project-details-actions a{width:100%!important;justify-content:center!important;padding:12px 18px!important;font-size:.9rem!important}}.admin-proj-container{width:100%;max-width:100%;box-sizing:border-box;padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px))}@media (max-width:767px){.admin-proj-container{padding-bottom:calc(85px + env(safe-area-inset-bottom, 0px))!important}}.admin-proj-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px;width:100%}.admin-proj-title-block{min-width:0;flex:1 1 280px}.admin-proj-main-title{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;line-height:1.25}.admin-proj-subtitle{font-size:.84rem;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.admin-proj-actions-container{flex-wrap:wrap}.admin-proj-actions-container,.admin-proj-primary-row{display:flex;align-items:center;gap:10px}.admin-proj-utility-row{display:flex;align-items:center;gap:8px}.admin-proj-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;white-space:nowrap}.admin-proj-refresh-btn{padding:8px 14px;font-size:.84rem}.admin-proj-add-btn{padding:8px 18px;font-size:.88rem;font-weight:600}.admin-proj-util-btn{height:38px;padding:6px 12px;font-size:.82rem;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}@media (max-width:860px){.admin-proj-header{gap:12px;margin-bottom:14px}.admin-proj-actions-container{width:100%;flex-direction:column;align-items:stretch;gap:8px}.admin-proj-primary-row{width:100%;display:flex;align-items:center;gap:8px}.admin-proj-refresh-btn{flex:0 0 auto;height:40px;padding:0 14px}.admin-proj-add-btn{flex:1 1 auto;height:40px;padding:0 16px;justify-content:center}.admin-proj-utility-row{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.admin-proj-util-btn{width:100%;justify-content:center;font-size:.78rem;padding:0 8px;height:36px}}@media (max-width:360px){.admin-proj-refresh-text{display:none}.admin-proj-refresh-btn{padding:0 12px!important}.admin-proj-utility-row{grid-template-columns:1fr}}.admin-proj-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px;width:100%}.admin-proj-stat-card{padding:16px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.admin-proj-stat-label{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.03em}.admin-proj-stat-val{font-size:1.6rem;font-weight:800;margin-top:4px;line-height:1.1}@media (max-width:860px){.admin-proj-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:14px!important}.admin-proj-stat-card{padding:12px 14px!important;border-radius:14px!important}.admin-proj-stat-label{font-size:.7rem!important}.admin-proj-stat-val{font-size:1.35rem!important;margin-top:2px!important}}@media (max-width:360px){.admin-proj-stats-grid{gap:8px!important}.admin-proj-stat-card{padding:10px!important}.admin-proj-stat-label{font-size:.65rem!important}.admin-proj-stat-val{font-size:1.2rem!important}}.admin-proj-filters-panel{padding:16px;border-radius:18px;margin-bottom:20px;width:100%;box-sizing:border-box}.admin-proj-filters-grid{display:flex;flex-direction:column;gap:12px;width:100%}.admin-proj-search-wrapper{position:relative;width:100%;min-width:0}.admin-proj-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.admin-proj-search-input{padding-left:40px!important;width:100%!important;height:42px!important;font-size:.86rem!important;box-sizing:border-box!important;text-overflow:ellipsis}.admin-proj-filter-select-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;width:100%}.admin-proj-select{width:100%;height:40px;font-size:.84rem;box-sizing:border-box;text-overflow:ellipsis}@media (max-width:860px){.admin-proj-filters-panel{padding:12px!important;border-radius:14px!important;margin-bottom:14px!important}.admin-proj-search-input{height:38px!important;font-size:.82rem!important}.admin-proj-filter-select-group{grid-template-columns:1fr!important;gap:8px!important}.admin-proj-select{height:38px!important;font-size:.82rem!important}}@media (min-width:480px) and (max-width:860px){.admin-proj-filter-select-group{grid-template-columns:repeat(3,1fr)!important}}.admin-projects-desktop-table,.student-projects-desktop-grid{width:100%;max-width:100%}.admin-projects-desktop-table{display:block}.student-projects-desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:22px;gap:22px}.admin-projects-mobile-cards{display:none;width:100%;max-width:100%}@media (max-width:859px){.admin-projects-desktop-table,.student-projects-desktop-grid{display:none!important}.admin-projects-mobile-cards{display:flex!important;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}}.admin-project-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(99,102,241,.18);color:#a5b4fc;border:1px solid rgba(99,102,241,.35);text-transform:uppercase;letter-spacing:.02em}.admin-project-type-badge.major-project{background:rgba(99,102,241,.2);color:#a5b4fc;border-color:rgba(99,102,241,.4)}.admin-project-type-badge.minor-project{background:rgba(168,85,247,.2);color:#d8b4fe;border-color:rgba(168,85,247,.4)}.admin-project-type-badge.hackathon{background:rgba(245,158,11,.2);color:#fcd34d;border-color:rgba(245,158,11,.4)}.admin-project-type-badge.research{background:rgba(6,182,212,.2);color:#67e8f9;border-color:rgba(6,182,212,.4)}.admin-project-type-badge.open-source{background:rgba(16,185,129,.2);color:#6ee7b7;border-color:rgba(16,185,129,.4)}[data-theme=light] .admin-project-type-badge{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}[data-theme=light] .admin-project-type-badge.major-project{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}[data-theme=light] .admin-project-type-badge.minor-project{background:#faf5ff!important;color:#7e22ce!important;border-color:#e9d5ff!important}[data-theme=light] .admin-project-type-badge.hackathon{background:#fffbeb!important;color:#b45309!important;border-color:#fde68a!important}[data-theme=light] .admin-project-type-badge.research{background:#ecfeff!important;color:#0e7490!important;border-color:#a5f3fc!important}[data-theme=light] .admin-project-type-badge.open-source{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}.admin-project-status-btn{cursor:pointer;display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:4px 9px;font-size:.72rem;font-weight:600;transition:all .15s ease;border:1px solid transparent}.admin-project-status-btn.published{background:rgba(16,185,129,.15);color:#34d399;border-color:rgba(16,185,129,.35)}.admin-project-status-btn.published:hover{background:rgba(16,185,129,.25)}.admin-project-status-btn.draft{background:rgba(255,255,255,.06);color:#94a3b8;border-color:rgba(255,255,255,.12)}.admin-project-status-btn.draft:hover{background:rgba(255,255,255,.12);color:#f8fafc}[data-theme=light] .admin-project-status-btn.published{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}[data-theme=light] .admin-project-status-btn.published:hover{background:#d1fae5!important}[data-theme=light] .admin-project-status-btn.draft{background:#f1f5f9!important;color:#475569!important;border:1px solid #cbd5e1!important}[data-theme=light] .admin-project-status-btn.draft:hover{background:#e2e8f0!important;color:#0f172a!important}.admin-project-card{padding:14px;border-radius:16px;border:1px solid var(--border-glass,rgba(255,255,255,.08));background:var(--bg-card,rgba(13,22,42,.85));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box;min-width:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.admin-project-card:hover{border-color:rgba(99,102,241,.3);box-shadow:0 4px 20px rgba(0,0,0,.25)}[data-theme=light] .admin-project-card{background:#ffffff!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 4px 18px rgba(15,23,42,.06)!important}[data-theme=light] .admin-project-card:hover{border-color:rgba(37,99,235,.3)!important;box-shadow:0 6px 24px rgba(15,23,42,.1)!important}.admin-project-card-header{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}.admin-project-card-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-glass,rgba(255,255,255,.08))}[data-theme=light] .admin-project-card-thumb{background:#f1f5f9!important;border:1px solid rgba(15,23,42,.1)!important;color:#64748b!important}.admin-project-card-title-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.admin-project-card-title{margin:0;font-size:.96rem;font-weight:700;color:var(--text-primary);cursor:pointer;line-height:1.35;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;transition:color .15s ease}.admin-project-card-title:hover{color:var(--primary,#6366f1)}[data-theme=light] .admin-project-card-title{color:#0f172a!important}[data-theme=light] .admin-project-card-title:hover{color:#2563eb!important}.admin-proj-link-item{text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:2px;font-size:.74rem;transition:opacity .15s ease}.admin-proj-link-item.live{color:var(--primary,#60a5fa)}.admin-proj-link-item.code{color:var(--text-secondary,#94a3b8)}[data-theme=light] .admin-proj-link-item.live{color:#2563eb!important}[data-theme=light] .admin-proj-link-item.code{color:#475569!important}.admin-proj-link-item:hover{opacity:.8;text-decoration:underline}.admin-project-card-meta{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}[data-theme=light] .admin-project-card-meta{background:#f8fafc!important;border:1px solid rgba(15,23,42,.08)!important}.admin-project-meta-row{display:flex;align-items:baseline;gap:6px;font-size:.82rem;min-width:0}.admin-project-meta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;font-size:.82rem;min-width:0}.admin-project-meta-cell{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden}.admin-project-meta-label{color:var(--text-muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}[data-theme=light] .admin-project-meta-label{color:#64748b!important}.admin-project-meta-value{color:var(--text-secondary);font-weight:500;word-break:break-word;overflow-wrap:break-word;min-width:0}[data-theme=light] .admin-project-meta-value{color:#0f172a!important;font-weight:600!important}.admin-project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04);width:100%;box-sizing:border-box}[data-theme=light] .admin-project-card-footer{border-top:1px solid rgba(15,23,42,.08)!important}.admin-project-likes-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:#f43f5e;background:rgba(244,63,94,.1);padding:4px 8px;border-radius:8px}[data-theme=light] .admin-project-likes-badge{background:#fee2e2!important;color:#e11d48!important;border:1px solid #fecdd3!important}.admin-project-card-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.admin-card-action-btn{width:34px;height:34px;border-radius:9px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.admin-card-action-btn.view{background:rgba(255,255,255,.06);color:var(--text-secondary)}.admin-card-action-btn.view:hover{background:rgba(255,255,255,.12);color:var(--text-primary);transform:translateY(-1px)}.admin-card-action-btn.edit{background:rgba(99,102,241,.12);color:var(--primary,#818cf8)}.admin-card-action-btn.edit:hover{background:rgba(99,102,241,.22);color:#a5b4fc;transform:translateY(-1px)}.admin-card-action-btn.delete{background:rgba(239,68,68,.12);color:#f87171}.admin-card-action-btn.delete:hover{background:rgba(239,68,68,.22);color:#fca5a5;transform:translateY(-1px)}.admin-card-action-btn.view.student-mobile-view-btn{width:auto!important;height:32px!important;padding:0 10px!important;gap:5px!important;font-size:.74rem!important;font-weight:600!important;border-radius:8px!important}.student-mobile-like-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:.76rem;font-weight:700;cursor:pointer;border:1px solid var(--border-glass,rgba(255,255,255,.1));background:rgba(255,255,255,.04);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.student-mobile-like-btn.liked{background:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.45)!important;color:#ef4444!important}[data-theme=light] .student-mobile-like-btn{background:#f1f5f9;border:1px solid rgba(15,23,42,.12);color:#64748b}[data-theme=light] .student-mobile-like-btn.liked{background:#fef2f2!important;border-color:#fecaca!important;color:#ef4444!important}.admin-card-action-btn:active{transform:scale(.95)}[data-theme=light] .admin-card-action-btn.view{background:#f1f5f9!important;color:#334155!important;border:1px solid rgba(15,23,42,.08)!important}[data-theme=light] .admin-card-action-btn.view:hover{background:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .admin-card-action-btn.edit{background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important}[data-theme=light] .admin-card-action-btn.edit:hover{background:#dbeafe!important;color:#1d4ed8!important}[data-theme=light] .admin-card-action-btn.delete{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}[data-theme=light] .admin-card-action-btn.delete:hover{background:#fee2e2!important;color:#b91c1c!important}@media (max-width:360px){.admin-project-card{padding:11px!important}.admin-project-card-thumb{width:38px!important;height:38px!important}.admin-project-card-title{font-size:.88rem!important}.admin-card-action-btn{width:30px!important;height:30px!important}}