*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-block-size:100%}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img,svg,video{max-inline-size:100%;block-size:auto}html{font-synthesis-weight:none}::-webkit-scrollbar{inline-size:8px;block-size:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--navy:#0B2846;--navy-2:#123A63;--navy-3:#1B4C7E;--turq:#17B6AA;--turq-2:#0F978D;--turq-tint:#E7F8F6;--gold:#E8A63D;--gold-2:#C9861F;--gold-tint:#FDF3E2;--danger:#E14B4B;--danger-tint:#FCEBEB;--success:#2FAE66;--success-tint:#E7F7EE;--info:#3A7BD5;--bg:#F4F7F9;--card:#FFFFFF;--text:#152538;--text-dim:#5C7186;--text-faint:#8CA0B3;--border:#E3EAEF;--nav-idle:#cfe0ee;--nav-sub:#9fc3dd;--gold-ink:#3a2600;--navy-tint:#E8EFF5;--gray-tint:#EEF1F4;--row-hover:#FAFCFD;--notif-unread:#F7FBFC;--chat-canvas:#F7FAFB;--switch-off:#d7dee3;--skeleton-1:#eef2f5;--skeleton-2:#e4e9ed;--scrollbar:#c9d6de;--emergency-deep:#7a1620;--neutral-tint:#eee;--navy-rgb:11,40,70;--info-rgb:58,123,213;--bg-rgb:244,247,249;--radius:16px;--radius-sm:10px;--radius-btn:12px;--radius-input:11px;--radius-pill:99px;--radius-modal:20px;--shadow:0 2px 10px rgba(var(--navy-rgb),.06);--shadow-md:0 8px 28px rgba(var(--navy-rgb),.12);--shadow-lg:0 18px 50px rgba(var(--navy-rgb),.22);--shadow-bar:0 -6px 20px rgba(var(--navy-rgb),.08);--font:'IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif;--fs-h1:21px;--fs-h3:15px;--fs-body:13.5px;--fs-nav:14.5px;--fs-small:12px;--fs-tiny:11px;--fs-label:12.5px;--fs-badge:11.5px;--fs-stat:22px;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:10px;--sp-5:12px;--sp-6:14px;--sp-7:16px;--sp-8:18px;--sp-9:20px;--sp-10:22px;--sp-12:26px;--sidebar-w:264px;--topbar-h:64px;--page-max:1280px;--search-max:420px;--kb:0px;--t-fast:.15s;--t-slide:.2s;--ease:cubic-bezier(.4,0,.2,1);--ring:0 0 0 3px rgba(var(--navy-rgb),.18);--ring-light:0 0 0 3px rgba(255,255,255,.35);--z-topbar:30;--z-fab:35;--z-bottomnav:40;--z-notif:60;--z-modal:150;--z-toast:200;--z-alert:500}:root{--chart-1:#17B6AA;--chart-2:#0B2846;--chart-3:#E8A63D;--chart-4:#3A7BD5;--chart-5:#E14B4B;--chart-6:#2FAE66}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font);font-size:var(--fs-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.35}p{margin:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--turq-2);outline-offset:2px;border-radius:var(--radius-sm)}.sidebar:where(a,button):focus-visible{outline-color:var(--card)}.num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}::selection{background:var(--turq-tint);color:var(--navy)}.sr{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;inset-block-start:-100%;inset-inline-start:var(--sp-4);z-index:var(--z-toast);background:var(--navy);color:var(--card);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-btn);transition:inset-block-start var(--t-fast) var(--ease)}.skip:focus{inset-block-start:var(--sp-4)}.app-shell{display:flex;min-block-size:100vh}.sidebar{inline-size:var(--sidebar-w);flex:none;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:var(--card);display:flex;flex-direction:column;padding:var(--sp-9) var(--sp-7);gap:var(--sp-2);position:sticky;inset-block-start:0;block-size:100dvh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-3) var(--sp-9);border-block-end:1px solid rgba(255,255,255,.12);margin-block-end:var(--sp-6)}.sidebar__logo{inline-size:40px;block-size:40px;border-radius:var(--radius-btn);background:var(--turq);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-h3);color:var(--navy);flex:none}.sidebar__brand b{display:block;font-size:var(--fs-h3)}.sidebar__brand span{display:block;font-size:var(--fs-tiny);color:var(--nav-sub)}.nav-item{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) 14px;border-radius:var(--radius-btn);color:var(--nav-idle);font-size:var(--fs-nav);font-weight:500;border:none;background:transparent;inline-size:100%;text-align:start;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item__ic{inline-size:22px;block-size:22px;flex:none;display:grid;place-items:center}.nav-item__ic svg{inline-size:20px;block-size:20px;fill:currentColor}.nav-item__label{flex:1;min-inline-size:0}.nav-item:hover{background:rgba(255,255,255,.08);color:var(--card)}.nav-item[aria-current="page"]{background:var(--turq);color:var(--navy);font-weight:700}.nav-item:active{transform:scale(.985)}.nav-item__n{min-inline-size:20px;padding:0 var(--sp-2);border-radius:var(--radius-pill);background:var(--danger);color:var(--card);font-size:var(--fs-tiny);font-weight:700;text-align:center;line-height:20px}.nav-item[aria-current="page"] .nav-item__n{background:var(--navy);color:var(--card)}.sidebar__foot{margin-block-start:auto;padding-block-start:var(--sp-6);border-block-start:1px solid rgba(255,255,255,.12)}.role-pill{display:flex;align-items:center;gap:var(--sp-4);background:rgba(255,255,255,.07);border-radius:var(--radius-btn);padding:var(--sp-4);font-size:var(--fs-label)}.role-pill__who{flex:1;min-inline-size:0}.role-pill__name{display:block;font-weight:700;color:var(--card);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-pill__role{display:block;color:var(--nav-sub)}.sidebar__foot .btn-ghost{color:var(--nav-idle);margin-block-start:var(--sp-3)}.sidebar__foot .btn-ghost:hover{background:rgba(255,255,255,.08);color:var(--card)}.main-col{flex:1;min-inline-size:0;display:flex;flex-direction:column}.topbar{position:sticky;inset-block-start:0;z-index:var(--z-topbar);background:var(--card);border-block-end:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-9);min-block-size:var(--topbar-h)}.topbar__search{flex:1;max-inline-size:var(--search-max);display:flex;align-items:center;gap:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-btn);padding:var(--sp-2) var(--sp-6);color:var(--text-dim);transition:border-color var(--t-fast) var(--ease)}.topbar__search:focus-within{border-color:var(--turq)}.topbar__search svg{inline-size:16px;block-size:16px;fill:currentColor;flex:none}.topbar .topbar__search input{border:none;background:transparent;outline:none;flex:1;min-inline-size:0;font-size:var(--fs-body);color:var(--text);min-block-size:auto;padding:0;border-radius:0}.topbar__spacer{flex:1}.icon-btn{position:relative;inline-size:40px;block-size:40px;border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;flex:none;color:var(--text-dim);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.icon-btn svg{inline-size:19px;block-size:19px;fill:currentColor}.icon-btn:hover{background:var(--bg);border-color:var(--turq);color:var(--turq-2)}.icon-btn:active{transform:scale(.94)}.topbar .shell__burger{display:none}.icon-btn__dot{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);inline-size:9px;block-size:9px;border-radius:50%;background:var(--danger);border:2px solid var(--card)}.page{padding:var(--sp-10) var(--sp-12) 100px;max-inline-size:var(--page-max);inline-size:100%;margin-inline:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);margin-block-end:var(--sp-8);flex-wrap:wrap}.page-head h1{font-size:var(--fs-h1);margin-block-end:var(--sp-1)}.page-head p{color:var(--text-dim);font-size:var(--fs-body)}.bottom-nav{display:none}@media (max-width:900px){.sidebar{display:none}.bottom-nav{display:flex;position:fixed;inset-block-end:0;inset-inline:0;z-index:var(--z-bottomnav);background:var(--card);border-block-start:1px solid var(--border);box-shadow:var(--shadow-bar);padding:var(--sp-2) var(--sp-1) calc(var(--sp-2) + env(safe-area-inset-bottom))}.bottom-nav .nav-item{flex-direction:column;gap:2px;color:var(--text-faint);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-1);min-block-size:48px;justify-content:center;font-size:var(--fs-tiny);font-weight:500}.bottom-nav .nav-item__label{flex:none;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .nav-item[aria-current="page"]{background:transparent;color:var(--turq-2)}.bottom-nav .nav-item__ic svg{inline-size:21px;block-size:21px}.bottom-nav .nav-item__n{position:absolute;inset-block-start:var(--sp-1);inset-inline-end:22%}.bottom-nav .nav-item{position:relative;flex:1;min-inline-size:0}.topbar .shell__burger{display:flex}.page{padding:var(--sp-7) var(--sp-6) 90px}.topbar{padding:var(--sp-4) var(--sp-5)}.topbar__search{max-inline-size:none}}.drawer{border:none;padding:0;margin-block:auto 0;margin-inline:auto;inline-size:100%;max-inline-size:100%;background:var(--card);border-start-start-radius:var(--radius-modal);border-start-end-radius:var(--radius-modal);box-shadow:var(--shadow-lg)}.drawer::backdrop{background:rgba(var(--navy-rgb),.55)}.drawer[open]{animation:sheetUp var(--t-slide) var(--ease)}.drawer__body{padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-1)}.drawer__grip{inline-size:38px;block-size:4px;border-radius:var(--radius-pill);background:var(--border);margin:var(--sp-3) auto var(--sp-2)}.drawer .nav-item{color:var(--text);font-size:var(--fs-body)}.drawer .nav-item:hover{background:var(--bg);color:var(--navy)}.drawer .nav-item[aria-current="page"]{background:var(--turq-tint);color:var(--turq-2)}.drawer .nav-item__ic svg{inline-size:19px;block-size:19px}.drawer__sep{block-size:1px;background:var(--border);margin-block:var(--sp-2)}@keyframes sheetUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.openbar{background:var(--gold-tint);color:var(--gold-2);font-size:var(--fs-badge);font-weight:700;padding:var(--sp-2) var(--sp-9);text-align:center;border-block-end:1px solid var(--gold)}.drawer__hint{padding:0 14px var(--sp-2);font-size:var(--fs-tiny);color:var(--text-faint)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:var(--sp-8)}.card--flush{padding:0;overflow:hidden}.grid{display:grid;gap:var(--sp-7)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid__wide{grid-column:1 / -1}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);border:none;border-radius:var(--radius-btn);padding:var(--sp-4) var(--sp-8);font-size:var(--fs-body);font-weight:600;white-space:nowrap;min-block-size:44px;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn svg{inline-size:17px;block-size:17px;fill:currentColor;flex:0 0 auto}.btn:active{transform:scale(.97)}.btn-primary{background:var(--navy);color:var(--card)}.btn-primary:hover{background:var(--navy-3)}.btn-turq{background:var(--turq);color:var(--card)}.btn-turq:hover{background:var(--turq-2)}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-gold:hover{background:var(--gold-2);color:var(--card)}.btn-danger{background:var(--danger);color:var(--card)}.btn-danger:hover{background:var(--emergency-deep)}.btn-outline{background:var(--card);color:var(--navy);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--turq);color:var(--turq-2)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--bg)}.btn-sm{padding:var(--sp-2) var(--sp-5);font-size:var(--fs-label);border-radius:var(--radius-sm);min-block-size:36px}.btn-block{inline-size:100%}.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}.btn__start{justify-content:flex-start}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fs-badge);font-weight:700}.badge svg{inline-size:13px;block-size:13px;fill:currentColor}.badge-navy{background:var(--navy-tint);color:var(--navy)}.badge-turq{background:var(--turq-tint);color:var(--turq-2)}.badge-gold{background:var(--gold-tint);color:var(--gold-2)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.badge-success{background:var(--success-tint);color:var(--success)}.badge-gray{background:var(--gray-tint);color:var(--text-dim)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-5);font-size:var(--fs-small);font-weight:600;color:var(--text-dim);min-block-size:36px;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chip:hover{border-color:var(--turq)}.chip.on{background:var(--turq-tint);color:var(--turq-2);border-color:var(--turq)}.avatar{inline-size:40px;block-size:40px;border-radius:50%;background:var(--turq-tint);color:var(--turq-2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-h3);font-weight:700;flex:none;overflow:hidden}.avatar svg{inline-size:20px;block-size:20px;fill:currentColor}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.avatar-sm{inline-size:30px;block-size:30px;font-size:var(--fs-small)}.avatar-sm svg{inline-size:15px;block-size:15px}.avatar-lg{inline-size:58px;block-size:58px;font-size:var(--fs-h1)}.avatar-lg svg{inline-size:26px;block-size:26px}.avatar--navy{background:var(--navy-tint);color:var(--navy)}.avatar--gold{background:var(--gold-tint);color:var(--gold-2)}.avatar--danger{background:var(--danger-tint);color:var(--danger)}.avatar--success{background:var(--success-tint);color:var(--success)}.avatar--info{background:var(--navy-tint);color:var(--info)}.avatar--neutral{background:var(--neutral-tint);color:var(--text-dim)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=search],textarea,select{inline-size:100%;border:1.5px solid var(--border);border-radius:var(--radius-input);padding:var(--sp-4) var(--sp-5);font-size:16px;color:var(--text);background:var(--card);outline:none;min-block-size:44px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}@media (min-width:901px){input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=search],textarea,select{font-size:var(--fs-body)}}input:focus,textarea:focus,select:focus{border-color:var(--turq)}input:disabled,textarea:disabled,select:disabled{background:var(--bg);color:var(--text-faint);cursor:not-allowed}textarea{min-block-size:90px;resize:vertical;line-height:1.6}.field{margin-block-end:var(--sp-6)}.field-label{display:block;font-size:var(--fs-label);font-weight:600;color:var(--text-dim);margin-block-end:var(--sp-2)}.hint{font-size:var(--fs-badge);color:var(--text-faint);margin-block-start:5px;display:flex;align-items:flex-start;gap:var(--sp-2)}.hint svg{inline-size:14px;block-size:14px;fill:currentColor;flex:none;margin-block-start:2px}.switch{position:relative;inline-size:44px;block-size:25px;flex:none}.switch input{opacity:0;inline-size:0;block-size:0;position:absolute}.slider{position:absolute;inset:0;background:var(--switch-off);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--t-slide) var(--ease)}.slider::before{content:'';position:absolute;inline-size:19px;block-size:19px;inset-inline-start:3px;inset-block-start:3px;background:var(--card);border-radius:50%;box-shadow:0 1px 3px rgba(var(--navy-rgb),.3);transition:transform var(--t-slide) var(--ease)}.switch input:checked + .slider{background:var(--turq)}.switch input:checked + .slider::before{transform:translateX(19px)}.switch input:focus-visible + .slider{box-shadow:var(--ring)}.switch input:disabled + .slider{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:var(--sp-2);background:var(--bg);padding:var(--sp-1);border-radius:var(--radius-btn);inline-size:fit-content;flex-wrap:wrap;max-inline-size:100%}.tab-btn{border:none;background:transparent;padding:var(--sp-3) var(--sp-7);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-dim);min-block-size:40px;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.tab-btn:hover{color:var(--navy)}.tab-btn[aria-selected="true"],.tab-btn.active{background:var(--card);color:var(--navy);box-shadow:var(--shadow)}@media (max-width:700px){.tabs--scroll{flex-wrap:nowrap;overflow-x:auto;inline-size:100%;scrollbar-width:none}.tabs--scroll::-webkit-scrollbar{display:none}.tabs--scroll .tab-btn{flex:none}}.table-scroll{overflow-x:auto;border-radius:var(--radius-btn)}table.dtable{inline-size:100%;border-collapse:collapse;font-size:13px}table.dtable th{text-align:start;padding:var(--sp-5);color:var(--text-dim);font-weight:600;font-size:var(--fs-small);border-block-end:2px solid var(--border);white-space:nowrap}table.dtable td{padding:var(--sp-5);border-block-end:1px solid var(--border);white-space:nowrap}table.dtable tr:hover td{background:var(--row-hover)}@media (max-width:700px){.dtable--stack thead{display:none}.dtable--stack tr{display:block;border:1px solid var(--border);border-radius:var(--radius-btn);margin-block-end:var(--sp-4);padding:var(--sp-3);background:var(--card)}.dtable--stack td{display:flex;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-2) var(--sp-3);border-block-end:none;white-space:normal;text-align:end}.dtable--stack td::before{content:attr(data-th);color:var(--text-dim);font-weight:600;font-size:var(--fs-small);text-align:start;flex:none}.dtable--stack tr:hover td{background:transparent}}.progress-track{block-size:8px;background:var(--bg);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{block-size:100%;background:var(--turq);border-radius:var(--radius-pill);transition:inline-size .4s var(--ease)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px var(--sp-9);color:var(--text-dim)}.empty-state__ic{inline-size:44px;block-size:44px;margin-block-end:var(--sp-4);opacity:.7;color:var(--text-faint)}.empty-state__ic svg{inline-size:44px;block-size:44px;fill:currentColor}.empty-state h4{margin-block:var(--sp-1);color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--skeleton-1) 25%,var(--skeleton-2) 37%,var(--skeleton-1) 63%);background-size:400% 100%;animation:sk 1.4s var(--ease) infinite;border-radius:var(--radius-sm)}@keyframes sk{from{background-position:100% 50%}to{background-position:0 50%}}.divider{block-size:1px;background:var(--border);margin-block:var(--sp-6)}.lock-overlay{position:absolute;inset:0;background:rgba(var(--bg-rgb),.82);backdrop-filter:blur(1px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius);gap:var(--sp-2);text-align:center;padding:var(--sp-5)}.fab{position:fixed;inset-block-end:calc(84px + env(safe-area-inset-bottom));inset-inline-start:var(--sp-9);z-index:var(--z-fab);inline-size:56px;block-size:56px;border-radius:50%;background:var(--gold);color:var(--gold-ink);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.fab svg{inline-size:26px;block-size:26px;fill:currentColor}.fab:hover{background:var(--gold-2);color:var(--card)}.fab:active{transform:scale(.93)}@media (min-width:901px){.fab{display:none}}.stat{display:flex;align-items:center;gap:var(--sp-6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-8);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}a.stat:hover{border-color:var(--turq);transform:translateY(-1px)}.stat__v{display:block;font-size:var(--fs-stat);font-weight:700;line-height:1.2}.stat__l{display:block;font-size:var(--fs-small);color:var(--text-dim)}.stat>span:last-child{min-inline-size:0}.login-wrap{min-block-size:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 55%,var(--turq-2) 130%);padding:var(--sp-9)}.login-card{background:var(--card);border-radius:22px;max-inline-size:420px;inline-size:100%;padding:32px var(--sp-12);box-shadow:var(--shadow-lg)}.login-logo{inline-size:60px;block-size:60px;border-radius:var(--radius);background:var(--turq);display:flex;align-items:center;justify-content:center;font-size:var(--fs-h1);font-weight:700;color:var(--card);margin:0 auto var(--sp-6)}.login-card h1{font-size:var(--fs-h1);text-align:center}.login-card__sub{text-align:center;color:var(--text-dim);font-size:var(--fs-body);margin-block:var(--sp-2) var(--sp-9)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-block-start:var(--sp-2)}.role-opt{border:1.5px solid var(--border);border-radius:13px;padding:var(--sp-5);text-align:center;background:var(--card);transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.role-opt:hover{border-color:var(--turq)}.role-opt[aria-pressed="true"],.role-opt.sel{border-color:var(--turq);background:var(--turq-tint)}.role-opt__ic{display:block;margin:0 auto var(--sp-1);color:var(--turq-2)}.role-opt__ic svg{inline-size:22px;block-size:22px;fill:currentColor}.role-opt b{font-size:var(--fs-label)}.auth-error{background:var(--danger-tint);color:var(--danger);border-radius:var(--radius-input);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-small);font-weight:600;margin-block-end:var(--sp-6)}.pinbox{display:flex;gap:var(--sp-4);justify-content:center;direction:ltr}.pinbox input{inline-size:56px;block-size:62px;text-align:center;font-size:var(--fs-h1);font-weight:700;border-radius:var(--radius-input);padding:0}.gcard{display:flex;flex-direction:column;gap:var(--sp-4);position:relative}.gcard__head{display:flex;align-items:center;gap:var(--sp-4)}.gcard__title{flex:1;min-inline-size:0}.gcard__title b{display:block;font-size:var(--fs-h3)}.gcard__title span{display:block;font-size:var(--fs-tiny);color:var(--text-dim)}.gcard__meta{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-small);color:var(--text-dim)}.gcard__meta div{display:flex;align-items:center;gap:var(--sp-2)}.gcard__meta svg{inline-size:14px;block-size:14px;fill:currentColor;flex:none}.gcard--locked{opacity:.75}.dot-status{inline-size:9px;block-size:9px;border-radius:50%;display:inline-block;flex:none}.dot-status--open{background:var(--success)}.dot-status--closed{background:var(--danger)}.dot-status--scheduled{background:var(--gold)}.gbanner{padding:var(--sp-2) var(--sp-9);font-size:var(--fs-label);display:flex;align-items:center;gap:var(--sp-3);font-weight:600}.gbanner svg{inline-size:15px;block-size:15px;fill:currentColor;flex:none}.gbanner--open{background:var(--success-tint);color:var(--success)}.gbanner--closed{background:var(--gold-tint);color:var(--gold-2)}.gbanner--read{background:var(--navy-tint);color:var(--navy)}.gbanner--pinned{background:var(--turq-tint);color:var(--turq-2)}.board__row{display:flex;align-items:center;gap:var(--sp-5);padding-block:var(--sp-4)}.board__rank{inline-size:28px;block-size:28px;flex:none;border-radius:50%;background:var(--bg);color:var(--text-dim);display:grid;place-items:center;font-size:var(--fs-small);font-weight:700}.board__row:nth-child(1) .board__rank{background:var(--gold-tint);color:var(--gold-2)}.board__row:nth-child(2) .board__rank{background:var(--navy-tint);color:var(--navy)}.board__row:nth-child(3) .board__rank{background:var(--turq-tint);color:var(--turq-2)}.board__who{flex:1;min-inline-size:0}.board__who b{display:block;font-size:var(--fs-small)}.board__pts{font-weight:700;color:var(--turq-2);font-size:var(--fs-small)}.board__bar{margin-block-start:var(--sp-2)}.chal{padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-btn)}.chal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.chal__meta{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-3)}.badge-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);background:var(--gold-tint);color:var(--gold-2);font-size:var(--fs-small);font-weight:600}.badge-pill svg{inline-size:14px;block-size:14px;fill:currentColor}.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--sp-5)}.fcell{text-align:center;padding:var(--sp-7) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--card);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.fcell:hover{border-color:var(--turq);transform:translateY(-2px)}.fcell__ic{inline-size:34px;block-size:34px;color:var(--turq-2)}.fcell__ic svg{inline-size:34px;block-size:34px;fill:currentColor}.fcell__name{font-size:var(--fs-small);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}@media (max-width:560px){.fgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.chart-box{block-size:230px;margin-block-start:var(--sp-4);position:relative}.chart-box--tall{block-size:220px}@media (max-width:560px){.chart-box,.chart-box--tall{block-size:200px}}.filters{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.filters input,.filters select{inline-size:auto;min-inline-size:140px}@media (max-width:560px){.filters{inline-size:100%}.filters input,.filters select{inline-size:100%;min-inline-size:0}}.uhead{display:flex;align-items:center;gap:var(--sp-6);margin-block-end:var(--sp-8)}.uhead__name{font-size:var(--fs-h1)}.uhead__role{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-block-start:var(--sp-2)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6)}.set-row__label b{display:block;font-size:var(--fs-small)}.set-row__label span{display:block;font-size:var(--fs-tiny);color:var(--text-dim)}.log-row{display:flex;gap:var(--sp-5);align-items:flex-start;padding:var(--sp-5) 0;border-block-end:1px solid var(--border)}.log-row:last-child{border-block-end:none}.log-row__ic{inline-size:30px;block-size:30px;flex:none;border-radius:var(--radius-sm);background:var(--bg);color:var(--text-dim);display:grid;place-items:center}.log-row__ic svg{inline-size:15px;block-size:15px;fill:currentColor}.chat-wrap{display:flex;flex-direction:column;block-size:calc(100dvh - var(--topbar-h));max-block-size:calc(100dvh - var(--topbar-h))}@media (min-width:901px){.chat-wrap{block-size:74vh;max-block-size:74vh}}.chat-head{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-9);background:var(--card);border-block-end:1px solid var(--border);flex:none}.chat-head__title{flex:1;min-inline-size:0}.chat-head__title b{display:block;font-size:var(--fs-h3)}.chat-head__sub{display:block;font-size:var(--fs-tiny);color:var(--text-faint);min-block-size:15px}.chat-msgs{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-8) var(--sp-9);display:flex;flex-direction:column;gap:var(--sp-6);background:var(--chat-canvas)}.msg-row{display:flex;gap:var(--sp-4);max-inline-size:78%}.msg-row--me{align-self:flex-end;flex-direction:row-reverse}.msg-bubble{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-6);box-shadow:var(--shadow);min-inline-size:0}.msg-row--me .msg-bubble{background:var(--navy);color:var(--card);border-color:var(--navy)}.msg-meta{display:flex;align-items:center;gap:var(--sp-2);margin-block-end:3px;font-size:var(--fs-badge);color:var(--text-dim);font-weight:700}.msg-row--me .msg-meta{color:var(--nav-idle);justify-content:flex-end}.msg-text{font-size:var(--fs-body);line-height:1.65;overflow-wrap:anywhere}.msg-text a{color:var(--turq-2);text-decoration:underline}.msg-row--me .msg-text a{color:var(--turq-tint)}.msg-foot{display:flex;align-items:center;gap:5px;margin-block-start:5px;font-size:var(--fs-tiny);color:var(--text-faint)}.msg-row--me .msg-foot{color:var(--nav-sub);justify-content:flex-end}.msg-foot svg{inline-size:13px;block-size:13px;fill:currentColor}.msg-att{display:inline-flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-dim);font-size:var(--fs-tiny);font-weight:600}.msg-row--me .msg-att{background:rgba(255,255,255,.12);color:var(--nav-idle)}.msg-att svg{inline-size:14px;block-size:14px;fill:currentColor}.role-tag{font-weight:700}.role-tag--teacher{color:var(--turq-2)}.role-tag--admin{color:var(--gold-2)}.role-tag--student{color:var(--navy)}.msg-row--me .role-tag{color:var(--nav-idle)}.typing-indicator{font-size:var(--fs-small);color:var(--text-faint);padding:0 var(--sp-9) var(--sp-2);display:flex;align-items:center;gap:var(--sp-2);flex:none}.chat-input-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-7);padding-block-end:calc(var(--sp-5) + env(safe-area-inset-bottom));background:var(--card);border-block-start:1px solid var(--border);flex:none}.chat-input-bar input{flex:1}.chat-input-bar .icon-btn{inline-size:44px;block-size:44px}.chat-locked{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-7);padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom));background:var(--bg);border-block-start:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-small);flex:none}.chat-locked svg{inline-size:17px;block-size:17px;fill:currentColor;flex:none}@media (max-width:700px){.msg-row{max-inline-size:88%}.chat-msgs{padding:var(--sp-6) var(--sp-5)}.chat-head{padding:var(--sp-5) var(--sp-6)}.typing-indicator{padding-inline:var(--sp-6)}}.mcard{display:flex;flex-direction:column;gap:var(--sp-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-8);transition:border-color var(--t-fast) var(--ease)}.mcard--unread{border-color:var(--turq)}.mcard--emergency{border-color:var(--danger);border-inline-start-width:4px}.mcard__head{display:flex;align-items:flex-start;gap:var(--sp-4)}.mcard__ident{flex:1;min-inline-size:0}.mcard__title{font-size:var(--fs-h3);font-weight:700;overflow-wrap:anywhere}.mcard__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-1);font-size:var(--fs-tiny);color:var(--text-dim)}.mcard__body{font-size:var(--fs-body);line-height:1.7;color:var(--text);overflow-wrap:anywhere}.mcard__body a{color:var(--turq-2);text-decoration:underline}.mcard__body--clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mcard__more{align-self:flex-start;background:none;border:none;padding:0;color:var(--turq-2);font-size:var(--fs-small);font-weight:600}.mcard__more:hover{text-decoration:underline}.mcard__chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.mcard__att{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-small);color:var(--text-dim);font-weight:600}.mcard__att svg{inline-size:15px;block-size:15px;fill:currentColor}.mcard__att:hover{border-color:var(--turq);color:var(--turq-2)}.mcard__ttl{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600}.mcard__ttl--live{color:var(--gold-2)}.mcard__ttl--gone{color:var(--danger)}.macts{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.macts .btn{flex:0 1 auto;min-inline-size:150px}@media (max-width:480px){.macts .btn{flex:1 1 100%}}.macts-done{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-input);font-size:var(--fs-small);font-weight:600;inline-size:100%}.macts-done svg{inline-size:16px;block-size:16px;fill:currentColor;flex:none}.macts-done--ok{background:var(--success-tint);color:var(--success)}.macts-done--no{background:var(--danger-tint);color:var(--danger)}.macts-done--other{background:var(--navy-tint);color:var(--navy)}.macts-done--expired{background:var(--gray-tint);color:var(--text-dim)}.macts-done--recalled{background:var(--gray-tint);color:var(--text-dim)}.icon-chip{inline-size:40px;block-size:40px;flex:none;border-radius:var(--radius-btn);display:grid;place-items:center;background:var(--turq-tint);color:var(--turq-2)}.icon-chip svg{inline-size:19px;block-size:19px;fill:currentColor}.icon-chip[data-mtype="announcement"]{background:var(--navy-tint);color:var(--info)}.icon-chip[data-mtype="approval_request"]{background:var(--gold-tint);color:var(--gold-2)}.icon-chip[data-mtype="acknowledgement"]{background:var(--navy-tint);color:var(--navy)}.icon-chip[data-mtype="reply_request"]{background:var(--turq-tint);color:var(--turq-2)}.icon-chip[data-mtype="payment_request"]{background:var(--gold-tint);color:var(--gold-2)}.icon-chip[data-mtype="absence_notice"]{background:var(--danger-tint);color:var(--danger)}.icon-chip[data-mtype="achievement"]{background:var(--success-tint);color:var(--success)}.icon-chip[data-mtype="emergency_alert"]{background:var(--danger-tint);color:var(--danger)}.amount-big{font-size:24px;font-weight:700;color:var(--navy);text-align:center;padding-block:var(--sp-5)}.compose-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-7);align-items:start}@media (max-width:900px){.compose-grid{grid-template-columns:1fr}}.aud-preview{background:var(--turq-tint);color:var(--turq-2);border-radius:var(--radius-input);padding:var(--sp-5);font-size:var(--fs-small);font-weight:600}.aud-preview--empty{background:var(--gold-tint);color:var(--gold-2)}.modal{border:none;padding:0;background:var(--card);border-radius:var(--radius-modal);max-inline-size:520px;inline-size:calc(100% - var(--sp-8));max-block-size:88vh;overflow:auto;box-shadow:var(--shadow-lg);color:var(--text)}.modal::backdrop{background:rgba(var(--navy-rgb),.55)}.modal[open]{animation:modalIn .18s var(--ease)}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal--sm{max-inline-size:400px}.modal--wide{max-inline-size:640px}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-8) var(--sp-9);border-block-end:1px solid var(--border)}.modal__head h3{font-size:var(--fs-h3)}.modal__body{padding:var(--sp-9)}.modal__foot{padding:var(--sp-6) var(--sp-9);border-block-start:1px solid var(--border);display:flex;gap:var(--sp-4);justify-content:flex-end;flex-wrap:wrap}.modal__x{inline-size:36px;block-size:36px;border-radius:var(--radius-sm);border:none;background:var(--bg);color:var(--text-dim);display:grid;place-items:center;flex:none;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.modal__x svg{inline-size:15px;block-size:15px;fill:currentColor}.modal__x:hover{background:var(--danger-tint);color:var(--danger)}@media (max-width:700px){.modal{inline-size:100%;max-inline-size:100%;margin-block:auto 0;margin-inline:auto;border-radius:0;border-start-start-radius:var(--radius-modal);border-start-end-radius:var(--radius-modal);max-block-size:min(92dvh,100dvh - var(--kb))}.modal[open]{animation:sheetUp var(--t-slide) var(--ease)}.modal__foot{padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom));position:sticky;inset-block-end:0;background:var(--card)}.modal__foot .btn{flex:1}}.toast-wrap{position:fixed;inset-block-end:var(--sp-9);inset-inline:0;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding-inline:var(--sp-6);pointer-events:none}.toast{background:var(--navy);color:var(--card);padding:var(--sp-5) var(--sp-7);border-radius:var(--radius-btn);font-size:13px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--sp-4);inline-size:min(92vw,380px);pointer-events:auto;animation:toastIn .25s var(--ease)}.toast svg{inline-size:18px;block-size:18px;fill:currentColor;flex:none}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--warn{background:var(--gold-2)}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.toast-wrap{inset-block-end:calc(76px + env(safe-area-inset-bottom))}}.notif-panel{position:fixed;inset-block-start:var(--topbar-h);inset-inline-end:var(--sp-9);inline-size:360px;max-inline-size:92vw;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:var(--z-notif);max-block-size:70vh;overflow:auto;padding:0}.notif-panel::backdrop{background:transparent}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-7);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0;background:var(--card)}.notif-item{display:flex;gap:var(--sp-4);padding:13px var(--sp-7);border-block-end:1px solid var(--border);inline-size:100%;text-align:start;background:transparent;border-inline:none;border-block-start:none;transition:background-color var(--t-fast) var(--ease)}.notif-item:last-child{border-block-end:none}.notif-item:hover{background:var(--bg)}.notif-item--unread{background:var(--notif-unread)}.notif-item__ic{inline-size:32px;block-size:32px;flex:none;border-radius:var(--radius-sm);background:var(--turq-tint);color:var(--turq-2);display:grid;place-items:center}.notif-item__ic svg{inline-size:16px;block-size:16px;fill:currentColor}.notif-item__txt{flex:1;min-inline-size:0}.notif-item__txt b{display:block;font-size:13px;font-weight:600}.notif-item__txt span{display:block;font-size:var(--fs-tiny);color:var(--text-faint)}@media (max-width:900px){.notif-panel{inset-inline:var(--sp-3);inline-size:auto;max-inline-size:none}}.alert{position:fixed;inset:0;z-index:var(--z-alert);background:linear-gradient(160deg,var(--emergency-deep),var(--danger));color:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-12) var(--sp-9) calc(var(--sp-12) + env(safe-area-inset-bottom));overflow-y:auto;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.alert__ic{inline-size:64px;block-size:64px;margin-block-end:var(--sp-7)}.alert__ic svg{inline-size:64px;block-size:64px;fill:currentColor}.alert h2{font-size:var(--fs-h1);margin-block-end:var(--sp-4)}.alert p{max-inline-size:46ch;line-height:1.7;margin-block-end:var(--sp-7)}.alert__actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center;inline-size:min(100%,420px)}.alert__actions .btn{flex:1;min-inline-size:140px}.alert .btn-call{background:var(--success);color:var(--card)}.alert .btn-call:hover{background:var(--success-tint);color:var(--success)}.hidden{display:none !important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.wrap{flex-wrap:wrap}.grow{flex:1;min-inline-size:0}.gap-4{gap:var(--sp-1)}.gap-6{gap:var(--sp-2)}.gap-8{gap:var(--sp-3)}.gap-10{gap:var(--sp-4)}.gap-12{gap:var(--sp-5)}.gap-14{gap:var(--sp-6)}.gap-16{gap:var(--sp-7)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:var(--fs-small)}.tiny{font-size:var(--fs-tiny)}.bold{font-weight:700}.semi{font-weight:600}.w-full{inline-size:100%}.text-center{text-align:center}.text-start{text-align:start}.click{cursor:pointer}.rel{position:relative}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-8{margin-block-end:var(--sp-3)}.mb-10{margin-block-end:var(--sp-4)}.mb-14{margin-block-end:var(--sp-6)}.mb-18{margin-block-end:var(--sp-8)}.mt-8{margin-block-start:var(--sp-3)}.mt-16{margin-block-start:var(--sp-7)}.row-box{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-btn);inline-size:100%;text-align:start;background:var(--card);transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}a.row-box:hover,button.row-box:hover{border-color:var(--turq);background:var(--row-hover)}.row-box__main{flex:1;min-inline-size:0}.row-box__main>b{display:block;font-size:var(--fs-small)}.row-box__main>span{display:block;font-size:var(--fs-tiny);color:var(--text-dim)}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-block-end:var(--sp-4)}.sec-head h3{font-size:var(--fs-h3)}.sec-head__more{font-size:var(--fs-small);color:var(--turq-2);font-weight:600}.sec-head__more:hover{text-decoration:underline}