:root{--lapis: #13706F;--lapis2: #178B89;--turq: #2AA198;--saffron: #E6A62F;--pome: #D1435B;--wine: #8E2433;--bg: #EEF2EF;--bg-soft: rgba(16, 32, 31, .045);--panel: rgba(255, 255, 255, .58);--panel-2: rgba(255, 255, 255, .42);--panel-3: rgba(16, 32, 31, .06);--solid: #FAFCFB;--border: rgba(16, 32, 31, .12);--border-soft: rgba(16, 32, 31, .08);--gborder: rgba(255, 255, 255, .8);--text: #10201F;--muted: rgba(16, 32, 31, .62);--muted-2: rgba(16, 32, 31, .44);--accent: #13706F;--accent-2: #13706F;--accent-soft: rgba(23, 139, 137, .13);--success: #1E9E63;--success-soft: rgba(30, 158, 99, .13);--success-text: #157A4B;--warn: #E6A62F;--warn-soft: rgba(230, 166, 47, .18);--warn-text: #A3640A;--danger: #D1435B;--danger-soft: rgba(209, 67, 91, .12);--danger-text: #B4304A;--violet: #8E2433;--violet-soft: rgba(142, 36, 51, .1);--violet-text: #8E2433;--blue-text: #13706F;--spec: rgba(255, 255, 255, .7);--blob: .75;--scrim: rgba(10, 30, 30, .32);--radius: 22px;--radius-sm: 13px;--shadow: 0 12px 40px rgba(20, 62, 60, .13), 0 2px 6px rgba(20, 62, 60, .06);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #061312;--bg-soft: rgba(255, 255, 255, .055);--panel: rgba(22, 44, 44, .55);--panel-2: rgba(22, 44, 44, .4);--panel-3: rgba(255, 255, 255, .08);--solid: #0E2221;--border: rgba(255, 255, 255, .13);--border-soft: rgba(255, 255, 255, .08);--gborder: rgba(255, 255, 255, .13);--text: #F1F5F4;--muted: rgba(241, 245, 244, .64);--muted-2: rgba(241, 245, 244, .42);--accent: #2AA198;--accent-2: #4FD1C7;--accent-soft: rgba(61, 189, 182, .16);--success-text: #5FD99D;--warn-text: #FFC35A;--danger-text: #FF8A9C;--violet-soft: rgba(230, 120, 140, .14);--violet-text: #F4A3B1;--blue-text: #6FE0D7;--spec: rgba(255, 255, 255, .14);--blob: .45;--scrim: rgba(0, 0, 0, .55);--shadow: 0 14px 44px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-blobs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:var(--blob)}.bg-blobs i:nth-child(1){width:60vmax;height:60vmax;left:-20vmax;top:-22vmax;background:radial-gradient(circle,#1C8C8A 0,transparent 65%)}.bg-blobs i:nth-child(2){width:50vmax;height:50vmax;right:-18vmax;top:10vh;background:radial-gradient(circle,#35B7A9 0,transparent 65%);animation:drift 26s ease-in-out infinite alternate}.bg-blobs i:nth-child(3){width:44vmax;height:44vmax;left:-10vmax;bottom:-16vmax;background:radial-gradient(circle,#F0B23E 0,transparent 62%)}.bg-blobs i:nth-child(4){width:34vmax;height:34vmax;right:-8vmax;bottom:-8vmax;background:radial-gradient(circle,#B8394A 0,transparent 62%)}@keyframes drift{to{transform:translate(-8vmax,10vmax) scale(1.1)}}@media (prefers-reduced-motion: reduce){.bg-blobs i{animation:none!important}}.glass,.card,.sidebar,.modal,.toast,.user-chip,.topbar-pill{background:var(--panel);-webkit-backdrop-filter:blur(26px) saturate(185%);backdrop-filter:blur(26px) saturate(185%);border:1px solid var(--gborder);box-shadow:var(--shadow),inset 0 1px 0 var(--spec)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2.5px solid var(--lapis2);outline-offset:2px}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh;gap:4px}.sidebar{margin:16px 0 16px 16px;border-radius:30px;padding:18px 12px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:16px;height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 10px}.brand-logo{width:52px;height:52px;border-radius:50%;flex:none;background:#f6f3ec url(/brand/logo.webp) center / 112% no-repeat;box-shadow:0 4px 14px #143e3c2e,0 0 0 3px #fff9}.brand-title{font-weight:750;font-size:17px;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--muted)}.brand-partner{display:block;margin:2px 8px 12px;width:132px;height:46px;border-radius:14px;background:#fff url(/brand/mp.webp) center / 88% no-repeat;box-shadow:0 4px 14px #143e3c1f;border:1px solid rgba(16,32,31,.06)}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;color:var(--text);opacity:.82;cursor:pointer;border:none;background:transparent;font-size:14.5px;font-weight:600;width:100%;text-align:left;transition:background .15s ease,opacity .15s ease}.nav-item svg{color:var(--accent-2)}.nav-item:hover{background:var(--panel-3);opacity:1;text-decoration:none}.nav-item.active{opacity:1;color:#fff;background:linear-gradient(180deg,#1a8c8a,#13706f);box-shadow:0 8px 20px #13706f52,inset 0 1px #ffffff4d}.nav-item.active svg{color:#fff}.nav-item .nav-badge{margin-left:auto}.nav-section{padding:8px 14px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted-2);font-weight:700}.sidebar-foot{margin-top:auto;padding:14px 10px 2px;border-top:1px solid var(--border-soft)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:18px 24px 8px;position:relative;z-index:20}.topbar-title{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.topbar-sub{color:var(--muted);font-size:13.5px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.round-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--text);position:relative;padding:0}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--lapis2),var(--turq));font-size:13px;font-weight:750;color:#fff}.page{padding:10px 24px 28px;display:flex;flex-direction:column;gap:16px;max-width:1440px;width:100%}.hero{position:relative;overflow:hidden;border-radius:30px;padding:26px 30px;color:#fff;background:radial-gradient(420px 260px at 72% 120%,rgba(209,67,91,.35),transparent 70%),radial-gradient(500px 300px at 100% 0%,rgba(42,161,152,.55),transparent 70%),linear-gradient(135deg,#0f5e5d,#13706f 55%,#178b89);box-shadow:0 18px 50px #13706f4d,inset 0 1px #ffffff40;display:flex;gap:24px;align-items:center}.hero-text{flex:1;min-width:0}.hero-date{opacity:.78;font-size:14px}.hero-date:first-letter{text-transform:uppercase}.hero-title{font-size:34px;font-weight:800;letter-spacing:-.025em;margin:4px 0;line-height:1.1}.hero-sub{opacity:.88;font-size:15.5px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-actions .btn{background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:10px 18px;font-size:14px}.hero-actions .btn:hover{background:#ffffff3d;filter:none}.hero-logos{display:flex;flex-direction:column;align-items:center;gap:12px;flex:none}.hero-logo{width:150px;height:150px;border-radius:50%;background:#f6f3ec url(/brand/logo.webp) center / 108% no-repeat;box-shadow:0 10px 30px #00000038,0 0 0 6px #ffffff2e}.hero-partner{width:150px;height:56px;border-radius:16px;background:#fff url(/brand/mp.webp) center / 86% no-repeat;box-shadow:0 8px 22px #0000002e}.hero.kids{background:radial-gradient(420px 260px at 85% 120%,rgba(209,67,91,.45),transparent 70%),radial-gradient(500px 300px at 100% 0%,rgba(255,214,120,.5),transparent 70%),linear-gradient(135deg,#b9741a,#d99a2b,#e6a62f);box-shadow:0 18px 50px #b9741a4d,inset 0 1px #ffffff4d}.kids-emoji{font-size:96px;line-height:1;flex:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{background:var(--bg-soft);border-radius:16px;padding:12px 14px}.mini b{display:block;font-size:20px;font-weight:800}.mini span{color:var(--muted);font-size:12.5px}@media (max-width: 900px){.kids-emoji{font-size:56px}}@media (max-width: 900px){.hero{flex-direction:column-reverse;align-items:flex-start;padding:22px}.hero-logos{flex-direction:row}.hero-logo{width:84px;height:84px}.hero-partner{width:120px;height:46px}.hero-title{font-size:27px}}.card{border-radius:var(--radius);padding:18px}.card-title{font-weight:650;margin-bottom:10px;display:flex;align-items:center;gap:8px}.card-hint{color:var(--muted);font-size:12.5px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 1200px){.grid.cols-4,.grid.cols-5,.grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;left:-300px;top:0;margin:8px;height:calc(100vh - 16px);transition:left .2s ease;width:270px;background:var(--solid)}.topbar{padding:12px 14px 6px}.topbar-title{font-size:21px}.page{padding:8px 14px 24px}.user-chip .user-meta,.topbar-sub{display:none}.topbar-right{gap:6px}.round-btn{width:40px;height:40px}.user-chip{padding:2px}.sidebar.open{left:0}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.metric{display:flex;flex-direction:column;gap:6px}.metric-label{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:6px}.metric-value{font-size:28px;font-weight:800;letter-spacing:-.02em}.metric{min-height:118px}.metric-note{font-size:12px;color:var(--muted-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;border:1px solid transparent;padding:9px 16px;font-size:14px;font-weight:650;cursor:pointer;transition:filter .15s ease,background .15s ease,border-color .15s ease;color:var(--text);background:var(--panel-3);border-color:transparent;white-space:nowrap}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.primary{background:linear-gradient(180deg,#1a8c8a,#13706f);border-color:transparent;color:#fff;box-shadow:0 8px 20px #13706f4d,inset 0 1px #ffffff4d}.btn.danger{background:var(--danger-soft);color:var(--danger-text)}.btn.success{background:var(--success-soft);color:var(--success-text)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--panel-3)}.btn.sm{padding:6px 12px;font-size:13px;border-radius:11px}.btn.icon{padding:9px;border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--panel-3);border:1px solid transparent;color:var(--muted)}.badge.green{background:var(--success-soft);color:var(--success-text)}.badge.yellow{background:var(--warn-soft);color:var(--warn-text)}.badge.red{background:var(--danger-soft);color:var(--danger-text)}.badge.blue{background:var(--accent-soft);color:var(--blue-text)}.badge.violet{background:var(--violet-soft);color:var(--violet-text)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.green{background:var(--success)}.dot.red{background:var(--danger)}.dot.yellow{background:var(--warn)}.dot.blue{background:var(--accent)}.dot.gray{background:var(--muted-2)}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:18px;background:var(--panel-2)}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}table.data th{text-align:left;padding:10px 14px;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft);border-bottom:1px solid var(--border-soft);white-space:nowrap}table.data td{padding:10px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--accent-soft)}.cell-main{font-weight:600}.cell-sub{color:var(--muted);font-size:12.5px}.num{font-variant-numeric:tabular-nums}table.data td.num{white-space:nowrap}.metric .segmented{flex-wrap:nowrap;padding:3px;gap:2px}.metric .segmented button{padding:4px 10px;font-size:12.5px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12.5px;color:var(--muted);font-weight:600}.input,.select,.textarea{background:var(--bg-soft);color:var(--text);border:1.5px solid transparent;border-radius:13px;padding:10px 13px;font-size:14px;font-family:inherit;width:100%;transition:border-color .15s,background .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--lapis2);background:var(--panel)}.select option{background:var(--solid);color:var(--text)}.textarea{min-height:74px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text);margin-bottom:8px}.checkbox-row input{accent-color:var(--accent);width:16px;height:16px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 760px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.days-picker{display:flex;gap:6px;flex-wrap:wrap}.day-chip{padding:8px 13px;border-radius:999px;border:1px solid transparent;background:var(--bg-soft);color:var(--muted);cursor:pointer;font-size:13px;font-weight:650}.day-chip.on{background:var(--lapis);color:#fff;box-shadow:0 6px 16px #13706f4d}.segmented{display:inline-flex;background:var(--bg-soft);border-radius:999px;padding:4px;gap:4px;flex-wrap:wrap}.segmented button{border:none;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:650}.segmented button.on{background:var(--lapis);color:#fff;box-shadow:0 6px 16px #13706f4d}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .grow{flex:1}.toolbar .input,.toolbar .select{width:auto;min-width:150px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px}.modal{background:var(--solid);border-radius:26px;width:100%;max-width:620px;max-height:86vh;display:flex;flex-direction:column}.modal.wide{max-width:860px}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal-title{font-weight:750;font-size:17px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{padding:14px 18px;border-top:1px solid var(--border-soft);display:flex;gap:10px;justify-content:flex-end}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end}.drawer{width:100%;max-width:540px;background:var(--solid);border-left:1px solid var(--border-soft);border-radius:26px 0 0 26px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow)}.drawer-head{padding:16px 18px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:10px}.drawer-body{padding:16px 18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.drawer-foot{padding:14px 18px;border-top:1px solid var(--border-soft);display:flex;gap:8px;flex-wrap:wrap}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border-soft);font-size:13.5px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{text-align:right;font-weight:550}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto;display:block}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:34px 10px;border:1.5px dashed var(--border);border-radius:18px}.empty .big{font-size:28px;margin-bottom:6px}.error-box{background:var(--danger-soft);border:1px solid transparent;color:var(--danger-text);border-radius:14px;padding:11px 14px;font-size:13.5px;display:flex;gap:10px;align-items:center}.notice{background:var(--accent-soft);border:1px solid transparent;color:var(--blue-text);border-radius:14px;padding:11px 14px;font-size:13.5px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12.5px}.strong{font-weight:650}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.inline{display:inline-flex;align-items:center;gap:6px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--lapis2),var(--turq));flex:none}.journal td.cell{cursor:pointer;text-align:center;width:44px;padding:6px 4px;font-weight:700}.cell-P{color:var(--success)}.cell-L{color:var(--warn)}.cell-A{color:var(--danger)}.cell-dirty{box-shadow:inset 0 0 0 2px var(--accent);border-radius:6px}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12.5px}.legend b.p{color:var(--success)}.legend b.l{color:var(--warn)}.legend b.a{color:var(--danger)}.mobile-only{display:none}@media (max-width: 760px){.mobile-only{display:inline-flex}}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:420px;border-radius:32px;padding:30px 28px}.login-logos{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.login-logo{width:120px;height:120px;border-radius:50%;background:#f6f3ec url(/brand/logo.webp) center / 108% no-repeat;box-shadow:0 10px 30px #143e3c33,0 0 0 5px #ffffff8c}.login-partner{width:138px;height:50px;border-radius:15px;background:#fff url(/brand/mp.webp) center / 86% no-repeat;box-shadow:0 6px 18px #143e3c1f}.login-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:-12px -10px 0 0}.login-title{text-align:center;font-size:26px;font-weight:800;letter-spacing:-.02em}.login-sub{text-align:center;color:var(--muted);margin:4px 0 18px;font-size:13.5px}.quick-logins{display:grid;gap:8px;margin-top:14px}.quick-login-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;white-space:normal}.toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--solid);border-radius:18px;padding:12px 20px;font-size:14px;font-weight:600;max-width:380px}.toast.ok{border-color:#1e9e6373}.toast.err{border-color:#d1435b80}.bar{height:8px;background:var(--panel-3);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--lapis),var(--turq))}.chart{display:flex;gap:10px;align-items:flex-end;padding:8px 4px 0;min-height:170px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.chart-bars{display:flex;gap:3px;align-items:flex-end;height:130px;width:100%;justify-content:center}.chart-bar{width:14px;border-radius:4px 4px 0 0;min-height:2px}.chart-bar.issued{background:var(--warn-soft);box-shadow:inset 0 0 0 1px #e6a62f80}.chart-bar.paid{background:linear-gradient(180deg,var(--turq),var(--lapis))}.chart-label{color:var(--muted);font-size:11.5px;white-space:nowrap}.chart-value{font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.tab-btn{background:transparent;border:none;color:var(--muted);padding:10px 14px;cursor:pointer;font-size:14px;font-weight:650;border-bottom:2.5px solid transparent}.tab-btn.on{color:var(--accent-2);border-bottom-color:var(--lapis2)}.soft-sep{border:none;border-top:1px solid var(--border-soft);margin:12px 0}.mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12.5px}.register-card{max-width:560px}.login-logo.small{width:84px;height:84px}.reg-section{font-weight:750;font-size:15px;margin:14px 0 8px}.field-error{color:var(--danger-text);font-size:12.5px;margin-top:4px}.login-switch{text-align:center;margin-top:14px;color:var(--muted)}.register-cta{margin-top:16px;padding:14px 16px;border-radius:18px;background:var(--accent-soft)}.register-cta .btn{color:var(--blue-text);background:var(--panel)}.portal{max-width:1100px;margin:0 auto;padding:16px 16px 100px}.portal-head{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:28px;position:sticky;top:12px;z-index:30}.portal-head .brand-logo{width:46px;height:46px}.portal-brand{min-width:0}.portal-tabs{display:flex;gap:4px;margin-left:auto}.portal-tab{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;color:var(--text);opacity:.8;font-weight:650;font-size:14px;text-decoration:none}.portal-tab:hover{background:var(--panel-3);opacity:1;text-decoration:none}.portal-tab.active{opacity:1;color:#fff;background:linear-gradient(180deg,#1a8c8a,#13706f);box-shadow:0 8px 20px #13706f4d}.portal-tab svg{color:inherit}.portal-right{display:flex;align-items:center;gap:8px;margin-left:8px}.portal-main{display:flex;flex-direction:column;gap:16px;margin-top:16px}@media (max-width: 900px){.portal{padding:10px 12px 96px}.portal-head{top:8px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--solid)}.portal-right .user-avatar{display:none}.portal-tabs{position:fixed;left:10px;right:10px;bottom:10px;margin:0;justify-content:space-around;padding:6px;border-radius:24px;background:var(--solid);border:1px solid var(--gborder);box-shadow:var(--shadow)}.portal-tab{flex-direction:column;gap:3px;padding:7px 4px;font-size:11px;flex:1;justify-content:center}.portal-right{margin-left:auto}}.lang-switch{display:inline-flex;padding:3px;border-radius:999px;gap:2px}.lang-switch button{border:none;background:transparent;color:var(--muted);cursor:pointer;font-weight:750;font-size:12.5px;padding:8px 10px;border-radius:999px;min-width:38px;font-family:inherit}.lang-switch button:hover{color:var(--text)}.lang-switch button.on{background:var(--lapis);color:#fff;box-shadow:0 4px 12px #13706f4d}@media (max-width: 760px){.lang-switch button{padding:7px;min-width:32px;font-size:12px}}.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card.clickable:hover,.mini.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow),0 0 0 2px var(--accent-soft)}.mini.clickable:hover{background:var(--accent-soft)}.clickable:focus-visible{outline:2.5px solid var(--lapis2);outline-offset:2px}tr.clickable:hover td{background:var(--accent-soft)}