@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";html{background:#09090f;min-width:360px;min-height:100%}#root{min-height:100vh}.login-page{background:radial-gradient(circle at 15% 20%,#7c3aed33,#0000 35%),radial-gradient(circle at 85% 80%,#9333ea26,#0000 35%),#0b0b12;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.login-page:before{border:1px solid #a855f726;width:320px;height:320px;top:-130px;right:-100px}.login-page:after{border:1px solid #a855f71f;width:250px;height:250px;bottom:-100px;left:-80px}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#141420eb;border:1px solid #a855f72e;border-radius:24px;width:100%;max-width:440px;padding:44px 40px 32px;position:relative;box-shadow:0 25px 80px #00000073,0 0 40px #7c3aed14}.login-logo{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed,#6d28d9);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:34px;font-weight:800;display:flex;box-shadow:0 8px 25px #7c3aed59}.login-heading{text-align:center}.login-heading h1{color:#fff;letter-spacing:5px;margin:0;font-size:27px;font-weight:800}.login-heading p{color:#a78bfa;letter-spacing:3px;margin:7px 0 0;font-size:10px;font-weight:700}.login-description{text-align:center;margin-top:38px;margin-bottom:28px}.login-description h2{color:#fff;margin:0;font-size:23px;font-weight:700}.login-description p{color:#9292a5;margin:10px 0 0;font-size:13px;line-height:1.6}.login-card form{flex-direction:column;display:flex}.login-card label{color:#d4d4df;margin-bottom:9px;font-size:13px;font-weight:600}.login-card input{box-sizing:border-box;color:#fff;background:#171724;border:1px solid #303044;border-radius:11px;outline:none;width:100%;height:49px;margin-bottom:22px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-card input::placeholder{color:#66667c}.login-card input:hover{border-color:#51416d}.login-card input:focus{background:#1c1a2a;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.login-card form button{color:#fff;letter-spacing:1.2px;cursor:pointer;background:linear-gradient(100deg,#9333ea,#7c3aed,#6d28d9);border:none;border-radius:11px;width:100%;height:50px;margin-top:5px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 8px 22px #7c3aed40}.login-card form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed61}.login-card form button:active:not(:disabled){transform:translateY(0)}.login-card form button:disabled{opacity:.65;cursor:not-allowed}.login-error{color:#fca5a5;background:#ef444417;border:1px solid #ef444438;border-radius:9px;margin:-5px 0 16px;padding:12px 14px;font-size:12px;line-height:1.5}.login-footer{color:#656579;text-align:center;border-top:1px solid #ffffff12;margin:30px 0 0;padding-top:20px;font-size:10px}@media (width<=480px){.login-page{padding:18px}.login-card{border-radius:20px;padding:36px 25px 26px}.login-description{margin-top:32px}.login-description h2{font-size:21px}}@media (width<=360px){.login-card{padding:30px 20px 24px}.login-heading h1{font-size:24px}}:root{color:#f5f3ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#09090f;--panel:#11111a;--panel-light:#171722;--border:#282737;--muted:#8c8a9e;--purple:#a78bfa;--purple-bright:#8b5cf6;background:#09090f;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}.admin-app{background:radial-gradient(ellipse at 72% 0%, #7042c312, transparent 34%), var(--bg);min-height:100vh}.sidebar{z-index:10;background:#0d0d14;border-right:1px solid #252431;flex-direction:column;width:248px;padding:29px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px 36px;display:flex}.brand-mark{background:linear-gradient(135deg,#c4b5fd,#7c3aed 70%,#5b21b6);border-radius:14px;place-items:center;width:43px;height:43px;font:700 26px Space Grotesk,sans-serif;display:grid;box-shadow:0 5px 22px #7c3aed35}.brand-name{letter-spacing:3px;font:700 22px Space Grotesk,sans-serif}.brand-caption{color:#9290a7;letter-spacing:2px;margin-top:3px;font-size:9px;font-weight:700}.nav-label,.eyebrow{color:#9290a7;letter-spacing:1.8px;font-size:10px;font-weight:700}.nav-label{margin-bottom:13px;padding:0 12px}.navigation{gap:7px;display:grid}.nav-item{color:#a6a3b6;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 13px;font-size:13px;transition:all .16s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#171521}.nav-item.active{color:#e9ddff;background:linear-gradient(100deg,#7040bb32,#7c3aed0b);border-color:#8158d43b}.nav-icon{place-items:center;width:21px;font-size:19px;display:grid}.active-indicator{background:#a78bfa;border-radius:4px 0 0 4px;width:3px;height:23px;position:absolute;right:-1px}.sidebar-bottom{background:#15141e;border:1px solid #2b2939;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:15px 10px;display:flex}.security-icon{color:#c4b5fd;background:#7652b82b;border-radius:10px;place-items:center;width:35px;height:35px;font-size:21px;display:grid}.sidebar-bottom strong,.admin-profile strong{font-size:11px;display:block}.sidebar-bottom p,.admin-profile p{color:var(--muted);margin:4px 0 0;font-size:10px}.main-area{min-height:100vh;margin-left:248px}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0b13ef;border-bottom:1px solid #252431;justify-content:space-between;align-items:center;min-height:72px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb>span:first-child{color:#9995aa;letter-spacing:1px;font-weight:700}.breadcrumb-separator{color:#565366}.breadcrumb strong{font-weight:500}.admin-profile{align-items:center;gap:11px;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;margin-right:1px;box-shadow:0 0 10px #4ade8066}.admin-avatar,.avatar{color:#e9ddff;background:linear-gradient(135deg,#493078,#211b35);border:1px solid #8b5cf65c;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.page-content{width:100%;max-width:1650px;margin:0 auto;padding:35px 36px 22px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#a78bfa;margin-bottom:10px;font-size:9px}h1,h2,p{margin-top:0}h1,h2{font-family:Space Grotesk,sans-serif}.page-heading h1{letter-spacing:-1px;margin-bottom:8px;font-size:clamp(24px,2.5vw,31px);font-weight:600}.page-heading p,.section-heading>div>p{color:var(--muted);margin-bottom:0;font-size:12px}.heading-date{border:1px solid var(--border);background:#12111a;border-radius:11px;align-items:center;gap:10px;padding:11px 14px;display:flex}.date-icon{color:#c4b5fd;font-size:23px}.heading-date strong{font-size:11px;display:block}.heading-date p{margin:4px 0 0;font-size:10px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.stat-card{background:linear-gradient(145deg,#15141f,#101018);border:1px solid #292738;border-radius:14px;min-width:0;padding:19px;transition:border-color .16s,transform .16s}.stat-card:hover{border-color:#7255a0;transform:translateY(-2px)}.stat-icon{border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:18px;font-size:19px;display:grid}.stat-icon.purple{color:#c4b5fd;background:#8b5cf626}.stat-icon.blue{color:#93c5fd;background:#3b82f626}.stat-icon.green{color:#86efac;background:#22c55e20}.stat-icon.orange{color:#fdba74;background:#f9731620}.stat-label{color:#aaa7bb;font-size:11px}.stat-value{margin:7px 0;font:600 30px Space Grotesk,sans-serif}.stat-note{color:#777589;font-size:10px}.welcome-banner{background:linear-gradient(105deg,#211735 0%,#171322 55%,#211434 100%);border:1px solid #63429b7a;border-radius:16px;align-items:center;min-height:210px;margin-bottom:24px;padding:29px 32px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:2;max-width:480px;position:relative}.welcome-tag{color:#d8c8ff;letter-spacing:1px;background:#8b5cf62c;border:1px solid #a78bfa38;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-block}.welcome-banner h2{letter-spacing:-.7px;margin:15px 0 9px;font-size:clamp(21px,2.5vw,28px)}.welcome-banner p{color:#b5aec8;max-width:430px;margin-bottom:18px;font-size:11px;line-height:1.8}.primary-button,.secondary-button,.disable-button,.enable-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:35px;padding:0 13px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(100deg,#8b5cf6,#7041ce);border:1px solid #a78bfa70;box-shadow:0 4px 15px #7c3aed20}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-button span{font-size:15px}.banner-orb{pointer-events:none;border:1px solid #c4b5fd28;border-radius:50%;position:absolute}.orb-one{width:320px;height:320px;top:-105px;right:65px;box-shadow:0 0 0 30px #c4b5fd05,0 0 0 60px #c4b5fd04}.orb-two{background:radial-gradient(circle,#8b5cf625,#0000 70%);width:190px;height:190px;top:-40px;right:130px}.banner-symbol{color:#d8c8ff1a;-webkit-user-select:none;user-select:none;font:700 160px Space Grotesk,sans-serif;position:absolute;top:50%;right:160px;transform:translateY(-50%)}.content-card{background:#11111a;border:1px solid #292738;border-radius:14px;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:20px;padding:22px 22px 19px;display:flex}.section-heading h2{margin-bottom:6px;font-size:16px;font-weight:600}.section-heading>div>p{font-size:10px}.table-tools{align-items:center;gap:10px;display:flex}.search-box{color:#a8a4bb;background:#0d0d15;border:1px solid #302e40;border-radius:8px;align-items:center;gap:8px;width:225px;height:36px;padding:0 10px;display:flex}.search-box>span{font-size:20px}.search-box input{color:#f5f3ff;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#777589}.clear-search{color:#b7b2c8;background:0 0;border:0;font-size:19px}.secondary-button{color:#d2c5f5;background:#20192e;border:1px solid #4c376c}.secondary-button:hover{background:#302144}.table-wrapper{border-top:1px solid #272634;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#15141e}th{color:#858298;letter-spacing:.8px;padding:13px 15px;font-size:9px;font-weight:700}td{color:#d9d6e6;border-top:1px solid #252431;padding:15px;font-size:10px}tbody tr{transition:background .14s}tbody tr:hover{background:#191722}.booking-id{color:#c4b5fd;font-weight:700}.muted{color:#88859b}.small{margin-top:5px;font-size:9px;display:inline-block}.badge{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:9px;font-weight:600;display:inline-flex}.badge.scheduled{color:#c4b5fd;background:#8b5cf61c;border-color:#8b5cf638}.badge.completed,.badge.uploaded{color:#86efac;background:#22c55e13;border-color:#22c55e35}.badge.cancelled,.badge.missing{color:#fca5a5;background:#ef444415;border-color:#ef444435}.badge.pending{color:#fdba74;background:#f9731617;border-color:#f973163d}.attendance{gap:5px;display:flex}.attendance>span{border-radius:6px;justify-content:center;align-items:center;min-width:29px;height:24px;font-size:9px;font-weight:700;display:inline-flex}.joined{color:#86efac;background:#22c55e16}.not-joined{color:#9995aa;background:#ffffff0b}.icon-button{color:#c4b5fd;background:#20192e;border:1px solid #493461;border-radius:8px;place-items:center;width:30px;height:30px;font-size:17px;display:inline-grid}.icon-button:hover{color:#fff;background:#493461}.document-cell,.expert-cell{align-items:center;gap:10px;display:flex}.document-cell strong,.expert-cell strong{font-size:10px}.document-icon{color:#c4b5fd;background:#8b5cf61d;border:1px solid #8b5cf635;border-radius:8px;place-items:center;width:36px;height:38px;font-size:17px;display:grid}.avatar{border-radius:10px;width:34px;height:34px;font-size:12px}.disable-button{color:#fca5a5;background:#ef444410;border:1px solid #ef444440}.disable-button:hover{background:#ef444425}.enable-button{color:#86efac;background:#22c55e10;border:1px solid #22c55e40}.enable-button:hover{background:#22c55e25}.empty-state{color:#8c8a9e;text-align:center;padding:35px 20px;font-size:12px}.bottom-note{background:#1b1528;border:1px solid #44365b;border-radius:10px;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;display:flex}.note-icon{color:#d8c8ff;border:1px solid #a78bfa;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.bottom-note p{color:#c4badb;margin:2px 0 0;font-size:10px;line-height:1.7}.footer{color:#777589;justify-content:space-between;gap:15px;padding:23px 0 0;font-size:10px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05040bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.detail-modal{background:#15141f;border:1px solid #494064;border-radius:16px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:23px;overflow-y:auto;box-shadow:0 24px 100px #0008}.modal-header{border-bottom:1px solid #302d3f;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;display:flex}.modal-header h2{margin:0;font-size:20px}.close-button{flex-shrink:0;font-size:22px}.detail-list{gap:0;padding:8px 0;display:grid}.detail-list>div{border-bottom:1px solid #292735;justify-content:space-between;align-items:flex-start;gap:20px;padding:13px 0;font-size:11px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list>div>span{color:#9995aa}.detail-list>div>strong{color:#f0edfa;text-align:right;overflow-wrap:anywhere;max-width:62%;font-weight:500}.modal-footer{border-top:1px solid #302d3f;justify-content:flex-end;padding-top:16px;display:flex}.logout-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;margin-left:18px;padding:9px 16px;font-size:12px;font-weight:600;transition:all .2s}.logout-button:hover{color:#fca5a5;background:#ef444424;border-color:#ef444466}.logout-button:disabled{opacity:.6;cursor:not-allowed}.auth-loading,.auth-error-page{color:#fff;background:radial-gradient(circle at 50% 35%,#7c3aed2e,#0000 40%),#09090f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-loading-content,.auth-error-card{text-align:center;background:#ffffff09;border:1px solid #ffffff17;border-radius:20px;width:100%;max-width:380px;padding:40px 30px;box-shadow:0 20px 60px #00000059}.auth-logo{color:#fff;background:linear-gradient(135deg,#9333ea,#6d28d9);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 24px;font-size:28px;font-weight:800;display:flex}.auth-spinner{border:3px solid #a78bfa33;border-top-color:#a78bfa;border-radius:50%;width:28px;height:28px;margin:0 auto 20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading-content h2,.auth-error-card h2{color:#fff;margin:0 0 10px}.auth-loading-content p,.auth-error-card p{color:#a1a1aa;margin:0;font-size:13px;line-height:1.6}.auth-error-icon{color:#f87171;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:25px;font-weight:700;display:flex}.auth-error-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#6d28d9);border:none;border-radius:9px;margin-top:24px;padding:11px 20px;font-weight:600}.auth-error-card button:hover{opacity:.9}.proof-section{border-bottom:1px solid #292735;flex-direction:column;gap:10px;width:100%;margin-top:18px;padding-bottom:16px;display:flex}.proof-title{color:#fff;margin:0;font-size:13px;font-weight:600}.proof-loading{color:#a8a3bd;background:#ffffff06;border:1px solid #ffffff0d;border-radius:9px;padding:14px;font-size:12px}.proof-error{color:#fca5a5;background:#ff505014;border:1px solid #ff50502e;border-radius:9px;padding:12px;font-size:12px;line-height:1.6}.proof-image-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:12px;display:flex}.proof-image-container>a:first-child{max-width:100%;display:block}.proof-image{object-fit:contain;cursor:pointer;border-radius:8px;width:auto;max-width:100%;max-height:320px;display:block}.proof-view-link{color:#b69cff;font-size:12px;font-weight:600;text-decoration:none;transition:color .16s}.proof-view-link:hover{color:#d3c2ff;text-decoration:underline}@media (width>=1500px){.page-content{padding-left:45px;padding-right:45px}}@media (width<=1250px){.sidebar{width:215px}.main-area{margin-left:215px}.page-content,.topbar{padding-left:23px;padding-right:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;align-items:flex-start}.table-tools,.search-box{width:100%}.table-tools .search-box{flex:1}}@media (width<=760px){.sidebar{border-bottom:1px solid #252431;border-right:0;width:100%;padding:15px;position:static}.brand{padding:0 5px 17px}.nav-label,.sidebar-bottom{display:none}.navigation{gap:5px;display:flex;overflow-x:auto}.nav-item{flex:none;width:auto;min-height:39px;padding:0 10px;font-size:10px}.nav-icon{width:auto;font-size:15px}.active-indicator{border-radius:4px;width:calc(100% - 16px);height:2px;bottom:0;right:8px}.main-area{margin-left:0}.topbar{min-height:58px;padding:0 16px}.admin-profile p,.online-dot{display:none}.page-content{padding:24px 14px}.page-heading{align-items:flex-start}.heading-date{display:none}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:26px}.welcome-banner{min-height:220px;padding:22px}.banner-symbol{opacity:.6;right:10px}.section-heading{padding:18px 14px}.table-tools{flex-wrap:wrap}.footer{font-size:9px}.proof-image{max-height:240px}.proof-image-container{padding:9px}}