:root{--ink:#181530;--ink-soft:#5B5686;--ink-faint:#8B87B0;--indigo:#332DA1;--indigo-deep:#211C6E;--indigo-bright:#6C63FF;--indigo-tint:#EEECFB;--marigold:#FFB020;--marigold-deep:#A85E00;--marigold-soft:#FFF1D6;--cream:#FBFAF6;--paper:#FFFFFF;--line:#E9E6F5;--line-soft:#F1EFFA;--mint:#0F8F6A;--mint-soft:#E1F5EE;--red:#E2453D;--red-soft:#FDEAEA;--disp:'Bricolage Grotesque',sans-serif;--body:'Instrument Sans',sans-serif;--mono:'Space Mono',monospace;--radius:18px;--radius-sm:12px;--shadow-sm:0 1px 2px rgba(24,21,48,.04),0 1px 1px rgba(24,21,48,.03);--shadow-md:0 8px 24px rgba(24,21,48,.08);--shadow-lg:0 20px 48px rgba(24,21,48,.16);--header-h:60px;--roles-h:52px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--ink);background:var(--cream);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button{font-family:var(--body);cursor:pointer;border:none;background:0 0;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--body);font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;background:var(--paper);color:var(--ink);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--indigo-bright);box-shadow:0 0 0 3px var(--indigo-tint)}h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.015em;color:var(--ink)}::selection{background:var(--marigold-soft)}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}a,button{min-height:0}#app{min-height:100vh}.app-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--header-h)}.app-header .brand{font-family:var(--disp);font-weight:800;font-size:19px;display:flex;align-items:center;gap:9px;color:var(--ink)}.app-header .brand span{color:var(--marigold)}.app-header .right{display:flex;align-items:center;gap:10px}.avatar-btn{width:38px;height:38px;border-radius:50%;background:var(--indigo-tint);color:var(--indigo);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;position:relative;flex-shrink:0}.avatar-btn .dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--paper)}.role-bar{background:var(--paper);border-bottom:1px solid var(--line);padding:10px 20px;position:sticky;top:var(--header-h);z-index:29}.role-switch{display:flex;background:var(--line-soft);border-radius:14px;padding:4px;max-width:420px;margin:0 auto}.role-switch button{flex:1;padding:11px 10px;border-radius:11px;font-size:14px;font-weight:700;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:7px;transition:all .15s}.role-switch button.active.learn{background:var(--indigo);color:#fff;box-shadow:var(--shadow-sm)}.role-switch button.active.teach{background:var(--marigold);color:var(--indigo-deep);box-shadow:var(--shadow-sm)}.tab-row{display:none}@media (min-width:861px){.tab-row{display:flex;justify-content:center;gap:6px;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 20px;position:sticky;top:calc(var(--header-h) + var(--roles-h));z-index:28}.tab-row a{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:20px;font-weight:700;font-size:14px;color:var(--ink-soft)}.tab-row a:hover{background:var(--line-soft)}.tab-row a.active{background:var(--indigo-tint);color:var(--indigo)}}.main{max-width:1000px;margin:0 auto;width:100%;padding:26px 20px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px;flex-wrap:wrap}.topbar h1{font-size:24px}.topbar .sub-line{color:var(--ink-soft);font-size:14px;margin-top:2px}h3.section-head{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:17px}h3.section-head:first-child{margin-top:4px}.coin-pill{display:inline-flex;align-items:center;gap:7px;background:var(--marigold-soft);color:var(--marigold-deep);font-family:var(--mono);font-weight:700;padding:7px 13px 7px 7px;border-radius:24px;font-size:13px;white-space:nowrap}.coin{width:22px;height:22px;border-radius:50%;background:var(--marigold);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;box-shadow:inset 0 -2px 0 rgba(168,94,0,.25);color:var(--indigo-deep);font-weight:800}.coin-hero{width:60px;height:60px;font-size:26px;box-shadow:inset 0 -4px 0 rgba(168,94,0,.25),var(--shadow-md)}.brand-logo{border-radius:22%;flex-shrink:0;display:inline-block;object-fit:cover;vertical-align:middle}.sponsored-card{border:1px dashed var(--line);transition:border-color .15s,background .15s}.sponsored-card:hover{border-color:var(--marigold);background:rgba(255,176,32,.05)}.sponsored-label{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-soft,rgba(0,0,0,.04));display:inline-block;padding:2px 7px;border-radius:5px}.hero-card{background:linear-gradient(135deg,var(--indigo) 0,var(--indigo-deep) 100%);color:#fff;border-radius:24px;padding:26px;position:relative;overflow:hidden;margin-bottom:16px}.hero-card::before{content:'';position:absolute;top:-46px;right:-30px;width:170px;height:170px;border-radius:50%;border:16px solid rgba(255,255,255,.08)}.hero-card::after{content:'';position:absolute;bottom:-56px;right:34px;width:110px;height:110px;border-radius:50%;border:12px solid rgba(255,176,32,.18)}.hero-card .eyebrow{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:#b9b5e6;position:relative}.hero-card h2{font-size:22px;color:#fff;margin:6px 0 8px;position:relative;max-width:80%}.hero-card p{color:#d6d3f2;font-size:14px;line-height:1.5;position:relative;max-width:85%;margin-bottom:16px}.hero-card .btn{position:relative}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.stat-card .num{font-family:var(--disp);font-weight:800;font-size:21px}.stat-card .lbl{font-size:12px;color:var(--ink-soft);margin-top:2px}@media (max-width:600px){.stat-strip{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:10px 6px}.stat-card .num{font-size:17px}}.chip-row{display:flex;flex-wrap:wrap;gap:9px}.category-chip{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:20px;background:var(--indigo-tint);color:var(--indigo);font-weight:700;font-size:13.5px}.category-chip .n{color:var(--ink-faint);font-weight:600}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:700px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:14.5px;transition:transform .08s,box-shadow .12s;white-space:nowrap;min-height:44px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--indigo);color:#fff;box-shadow:0 2px 0 var(--indigo-deep)}.btn-primary:hover{background:var(--indigo-bright)}.btn-marigold{background:var(--marigold);color:var(--indigo-deep);box-shadow:0 2px 0 var(--marigold-deep)}.btn-ghost{background:var(--indigo-tint);color:var(--indigo)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-block{width:100%}.btn-sm{padding:9px 14px;font-size:13px;min-height:38px}.badge{display:inline-block;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700}.badge-pending{background:var(--marigold-soft);color:var(--marigold-deep)}.badge-accepted{background:var(--mint-soft);color:var(--mint)}.badge-rescheduled{background:var(--indigo-tint);color:var(--indigo)}.badge-cancelled,.badge-rejected{background:var(--red-soft);color:var(--red)}.badge-completed{background:var(--indigo-tint);color:var(--indigo)}.badge-missed{background:var(--red-soft);color:var(--red)}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--indigo-tint);flex-shrink:0}.teacher-card{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);transition:box-shadow .12s,border-color .12s}.teacher-card:active{box-shadow:var(--shadow-md)}.teacher-card .meta{flex:1;min-width:0}.teacher-card .meta .name{font-weight:700}.teacher-card .meta .sub{font-size:13px;color:var(--ink-soft)}.empty-state{text-align:center;padding:36px 20px;color:var(--ink-soft)}.empty-state .icon{width:30px;height:30px;margin:0 auto}.empty-state .icon svg{width:100%;height:100%}.ticket-card{display:flex;position:relative;box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:2px}.ticket-stub{width:64px;flex-shrink:0;border-radius:16px 0 0 16px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;position:relative;text-align:center}.ticket-stub.status-pending{background:var(--marigold)}.ticket-stub.status-accepted,.ticket-stub.status-rescheduled{background:var(--mint)}.ticket-stub.status-completed{background:var(--indigo)}.ticket-stub.status-cancelled,.ticket-stub.status-rejected{background:var(--ink-faint)}.ticket-stub.status-missed{background:var(--red)}.ticket-stub .t{font-family:var(--mono);font-size:11px;font-weight:700;line-height:1.3}.ticket-body{flex:1;background:var(--paper);border-radius:0 16px 16px 0;padding:14px 16px;position:relative;border-left:2px dashed var(--cream)}.ticket-body::after,.ticket-body::before{content:'';position:absolute;left:-9px;width:18px;height:18px;border-radius:50%;background:var(--cream);z-index:2}.ticket-body::before{top:-1px}.ticket-body::after{bottom:-1px}.ticket-actions{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}.pending-banner{background:var(--marigold-soft);border:1.5px dashed var(--marigold-deep);border-radius:20px;padding:32px 24px;text-align:center}.pending-banner .icon{width:38px;height:38px;color:var(--marigold-deep);margin:0 auto 12px}.pending-banner .icon svg{width:100%;height:100%}.pending-banner h3{font-size:19px;margin-bottom:8px}.pending-banner p{color:var(--marigold-deep);font-size:14px;line-height:1.6;max-width:440px;margin:0 auto 6px}.auth-shell{min-height:100vh;display:flex;background:var(--cream)}.auth-visual{flex:1;background:radial-gradient(130% 100% at 15% -10%,#3a32b8 0,#211c6e 55%,#14113f 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;overflow:hidden}.auth-visual::before{content:'';position:absolute;top:8%;right:-60px;width:220px;height:220px;border-radius:50%;border:18px solid rgba(255,255,255,.06)}.auth-visual::after{content:'';position:absolute;bottom:-40px;left:10%;width:140px;height:140px;border-radius:50%;border:14px solid rgba(255,176,32,.12)}.auth-visual .content{position:relative;max-width:420px}.auth-visual .brand-mark{display:flex;align-items:center;gap:10px;margin-bottom:32px}.auth-visual .brand-mark span{font-family:var(--disp);font-weight:800;font-size:21px}.auth-visual h2{font-size:32px;line-height:1.25;margin-bottom:14px}.auth-visual p.tagline{color:#c4c0ee;font-size:15px;line-height:1.6;margin-bottom:34px}.auth-feature{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.auth-feature .icon{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--marigold);flex-shrink:0}.auth-feature .txt b{display:block;font-size:14.5px;margin-bottom:2px}.auth-feature .txt span{font-size:13px;color:#b9b5e6}.auth-form-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--paper);border-radius:24px;padding:36px;max-width:400px;width:100%;box-shadow:var(--shadow-md)}.auth-card h1{font-size:25px;margin-bottom:5px}.auth-card .sub{color:var(--ink-soft);margin-bottom:20px;font-size:14.5px;line-height:1.5}.auth-card .field{margin-bottom:13px}.auth-card .field label{font-size:12.5px;font-weight:700;color:var(--ink-soft);display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.auth-card .hint{font-size:12px;color:var(--ink-faint);margin-top:5px;display:flex;gap:5px;align-items:flex-start}.auth-card .switcher{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-soft)}.auth-card .switcher a{color:var(--indigo);font-weight:700}.demo-note{display:flex;gap:9px;background:var(--indigo-tint);color:var(--indigo);padding:11px 13px;border-radius:var(--radius-sm);font-size:12.5px;line-height:1.5;margin-bottom:16px}.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}.password-toggle:active{background:var(--line-soft)}.forgot-link{display:block;text-align:right;font-size:13px;color:var(--indigo);font-weight:700;margin:-6px 0 13px}.error-msg{background:var(--red-soft);color:var(--red);padding:11px 13px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:13px;display:flex;gap:8px;align-items:center}.success-msg{background:var(--mint-soft);color:var(--mint);padding:11px 13px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:13px;display:flex;gap:8px;align-items:center}@media (max-width:860px){.auth-visual{display:none}.auth-card{box-shadow:none;padding:28px 22px}}.example-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;margin-bottom:22px}.example-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;color:#fff;font-size:14.5px}.example-row .tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#b9b5e6}.example-match{display:flex;align-items:center;gap:10px;background:rgba(255,176,32,.12);border-radius:12px;padding:10px 12px;margin-top:10px}.example-match b{color:#fff;font-size:14px;display:block}.example-match span{color:#c4c0ee;font-size:12.5px}.loop-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#c4c0ee;font-size:13px;font-weight:600}.loop-strip .icon{color:var(--marigold)}.auth-footer{width:100%;max-width:400px;text-align:center;padding:18px 16px 0;font-size:12.5px;color:var(--ink-faint)}.auth-footer a{color:var(--ink-soft);font-weight:600}.auth-footer a:hover{color:var(--indigo)}.auth-footer .dot{margin:0 8px;color:var(--line)}.auth-footer .copyright{margin-top:8px;color:var(--ink-faint)}@media (max-width:860px){.auth-footer{padding:14px 16px 0}}.legal-page{min-height:100vh;background:var(--cream);display:flex;flex-direction:column}.legal-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.legal-brand{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:18px;color:var(--ink)}.legal-content{max-width:680px;margin:0 auto;padding:36px 24px 60px;width:100%;flex:1}.legal-icon{width:44px;height:44px;color:var(--indigo);background:var(--indigo-tint);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.legal-content h1{font-size:28px;margin-bottom:20px}.legal-content h3{font-size:17px;margin:24px 0 8px}.legal-content p{color:var(--ink-soft);line-height:1.65;margin-bottom:10px;font-size:14.5px}.legal-content ul{margin:0 0 14px 20px;color:var(--ink-soft);font-size:14.5px;line-height:1.7}.legal-content li{margin-bottom:4px}.legal-content a{color:var(--indigo);font-weight:700}.legal-updated{font-style:italic}.legal-disclaimer{display:flex;gap:8px;align-items:flex-start;background:var(--marigold-soft);color:var(--marigold-deep);padding:12px 14px;border-radius:12px;font-size:12.5px;margin-top:28px}.legal-contact-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0}.legal-contact-card div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.legal-contact-card div:last-child{border-bottom:none}.legal-contact-card b{color:var(--ink)}.legal-contact-card span{color:var(--ink-soft);text-align:right}.chat-window{display:flex;flex-direction:column;height:calc(100vh - var(--header-h) - var(--roles-h) - 160px);min-height:420px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.msg{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.4}.msg.mine{align-self:flex-end;background:var(--indigo);color:#fff;border-bottom-right-radius:5px}.msg.theirs{align-self:flex-start;background:var(--indigo-tint);border-bottom-left-radius:5px}.chat-input{display:flex;gap:9px;padding:12px;border-top:1px solid var(--line);background:var(--cream)}.chat-input input{flex:1}.call-wrap{position:fixed;inset:0;background:#14113f;z-index:250;display:flex;flex-direction:column}#jitsi-container{flex:1}.call-topbar{padding:calc(14px + env(safe-area-inset-top)) 22px 14px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap}.call-topbar .brand{font-family:var(--disp);font-weight:700;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-topbar .actions{display:flex;gap:8px;flex-shrink:1;min-width:0}.call-topbar .actions .btn{white-space:nowrap;flex-shrink:0}@media (max-width:480px){.call-topbar{padding:calc(10px + env(safe-area-inset-top)) 10px 10px;gap:6px}.call-topbar .brand{font-size:13px;gap:5px}.call-topbar .brand .full-label{display:none}.call-topbar .actions{gap:6px}.call-topbar .actions .btn{padding:8px 10px;font-size:12px}.call-topbar .actions .btn .label{display:none}}.call-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.call-preview-card{background:var(--paper);border-radius:24px;padding:34px 28px;max-width:380px;width:100%;text-align:center}.call-preview-card .icon{width:56px;height:56px;color:var(--indigo);margin:0 auto 14px}.call-preview-card .icon svg{width:100%;height:100%}.call-preview-card h3{font-size:20px;margin-bottom:6px}.call-preview-card p{color:var(--ink-soft);font-size:14px;margin-bottom:20px}.video-stage{flex:1;position:relative;background:#000;overflow:hidden}#remoteVideo{width:100%;height:100%;object-fit:cover;background:#000}.remote-waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:24px}.remote-waiting .icon{width:44px;height:44px;opacity:.55}.remote-waiting .icon svg{width:100%;height:100%}.remote-waiting p{max-width:280px;color:#c4c0ee;font-size:14.5px}#localVideo{position:absolute;bottom:18px;right:18px;width:112px;height:150px;border-radius:14px;object-fit:cover;background:#1c1a3a;border:2px solid rgba(255,255,255,.25);box-shadow:var(--shadow-lg);transform:scaleX(-1);z-index:2}@media (max-width:480px){#localVideo{width:78px;height:106px;bottom:96px;right:12px}}.call-controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px;background:#0d0b28;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap}.ctrl-btn{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ctrl-btn:active{background:rgba(255,255,255,.24)}.ctrl-btn.off{background:#fff;color:var(--ink)}.ctrl-btn.active-blue{background:var(--marigold);color:var(--indigo-deep)}.ctrl-btn.ctrl-hangup{background:var(--red);width:60px;height:60px}.ctrl-btn.ctrl-hangup:active{background:#c23a34}.ctrl-badge{position:absolute;top:-3px;right:-3px;background:var(--red);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width:480px){.call-controls{gap:8px;padding:12px}.ctrl-btn{width:44px;height:44px}.ctrl-btn svg{width:19px;height:19px}.ctrl-btn.ctrl-hangup{width:52px;height:52px}}.call-timer{font-family:var(--mono);font-size:12.5px;color:#c4c0ee;flex-shrink:0}@media (max-width:480px){.call-timer{font-size:11px}}.call-chat-drawer{position:absolute;inset:0;background:var(--paper);z-index:5;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .22s ease}.call-chat-drawer.open{transform:translateY(0)}.call-chat-drawer .chat-window{flex:1;height:auto;display:flex;flex-direction:column;min-height:0}.call-chat-head{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.icon{display:inline-flex;flex-shrink:0;vertical-align:middle}.icon svg{display:block}.tab-row a .icon{color:var(--ink-faint)}.tab-row a.active .icon{color:var(--indigo)}.bottom-nav a .icon{color:var(--ink-faint)}.bottom-nav a.active .icon{color:var(--indigo)}.btn .icon{margin-right:1px}.admin-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,176,32,.18);color:var(--marigold-deep);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.verify-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}.verify-badge.verified{background:var(--mint-soft);color:var(--mint)}.verify-badge.pending{background:var(--marigold-soft);color:var(--marigold-deep)}.verify-badge.rejected{background:var(--red-soft);color:var(--red)}.verify-badge:not(.verified):not(.pending):not(.rejected){background:var(--line-soft);color:var(--ink-faint)}.modal-overlay{position:fixed;inset:0;background:rgba(20,17,63,.55);z-index:260;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-card{background:var(--paper);border-radius:22px;max-width:440px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .18s ease;max-height:86vh;display:flex;flex-direction:column}@keyframes slideUp{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0}.modal-header h3{font-size:18px}.modal-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.modal-close:active{background:var(--line-soft)}.modal-body{padding:16px 22px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 22px;flex-wrap:wrap}.toast-stack{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;width:calc(100% - 32px);max-width:420px}.toast{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn .18s ease}.toast.success{background:var(--mint)}.toast.error{background:var(--red)}@keyframes toastIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.slot-hint{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:14px;padding:10px 0}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width:500px){.slot-grid{grid-template-columns:repeat(4,1fr)}}.proof-upload{border:1.5px dashed var(--line);border-radius:var(--radius-sm);padding:18px;text-align:center;color:var(--ink-soft);font-size:13.5px;cursor:pointer;transition:border-color .12s;display:block}.proof-upload:active{border-color:var(--indigo-bright)}.proof-upload input{display:none}.drawer-overlay{position:fixed;inset:0;background:rgba(20,17,63,.5);z-index:260;display:flex;justify-content:flex-end;animation:fadeIn .15s ease}.drawer-panel{width:86%;max-width:320px;height:100%;background:var(--paper);padding:calc(20px + env(safe-area-inset-top)) 16px 20px;display:flex;flex-direction:column;gap:3px;animation:drawerIn .2s ease;overflow-y:auto}@keyframes drawerIn{from{transform:translateX(24px);opacity:.6}to{transform:translateX(0);opacity:1}}.drawer-panel .drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px}.drawer-panel .drawer-user{font-weight:700;font-size:15.5px}.drawer-panel .drawer-user .sub{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:500;margin-top:2px}.drawer-panel .admin-tag{margin:10px 4px 14px}.drawer-panel a,.drawer-panel button.navlink{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:12px;color:var(--ink-soft);font-weight:600;font-size:15px;min-height:48px}.drawer-panel a:active,.drawer-panel button.navlink:active{background:var(--line-soft)}.drawer-panel hr{border:none;border-top:1px solid var(--line);margin:8px 4px}.bottom-nav{display:none}@media (max-width:860px){.main{padding:20px 16px calc(90px + env(safe-area-inset-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:20;box-shadow:0 -4px 16px rgba(24,21,48,.06)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:10.5px;color:var(--ink-faint);gap:3px;font-weight:600;flex:1;padding:4px 2px;min-height:48px;justify-content:center}.bottom-nav a.active{color:var(--indigo)}}