@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--blue-primary: #0066ff;--blue-header: #0072ff;--bg-app: #f4f7fb;--card-white: #ffffff;--text-dark: #0f172a;--text-gray: #64748b;--green-scan: #16a34a;--red-scan: #dc2626;--font-family: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}body{background:#f4f7fb;color:var(--text-dark);min-height:100vh}.app-shell{width:100%;min-height:100vh;background-color:var(--bg-app);position:relative;display:flex;flex-direction:column}.header-blue-hero{background:linear-gradient(135deg,#071633,#004ecc,#06f);padding:16px 18px 36px;color:#fff;position:relative;width:100%;border-bottom-left-radius:28px;border-bottom-right-radius:28px;overflow:hidden;box-shadow:0 12px 32px #0052cc47,inset 0 -1px #ffffff26}.hero-glow-circle{position:absolute;border-radius:50%;pointer-events:none}.hero-glow-1{width:240px;height:240px;top:-85px;right:-55px;background:radial-gradient(circle,#60a5fa66,#3b82f600 70%)}.hero-glow-2{width:200px;height:200px;bottom:-65px;left:-45px;background:radial-gradient(circle,#a855f759,#a855f700 70%)}.header-inner{max-width:680px;margin:0 auto;position:relative;z-index:2}.header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.brand-title{display:flex;align-items:center;gap:10px}.brand-logo-icon{width:38px;height:38px;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #0000001f}.brand-text{display:flex;align-items:center;gap:6px}.brand-name{font-size:18px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15)}.brand-badge{font-size:9px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 7px;border-radius:8px;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b66}.header-icons{display:flex;align-items:center;gap:10px}.header-icon-btn{width:40px;height:40px;border-radius:14px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.notif-btn-hero{background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);border:1px solid rgba(191,219,254,.7);color:#fff;box-shadow:0 4px 16px #1d4ed880,inset 0 1px 1.5px #ffffff80}.notif-btn-hero:hover{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border-color:#fff;color:#fff;transform:translateY(-3px) scale(1.08);box-shadow:0 8px 24px #2563ebb3,0 0 14px #60a5fa99,inset 0 1px 2px #ffffffb3}.logout-btn-hero{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);border:1px solid rgba(254,202,202,.7);color:#fff;box-shadow:0 4px 16px #e11d4880,inset 0 1px 1.5px #ffffff80}.logout-btn-hero:hover{background:linear-gradient(135deg,#f87171,#ef4444,#dc2626);border-color:#fff;color:#fff;transform:translateY(-3px) scale(1.08);box-shadow:0 8px 26px #ef4444bf,0 0 16px #ef444499,inset 0 1px 2px #ffffffb3}.bell-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;background:#ff2d55;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 10px #ff2d55;animation:pulseBellDot 2s infinite ease-in-out}@keyframes pulseBellDot{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.hero-welcome-card{display:flex;align-items:center;gap:18px;padding:10px 0 6px}.hero-avatar-wrapper{position:relative;flex-shrink:0}.user-avatar-circle{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2.5px solid rgba(255,255,255,.9);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:20px;box-shadow:0 8px 20px #0003}.user-avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-online-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#22c55e;border:2.5px solid #0052cc;border-radius:50%;box-shadow:0 0 8px #22c55e}.hero-user-info{display:flex;flex-direction:column;gap:4px}.hero-greeting-line{display:flex;align-items:center;gap:6px}.greeting-emoji{font-size:15px}.greeting-label{font-size:13px;font-weight:600;color:#ffffffd9;letter-spacing:.2px}.hero-user-name{font-size:20px;font-weight:800;color:#fff;line-height:1.25;margin:0;letter-spacing:-.3px}.hero-date-row{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#fffffff2;font-weight:600;margin-top:4px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);padding:3px 10px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:fit-content}.hero-date-icon{color:#93c5fd;flex-shrink:0}.hero-date-text{font-weight:600;letter-spacing:.2px}.summary-overlap-card{max-width:680px;margin:-24px auto 16px;width:calc(100% - 32px);background:#fff;border-radius:20px;padding:16px 12px;box-shadow:0 10px 25px #0050dc1f;position:relative;z-index:10}.summary-grid-4{display:flex;justify-content:space-around;align-items:center;width:100%}.summary-col-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.summary-icon-box{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 16px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.summary-col-item:hover .summary-icon-box{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.box-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.box-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.box-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.box-teal{background:linear-gradient(135deg,#10b981,#0d9488)}.box-notify-badge{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #ffffff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.summary-col-label{font-size:12px;font-weight:700;color:#475569;text-align:center}.dual-scan-row{max-width:680px;margin:0 auto 16px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.scan-box-btn{border-radius:18px;padding:14px 12px;display:flex;align-items:center;gap:10px;color:#fff;border:none;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.scan-box-btn:hover:not(:disabled){transform:translateY(-2px)}.scan-box-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.scan-masuk-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px #22c55e4d}.scan-pulang-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef44444d}.scan-icon-circle-box{width:42px;height:42px;border-radius:12px;background:#ffffff38;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scan-main-title{font-size:13px;font-weight:800;line-height:1.2}.scan-sub-text{font-size:10px;opacity:.9;font-weight:500;margin-top:2px}.grid-8-menu-wrapper{max-width:680px;margin:0 auto 24px;width:100%;padding:0 16px}.grid-8-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.menu-blue-card{background:linear-gradient(135deg,#06f,#0052cc);border-radius:18px;padding:10px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;border:1px solid rgba(255,255,255,.12);cursor:pointer;box-shadow:0 6px 18px #0066ff38;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;min-height:82px;overflow:hidden}.menu-blue-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0066ff61;background:linear-gradient(135deg,#0072ff,#005ce6)}.menu-icon-circle{width:36px;height:36px;border-radius:12px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.menu-blue-card span{font-size:10px;font-weight:800;text-align:center;line-height:1;color:#fff;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 2px}.history-section-wrapper{max-width:680px;margin:0 auto 24px;width:calc(100% - 32px)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title-bold{font-size:15px;font-weight:800;color:#0f172a;margin:0}.view-all-link{background:none;border:none;color:#06f;font-size:13px;font-weight:700;cursor:pointer;padding:0}.history-item-card{background:#fff;border-radius:14px;padding:9px 12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #00000006;transition:transform .15s ease,box-shadow .15s ease}.history-item-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066ff14}.history-fingerprint-box{width:38px;height:38px;min-width:38px;border-radius:10px;background:#e0f2fe;display:flex;align-items:center;justify-content:center}.history-item-content{display:flex;flex-direction:column;gap:2px}.history-item-date{font-size:13px;font-weight:700;color:#1e293b;line-height:1.2}.history-item-time{font-size:12px;font-weight:600;color:#06f;line-height:1.2}.bottom-nav-white{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:680px;height:68px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:26px;z-index:100;padding:0 8px;box-shadow:0 12px 32px #0032961f,0 2px 6px #0000000a}.bottom-nav-inner{height:100%;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 4px}.nav-link-item{background:none;border:none;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;cursor:pointer;flex:1;height:100%;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);padding-top:4px}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:38px;height:28px;border-radius:12px;transition:all .2s ease}.nav-link-item:hover,.nav-link-item.active{color:#06f}.nav-link-item.active .nav-icon-wrapper{background:#eff6ff;color:#06f}.active-dot{width:4px;height:4px;border-radius:50%;background:#06f;position:absolute;bottom:6px}.fab-wrapper{position:relative;width:64px;display:flex;justify-content:center;align-items:center}.floating-center-fab{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#0048ba,#06f,#0284c7);border:4px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:-28px;box-shadow:0 10px 25px #0066ff73;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:visible}.fab-pulse-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid rgba(0,114,255,.4);animation:fabPulse 2s infinite;pointer-events:none}@keyframes fabPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.2}to{transform:scale(1);opacity:.8}}.floating-center-fab:hover{transform:scale(1.08);box-shadow:0 12px 30px #06f9}.floating-center-fab:active{transform:scale(.95)}.main-content-area{flex:1;overflow-y:auto;padding-bottom:95px}.presensi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.presensi-modal-box{background:#fff;width:100%;max-width:440px;border-radius:24px;padding:20px;box-shadow:0 20px 50px #0000004d;border:1px solid #e2e8f0;position:relative}.scanner-camera-box{width:100%;height:170px;background:#0a0f1d;border-radius:16px;position:relative;overflow:hidden;margin-bottom:14px;border:2px solid #0066ff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;box-shadow:0 8px 20px #0066ff26}.scanner-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);box-shadow:0 0 12px #38bdf8;animation:scanAnim 2s infinite ease-in-out}@keyframes scanAnim{0%{top:0%}50%{top:96%}to{top:0%}}.presensi-submit-btn{width:100%;padding:12px 0;border-radius:14px;border:none;color:#fff;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.presensi-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-scan-masuk{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 18px #22c55e59}.btn-scan-pulang{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 18px #ef444459}.subheader-wrapper{background:linear-gradient(135deg,#0041a8,#06f 60%,#0284c7);position:sticky;top:0;z-index:90;padding:14px 18px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 8px 24px #0050dc2e;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:10px}.subheader-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:14px}.subheader-back-btn{width:40px;height:40px;border-radius:14px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.subheader-back-btn:hover{background:#ffffff4d;transform:translate(-3px) scale(1.02)}.subheader-back-btn:active{transform:translate(-1px) scale(.96)}.subheader-title-col{flex:1}.subheader-title{font-size:17px;font-weight:800;color:#fff;margin:0;line-height:1.25;letter-spacing:-.2px;text-shadow:0 1px 3px rgba(0,0,0,.15)}.subheader-subtitle{font-size:11px;color:#ffffffe0;margin:3px 0 0;font-weight:500}.inner-page-wrapper{max-width:680px;margin:0 auto;padding:16px;width:100%}.white-card{background:#fff;border-radius:18px;padding:16px;margin-bottom:16px;border:1px solid #f1f5f9;box-shadow:0 4px 12px #00000008}.form-group-custom{display:flex;flex-direction:column;gap:6px}.form-group-custom label{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.5px}.form-group-custom select,.form-group-custom input{width:100%;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-group-custom select:focus,.form-group-custom input:focus{border-color:#06f;background:#fff;box-shadow:0 0 8px #0066ff26}.student-item-card{background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f5f9;box-shadow:0 2px 8px #00000005}.status-btn-pill{width:32px;height:32px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s ease}.status-btn-pill.act-H{background:#22c55e;color:#fff;border-color:#22c55e}.status-btn-pill.act-S{background:#38bdf8;color:#fff;border-color:#38bdf8}.status-btn-pill.act-I{background:#f59e0b;color:#fff;border-color:#f59e0b}.status-btn-pill.act-A{background:#ef4444;color:#fff;border-color:#ef4444}.swal2-custom-popup{border-radius:24px!important;padding:24px!important;font-family:Plus Jakarta Sans,sans-serif!important}.login-responsive-container{min-height:100vh;width:100vw;background-color:#070a14;background-image:radial-gradient(circle at 50% 15%,#0ea5e938,#070a14fa 75%);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.login-card-wrapper{width:100%;max-width:1060px;background:#0f172abf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(56,189,248,.22);border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 35px #38bdf81f;display:flex}.login-hero-showcase{width:48%;background:linear-gradient(135deg,#071633,#004ecc,#06f);padding:44px 38px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-hero-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:#38bdf859;filter:blur(50px);pointer-events:none}.login-hero-feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;background:#ffffff14;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.login-feature-icon{width:34px;height:34px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-form-side{width:52%;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 900px){.login-card-wrapper{max-width:430px;flex-direction:column;border-radius:24px;padding:24px 20px}.login-hero-showcase{display:none}.login-form-side{width:100%;padding:0}}.admin-desktop-container{display:flex;min-height:100vh;width:100vw;background-color:#f1f5f9;color:#0f172a;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.admin-sidebar{width:270px;background:linear-gradient(180deg,#07132b,#0d1f42);color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000014;z-index:50;position:relative}.admin-sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#06f,#00d2ff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #06f6;color:#fff}.admin-brand-info h2{font-size:16px;font-weight:800;letter-spacing:-.3px;color:#fff;margin:0;line-height:1.2}.admin-brand-info span{font-size:11px;font-weight:600;color:#38bdf8;letter-spacing:.5px;text-transform:uppercase}.admin-sidebar-nav{padding:16px 12px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-category-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#64748b;text-transform:uppercase;padding:12px 12px 6px}.sidebar-menu-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#94a3b8;font-size:13.5px;font-weight:600;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .2s ease;position:relative}.sidebar-menu-btn:hover{color:#fff;background:#ffffff0f;transform:translate(3px)}.sidebar-menu-btn.active{color:#fff;background:linear-gradient(90deg,#0066ffd9,#06f6);font-weight:700;box-shadow:0 4px 14px #0066ff40}.sidebar-menu-btn.active:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;border-radius:0 4px 4px 0;background:#38bdf8}.sidebar-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;background:#ffffff1f;color:#e2e8f0}.admin-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);background:#00000026}.admin-user-pill{display:flex;align-items:center;gap:10px}.admin-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}.admin-user-details{flex:1;overflow:hidden}.admin-user-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{font-size:11px;color:#94a3b8}.admin-main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;height:100vh}.admin-top-header{height:70px;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:40}.admin-header-title{display:flex;flex-direction:column}.admin-header-title h1{font-size:18px;font-weight:800;color:#0f172a;margin:0}.admin-header-title span{font-size:12px;color:#64748b;font-weight:500}.admin-header-actions{display:flex;align-items:center;gap:14px}.admin-live-clock{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:700;color:#334155}.admin-logout-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.admin-content-inner{padding:24px 28px 40px;flex:1}.admin-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000005;padding:20px 24px;margin-bottom:24px}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.admin-panel-title{font-size:16px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 14px #00000005;transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0066ff14}.stat-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-blue{background:linear-gradient(135deg,#06f,#38bdf8)}.stat-icon-emerald{background:linear-gradient(135deg,#059669,#34d399)}.stat-icon-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.stat-icon-purple{background:linear-gradient(135deg,#7c3aed,#c084fc)}.stat-value{font-size:26px;font-weight:800;color:#0f172a;line-height:1.1;margin-top:2px}.stat-label{font-size:12px;font-weight:600;color:#64748b}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.admin-table th{background:#f8fafc;color:#475569;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;text-align:left}.admin-table td{padding:14px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-weight:500;vertical-align:middle}.admin-table tr:hover td{background:#f8fafc}.btn-primary-admin{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;padding:9px 16px;border-radius:10px;font-weight:700;font-size:13px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;box-shadow:0 2px 8px #0066ff40}.btn-primary-admin:hover{background:linear-gradient(135deg,#0052cc,#003d99);transform:translateY(-1px);box-shadow:0 4px 14px #0066ff59}.btn-outline-admin{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:8px 14px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn-outline-admin:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-action-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .15s}.btn-edit{background:#eff6ff;color:#2563eb}.btn-edit:hover{background:#2563eb;color:#fff}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.status-badge-active{background:#dcfce7;color:#15803d;font-weight:700;font-size:11px;padding:4px 10px;border-radius:8px;display:inline-block}.status-badge-inactive{background:#f1f5f9;color:#64748b;font-weight:700;font-size:11px;padding:4px 10px;border-radius:8px;display:inline-block}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal-box{background:#fff;border-radius:20px;width:100%;max-width:580px;box-shadow:0 20px 40px #0003;overflow:hidden;animation:adminModalIn .25s cubic-bezier(.16,1,.3,1)}@keyframes adminModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-modal-body{padding:24px;max-height:75vh;overflow-y:auto}.admin-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:12px}.form-group-admin{margin-bottom:16px}.form-group-admin label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px}.form-control-admin{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:13.5px;background:#f8fafc;color:#0f172a;outline:none;font-family:inherit;transition:border-color .2s}.form-control-admin:focus{border-color:#06f;background:#fff;box-shadow:0 0 0 3px #0066ff1f}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#0f172a;cursor:pointer;padding:6px;border-radius:8px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#f1f5f9}.admin-sidebar-backdrop{display:none}@media (max-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.mobile-menu-toggle{display:flex}.admin-sidebar{position:fixed;top:0;left:-290px;bottom:0;width:270px;z-index:1000;box-shadow:10px 0 30px #0006;transition:left .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar.mobile-open{left:0}.admin-sidebar-backdrop.mobile-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.admin-top-header{padding:0 16px;height:62px}.admin-live-clock{display:none}.admin-content-inner{padding:16px 14px 32px}.admin-stats-grid{grid-template-columns:1fr;gap:12px}.admin-panel{padding:16px;margin-bottom:16px;border-radius:14px}.admin-panel-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-modal-box{margin:10px;border-radius:16px}.admin-modal-body{padding:16px}}