:root{--green: #21D11A;--green-d: #16A311;--green-dd: #0E7A0A;--mint: #E3F8E1;--mint2: #EAF9E8;--ink: #0B0C0E;--ink2: #33383F;--muted: #5F6672;--muted2: #8A929C;--ground: #F3F5F4;--card: #FFFFFF;--line: #E3E7E5;--line2: #DCE3E0;--warn: #F2994A;--warn-bg: #FFF1E6;--warn-fg: #B4500B;--bad: #D92D20;--bad-bg: #FDE7E7;--r: 22px;--r-s: 15px;--fa: "IBM Plex Sans Arabic", "Poppins", system-ui, sans-serif;--fl: "Poppins", "IBM Plex Sans Arabic", system-ui, sans-serif;--shadow: 0 14px 30px rgba(11, 12, 14, .1);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--fa);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}h1,h2,h3,p{margin:0}a{color:var(--green-dd)}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}.num,.ltr{font-family:var(--fl)}.ltr{direction:ltr;unicode-bidi:isolate}:focus-visible{outline:3px solid rgba(33,209,26,.55);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes tileIn{0%{opacity:0;transform:scale(.3) translateY(16px)}65%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-120px)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes pulse{0%,to{box-shadow:0 0 #f2994a73}50%{box-shadow:0 0 0 7px #f2994a00}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes dots{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.tile-in{animation:tileIn .7s cubic-bezier(.2,.9,.3,1.2) both}.up{animation:fadeUp .5s ease-out both}.pulse{animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.mark{position:relative;display:inline-block;flex:none}.mark i{position:absolute;background:var(--green)}.wordmark{font-family:var(--fl);line-height:1;white-space:nowrap;letter-spacing:-.02em}.wordmark b{font-weight:800}.wordmark span{font-weight:300}.wordmark .g{color:var(--green)}.logo{display:inline-flex;align-items:center;gap:9px}.tiles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.tiles i{position:absolute;border-radius:11px;background:var(--green)}.tiles.drift{top:-40px;right:0;bottom:-160px;left:0;animation:drift 16s linear infinite alternate}.glow{position:absolute;border-radius:50%;background:radial-gradient(circle,#21d11a4d,#21d11a00 65%);animation:breathe 5s ease-in-out infinite;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--r-s);border:1.5px solid transparent;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-green{background:var(--green);color:var(--ink)}.btn-green:hover:not(:disabled){background:#3be034}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover:not(:disabled){background:#22252a}.btn-line{background:var(--card);border-color:var(--line2);color:var(--ink)}.btn-line:hover:not(:disabled){border-color:var(--ink)}.btn-danger{background:var(--card);border-color:#f3c7c3;color:var(--bad)}.btn-s{height:38px;padding:0 14px;font-size:13.5px;border-radius:12px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;border:0;background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;flex:none}.icon-btn.ghost{background:transparent}.icon-btn.dark{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}.icon-btn.sm{width:36px;height:36px;border-radius:11px;background:var(--ground)}.icon-btn.call{background:var(--mint);color:var(--green-dd)}.icon-btn.wa{background:#25d366;color:#fff}.add-btn{height:42px;padding:0 14px;border-radius:14px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);color:#fff;overflow:hidden;display:grid;place-items:center;z-index:50}.splash .glow{width:420px;height:420px;left:50%;top:50%;margin:-260px 0 0 -210px}.splash-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;padding:24px;text-align:center}.splash-in p{color:#c9ced6;font-size:15.5px;max-width:320px}.splash .bar{width:180px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.splash .bar i{display:block;height:100%;width:40%;border-radius:4px;background:var(--green);animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{transform:translate(260%)}to{transform:translate(-160%)}}.auth{min-height:100vh;min-height:100dvh;background:var(--ink);position:relative;overflow:hidden;display:flex;flex-direction:column}.auth-top{position:relative;flex:1 0 auto;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;padding:36px 20px 30px}.auth-top .glow{width:380px;height:380px;top:-60px}.auth-top p{color:#b8bec7;font-size:14.5px;text-align:center;max-width:340px;position:relative}.auth-card{position:relative;background:var(--card);border-radius:32px 32px 0 0;padding:28px 22px calc(26px + var(--safe-b));display:flex;flex-direction:column;gap:14px;animation:sheetUp .7s cubic-bezier(.2,.8,.2,1) .2s both;width:100%;max-width:480px;margin:0 auto}.auth-card h1{font-size:23px;font-weight:700}.auth-card .lead{color:var(--muted);font-size:14px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--ground);border-radius:14px;padding:4px;gap:4px}.seg button{height:40px;border:0;border-radius:11px;background:transparent;font-weight:600;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px #0b0c0e14}.or{display:flex;align-items:center;gap:12px;color:var(--muted2);font-size:12.5px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.linkish{background:none;border:0;padding:0;color:var(--green-dd);font-weight:600;cursor:pointer;font-size:13.5px;align-self:flex-start}.fine{font-size:12.5px;color:var(--muted);text-align:center}@media(min-width:900px){.auth{flex-direction:row}.auth-top{flex:1 1 55%;min-height:100vh}.auth-card{flex:0 0 460px;border-radius:0;justify-content:center;padding:48px 44px;max-width:none}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-l{font-size:13.5px;font-weight:600}.field-h{font-size:12px;color:var(--muted)}.field input,.field select,.field textarea,.inp{width:100%;height:48px;border-radius:var(--r-s);border:1.5px solid var(--line2);background:var(--card);padding:0 14px;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.inp:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #21d11a2e}.field input[type=date]{font-family:var(--fl)}.grid2{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:560px){.grid2{grid-template-columns:1fr 1fr}.field.full{grid-column:1 / -1}}.form-sec{font-size:13px;font-weight:700;color:var(--muted);grid-column:1 / -1;border-top:1px dashed var(--line);padding-top:14px}.note{font-size:13.5px;padding:10px 14px;border-radius:12px;background:var(--ground);color:var(--ink2)}.note.bad{background:var(--bad-bg);color:var(--bad)}.note.ok{background:var(--mint);color:var(--green-dd)}.note.warn{background:var(--warn-bg);color:var(--warn-fg)}.app{min-height:100vh;display:flex}.side{display:none}.main{flex:1;min-width:0;padding-bottom:calc(96px + var(--safe-b))}.content{max-width:1120px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:14px}.bnav{position:fixed;z-index:30;inset:auto 0 0 0;height:calc(72px + var(--safe-b));padding:0 6px var(--safe-b);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center}.bnav a,.bnav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 9px;border-radius:16px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;border:0;background:none;cursor:pointer;min-width:58px}.bnav .on{background:var(--mint);color:var(--ink);font-weight:700}.bnav .dot{position:relative}.bnav .dot:after{content:"";position:absolute;top:4px;left:16px;width:8px;height:8px;border-radius:50%;background:var(--warn)}@media(min-width:1000px){.bnav{display:none}.main{padding:18px 26px 40px}.side{display:flex;flex-direction:column;gap:22px;position:sticky;top:16px;align-self:flex-start;height:calc(100vh - 32px);margin:16px 16px 16px 0;width:248px;flex:none;background:var(--ink);color:#fff;border-radius:28px;padding:24px 14px;overflow:hidden auto}[dir=ltr] .side{margin:16px 0 16px 16px}.side .logo{padding:0 10px;position:relative}.side nav{display:flex;flex-direction:column;gap:3px;position:relative}.side nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;color:#c9ced6;text-decoration:none;font-weight:600;font-size:14.5px;transition:background-color .15s,color .15s}.side nav a:hover{background:#ffffff12;color:#fff}.side nav a.on{background:var(--green);color:var(--ink)}.side nav a em{margin-inline-start:auto;font-style:normal;font-size:11.5px;background:var(--warn);color:var(--ink);border-radius:999px;padding:0 7px;font-weight:700}.side-foot{margin-top:auto;position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:#ffffff0f}.side-foot b{font-size:14px}.side-foot span{font-size:12px;color:#b8bec7}.only-m{display:none!important}.content{padding:0}}@media(max-width:999px){.only-d{display:none!important}}@media(max-width:420px){.hide-s{display:none}}.phead{display:flex;align-items:center;gap:10px;padding:16px 0 6px}.phead-t{flex:1;min-width:0}.phead h1{font-size:21px;font-weight:700;line-height:1.35}.phead p{color:var(--muted);font-size:13.5px}.phead-a{display:flex;gap:8px;align-items:center}@media(min-width:1000px){.phead{padding-top:6px}.phead h1{font-size:26px}}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:0 0 30px 30px;padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px;margin:0 -16px}.hero>*:not(.tiles):not(.glow){position:relative}.hero .glow{width:340px;height:340px;left:-90px;top:-120px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero h1{font-size:24px;font-weight:700}.hero .who{font-size:13px;color:#b8bec7}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-stats .stat{background:#ffffff14;color:#fff}.hero-stats .stat span{color:#b8bec7}.hero-stats .stat.g{background:var(--green);color:var(--ink)}.hero-stats .stat.g span{color:var(--ink2)}.me{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--ink);font-weight:700;text-decoration:none;border:0;cursor:pointer}.badge-n{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--warn);color:var(--ink);font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--fl)}@media(min-width:1000px){.hero{margin:0;border-radius:28px;padding:26px 28px}.hero h1{font-size:30px}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}}.stat{border-radius:16px;padding:10px 12px;background:var(--card);min-width:0}.stat b{display:block;font-family:var(--fl);font-size:21px;font-weight:600;line-height:1.3}.stat span{font-size:12px;color:var(--muted)}.stat.dark{background:var(--ink);color:#fff}.stat.dark span{color:#b8bec7}.stat.warn{background:var(--warn-bg)}.stat.warn b{color:var(--warn-fg)}.stat.warn span{color:#7a4a1e}.stat.mint{background:var(--mint)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(min-width:700px){.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.card{background:var(--card);border-radius:var(--r);padding:14px 16px}.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.card-h h2{font-size:15.5px;font-weight:700}.card-h span,.card-h a{font-size:12.5px;color:var(--muted)}.alert-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #EEF1F0;text-decoration:none;color:var(--ink)}.alert-row:first-of-type{border-top:0}.alert-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--warn-bg);flex:none}.alert-dot i{width:9px;height:9px;border-radius:50%;background:var(--warn)}.alert-dot.bad{background:var(--bad-bg)}.alert-dot.bad i{background:var(--bad)}.alert-row .t{flex:1;min-width:0;display:flex;flex-direction:column}.alert-row .t b{font-size:13.5px;font-weight:600}.alert-row .t span{font-size:12px;color:var(--muted)}.allgood{display:flex;align-items:center;gap:10px;color:var(--green-dd);font-size:13.5px;font-weight:600;padding:6px 0}.bento{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-auto-flow:dense}.tile{position:relative;overflow:hidden;border-radius:var(--r);background:var(--card);padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-decoration:none;color:var(--ink);min-height:104px;transition:transform .2s ease,box-shadow .2s ease;animation:tileIn .7s cubic-bezier(.2,.9,.3,1.2) both}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tile.tall{min-height:168px;grid-row:span 2}.tile .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--mint2)}.tile b{font-size:15.5px;font-weight:700;display:block}.tile small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.tile .cnt{position:absolute;top:14px;left:16px;font-family:var(--fl);font-weight:600;font-size:13px;color:var(--muted)}.tile.green{background:var(--green)}.tile.green .ic{background:#0b0c0e1f}.tile.green small,.tile.green .cnt{color:var(--ink2)}.tile.ink{background:var(--ink);color:#fff}.tile.ink .ic{background:#21d11a2e;color:var(--green)}.tile.ink small,.tile.ink .cnt{color:#b8bec7}.tile.mint{background:var(--mint)}.tile.mint .ic{background:#fff}.tile.mint small{color:var(--ink2)}@media(min-width:700px){.bento{grid-template-columns:repeat(4,1fr)}}.list{display:flex;flex-direction:column;gap:10px}.row{background:var(--card);border-radius:18px;padding:11px 12px;display:flex;align-items:center;gap:11px;animation:fadeUp .45s ease-out both}.row .t{flex:1;min-width:0;display:flex;flex-direction:column}.row .t b{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .t span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .acts{display:flex;gap:6px;flex:none}.row.click{cursor:pointer;transition:box-shadow .15s;border:0;text-align:inherit;width:100%;color:inherit}.row.click:hover{box-shadow:0 8px 20px #0b0c0e12}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:700;flex:none}.avatar.a0{background:var(--mint)}.avatar.a1{background:var(--ground)}.avatar.a2{background:var(--ink);color:var(--green)}.plogo{border-radius:24%;object-fit:cover;flex:none;border:1px solid var(--line);background:#fff}.plogo.letter{display:grid;place-items:center;color:#fff;font-family:var(--fl);font-weight:700;border:0}.cols2{display:grid;gap:10px}@media(min-width:760px){.cols2{grid-template-columns:1fr 1fr}}.search{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:var(--r-s);background:var(--card);color:var(--muted)}.search input{border:0;background:transparent;outline:none;flex:1;min-width:0;font-size:14.5px;color:var(--ink)}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chips button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}.chips em{font-style:normal;font-family:var(--fl);font-size:11.5px;opacity:.7}.ptabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}.ptabs::-webkit-scrollbar{display:none}.ptab{flex:none;width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:20px;border:2px solid transparent;background:#fff9;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}.ptab:hover{transform:translateY(-2px)}.ptab[aria-pressed=true]{background:#fff;border-color:var(--green)}.ptab b{font-size:12.5px;font-weight:700}.ptab span{font-family:var(--fl);font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--ground);color:var(--ink2)}.pill.ok{background:var(--mint);color:var(--green-dd)}.pill.soon{background:var(--warn-bg);color:var(--warn-fg)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.mid{background:var(--ground);color:var(--ink2)}.pill.ink{background:var(--ink);color:#fff}.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.doc{display:flex;flex-direction:column;gap:1px;padding:7px 9px;border-radius:12px;background:var(--ground)}.doc span{font-size:11px;color:var(--muted)}.doc b{font-size:12.5px;font-weight:700}.doc.ok{background:var(--mint)}.doc.ok b{color:var(--green-dd)}.doc.soon{background:var(--warn-bg)}.doc.soon b{color:var(--warn-fg)}.doc.soon span{color:#7a4a1e}.doc.bad{background:var(--bad-bg)}.doc.bad b{color:var(--bad)}.bar{height:8px;border-radius:5px;background:#f0f2f1;overflow:hidden;display:flex}.bar i{display:block;height:100%;border-radius:5px;transform-origin:right;animation:grow 1s cubic-bezier(.2,.8,.2,1) both}[dir=ltr] .bar i{transform-origin:left}.plate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;height:46px;padding:0 6px;border-radius:10px;border:2px solid var(--ink);flex:none;line-height:1.2}.plate b{font-size:12.5px}.plate span{font-family:var(--fl);font-size:11px;font-weight:600}.vcard{background:var(--card);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .5s ease-out both;text-align:inherit;border:0;width:100%;cursor:pointer;color:inherit}.vcard:hover{box-shadow:0 8px 20px #0b0c0e12}.vhead{display:flex;align-items:center;gap:12px}.kv{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.kv .muted{color:var(--muted)}.empty{background:var(--card);border-radius:var(--r);padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--mint);color:var(--green-dd);margin-bottom:4px}.empty h3{font-size:16px}.empty p{color:var(--muted);font-size:13.5px;max-width:380px}.loading{display:flex;justify-content:center;gap:6px;padding:40px 0}.loading span{width:10px;height:10px;border-radius:3px;background:var(--green);animation:dots 1.2s infinite ease-in-out both}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0c0e73;display:flex;align-items:flex-end;justify-content:center;animation:fadeUp .2s ease-out both}.sheet{background:var(--card);width:100%;max-width:620px;max-height:92vh;max-height:92dvh;border-radius:26px 26px 0 0;display:flex;flex-direction:column;animation:sheetUp .35s cubic-bezier(.2,.8,.2,1) both}.sheet.wide{max-width:860px}.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.sheet-h h2{font-size:18px;font-weight:700}.sheet-b{padding:6px 18px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.sheet-f{display:flex;gap:10px;padding:12px 18px calc(14px + var(--safe-b));border-top:1px solid var(--line)}.sheet-f .btn{flex:1}@media(min-width:700px){.sheet-bg{align-items:center;padding:24px}.sheet{border-radius:26px}.sheet-f{padding-bottom:14px}}.toast-wrap{position:fixed;z-index:80;inset:auto 0 calc(86px + var(--safe-b)) 0;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{background:var(--ink);color:#fff;padding:11px 18px;border-radius:14px;font-weight:600;font-size:14px;box-shadow:var(--shadow);animation:sheetUp .3s ease-out both}.toast.bad{background:var(--bad)}@media(min-width:1000px){.toast-wrap{bottom:24px}}.drop{border:2px dashed var(--line2);border-radius:var(--r);background:var(--card);padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s,background-color .15s}.drop.over,.drop:hover{border-color:var(--green);background:#fbfffa}.drop .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--mint);color:var(--green-dd)}.drop b{font-size:15.5px}.drop span{font-size:13px;color:var(--muted)}.rp-pages{display:flex;flex-direction:column;gap:14px}.rp-pages figure{margin:0;background:var(--card);border-radius:18px;padding:10px}.rp-pages canvas{width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--line)}.rp-pages figcaption{font-size:12px;color:var(--muted);padding:8px 4px 0}.dl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dl-row .btn{padding:0 8px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:760px){.opts{grid-template-columns:repeat(4,1fr)}}.course{border-radius:var(--r);background:var(--card);padding:16px;display:flex;flex-direction:column;gap:12px;animation:fadeUp .5s ease-out both}.course-h{display:flex;align-items:center;gap:12px}.lesson{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--ground);text-decoration:none;color:var(--ink)}.lesson .n{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--green);font-family:var(--fl);font-weight:600;font-size:13px;flex:none}.lesson .t{flex:1;min-width:0;display:flex;flex-direction:column}.lesson .t b{font-size:14px}.lesson .t span{font-size:12px;color:var(--muted)}.contact{display:grid;gap:10px}@media(min-width:700px){.contact{grid-template-columns:repeat(3,1fr)}}.contact a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--card);text-decoration:none;color:var(--ink)}.contact a .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mint);color:var(--green-dd);flex:none}.contact a.wa .ic{background:#25d366;color:#fff}.contact a b{display:block;font-size:14.5px}.contact a span{font-size:12.5px;color:var(--muted)}.tbl-wrap{background:var(--card);border-radius:var(--r);overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}.tbl th{text-align:start;font-size:12px;color:var(--muted);font-weight:600;padding:12px 12px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid #F0F2F1;white-space:nowrap}.tbl tr:last-child td{border-bottom:0}.tbl .n{font-family:var(--fl);text-align:end}.tbl tfoot td{font-weight:700;background:var(--ground)}.neg{color:var(--bad)}.month{display:flex;align-items:center;gap:8px}.month input{height:42px;border-radius:12px;border:1.5px solid var(--line2);padding:0 10px;font-family:var(--fl);background:var(--card)}.sheet .stat{background:var(--ground)}