@charset "UTF-8";
@font-face{font-family:"Cairo";src:url("/assets/mamar-cairo.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}

:root{--ink:#183b38;--muted:#526a62;--teal:#287a74;--mint:#e7f3ed;--line:#e2e9e4;--paper:#f5f7f3;--white:#fff;--yellow:#fff8b0;font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #55a9a0}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:600}button:hover{background:#f1f6f2}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}aside{width:246px;position:fixed;inset:0 0 0 auto;background:#153e3b;color:#e9f3ed;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 32px}.brand b{font-size:25px;letter-spacing:-1px}.brand-cloud{font-size:18px;font-weight:400;color:#b4d8ce;letter-spacing:0}.brand small{display:block;color:#b2cfc5;font-size:11px;margin-top:2px}.brand-icon{height:42px;width:42px;background:#aeeed3;border-radius:13px;display:inline-grid;place-items:center;color:#164b42;font:800 27px Arial;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff30}.workspace{padding:17px 9px;display:flex;align-items:center;gap:11px;border-block:1px solid #ffffff18;margin-bottom:30px}.workspace strong{font-size:12px;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis}.workspace small{color:#b1cdc4;font-size:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ffffff16;color:#d7efdf;font-weight:bold}.workspace .dot{margin-right:auto}.dot,.environment i,.stage-dot{width:7px;height:7px;border-radius:50%;background:#aeeed3;display:inline-block}.nav-label{font-size:11px;color:#a9c6bc;margin:0 13px 13px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;color:#c6dcd2;padding:13px 15px;border-radius:10px;font-size:12px}nav a .glyph{font-size:18px;width:20px;text-align:center;font-family:Arial}nav a:hover{background:#ffffff0a}nav a[aria-current]{background:var(--yellow);color:#203d35;font-weight:700}nav a[aria-current] .nav-arrow{display:inline}.nav-arrow{display:none;margin-right:auto}.aside-bottom{margin-top:auto;background:#ffffff08;padding:18px 14px;border:1px solid #ffffff13;border-radius:12px}.aside-bottom b{font-size:11px;margin-right:7px}.aside-bottom p{font-size:11px;line-height:1.9;color:#b2cfc5}.aside-bottom small{font-size:11px;color:#94b7a9}.main{margin-right:246px}header{height:80px;border-bottom:1px solid var(--line);background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#bec9c1}.breadcrumb b{font-weight:500;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:14px}.environment{font-size:11px;color:var(--teal);display:flex;align-items:center;gap:7px}.environment i{background:#38846a}.icon-button{font:24px Arial;line-height:20px;width:36px;padding:7px}.quiet{border:0;background:none;font-size:11px;color:var(--muted);padding:5px}.avatar.small{width:30px;height:30px;background:#e4eee5;color:var(--teal)}main{max-width:1600px;margin:auto;padding:38px 42px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font:600 9px Arial;letter-spacing:2px;color:var(--teal)}h1{font-size:29px;letter-spacing:-1px;margin:11px 0 9px;font-weight:700}p{color:var(--muted);line-height:1.8;margin:0}h2{font-size:15px;margin:0}h3{font-size:12px;margin:0 0 5px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--teal);border-color:var(--teal);color:white;padding:12px 18px;border-radius:10px;font-size:12px}.primary:hover{background:#216b65}.notice{display:flex;align-items:center;gap:16px;background:#eaf2e9;border:1px solid #d9e7d9;border-radius:13px;padding:17px 21px;margin-bottom:25px}.notice>span:first-child{font:32px Arial;color:var(--teal)}.notice b{font-size:11px;font-weight:600}.notice p{font-size:11px;margin-top:3px}.pill{background:#fff;border:1px solid #d6e4d8;color:#416250;border-radius:20px;padding:5px 10px;white-space:nowrap;font-size:11px}.notice .pill{margin-right:auto}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{border:1px solid var(--line);background:white;border-radius:14px;padding:21px 23px;min-height:140px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.stat-icon{display:grid;place-items:center;width:31px;height:31px;background:#eef5f0;border-radius:9px;color:var(--teal);font-size:17px}.stat-value{display:block;font:500 34px Arial;letter-spacing:-1px;margin:16px 0 10px}.stat small{font-size:11px;color:var(--muted)}.stat.highlight{background:#287a74;color:white;border-color:#287a74}.stat.highlight .stat-top,.stat.highlight small{color:#e0f1e7}.stat.highlight .stat-icon{background:#ffffff20;color:#d9f5df}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 24px;border-bottom:1px solid #edf0eb}.panel-head p{font-size:11px;margin-top:4px}.panel-head a{font-size:11px;color:var(--teal)}.panel-body{padding:22px 24px}.empty{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:10px}.empty .empty-icon{display:grid;place-items:center;font:30px Arial;width:66px;height:66px;border-radius:20px;background:#f1f6ef;color:#78a592;margin-bottom:9px}.empty b{font-size:13px}.empty p{font-size:11px;max-width:280px}.small-link{color:var(--teal);font-size:11px;padding:7px}.step{display:flex;align-items:flex-start;gap:13px;padding:16px 0;border-bottom:1px solid #edf0eb}.step:last-child{border:0}.step-number{width:26px;height:26px;display:grid;place-items:center;background:#ecf4ed;border-radius:8px;color:var(--teal);font:12px Arial;flex-shrink:0}.step p{font-size:11px}.step .state{margin-right:auto}.state{display:inline-block;border-radius:20px;font-size:11px;padding:5px 9px;white-space:nowrap;background:#f0f3ed;color:#5a6c5b}.state.good{background:#e5f3e9;color:#286640}.state.pending{background:#fff5cf;color:#735d20}.state.offline{background:#f0f1f0;color:#52655a}.architecture{display:flex;align-items:center;justify-content:space-around;padding:28px 12px;gap:8px}.arch-block{text-align:center;font-size:11px}.arch-block .circle{display:grid;place-items:center;background:#edf5ed;width:54px;height:54px;border-radius:16px;margin:0 auto 12px;color:var(--teal);font:23px Arial}.arch-arrow{color:#a4bcae}.architecture+p{font-size:11px;text-align:center;padding:0 20px 25px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:500;background:#fafcf9;padding:14px 22px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:18px 22px;border-bottom:1px solid #edf0eb}tr:last-child td{border:0}.mono{font:10px monospace;color:var(--muted);direction:ltr;display:inline-block}.table-action{font-size:11px;padding:6px 11px;border-radius:8px}.table-action.danger{color:#964334}.identity{display:flex;gap:10px;align-items:center}.identity-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:10px;background:#eaf1e7;color:#4c7359}.identity small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.activity-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #edf0eb}.activity-item:last-child{border:0}.activity-dot{height:7px;width:7px;border-radius:50%;background:#72a58a;margin-top:6px}.activity-item b{font-size:11px;font-weight:500}.activity-item time{display:block;font-size:11px;color:var(--muted);margin-top:5px}.setting{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf0eb;gap:20px}.setting:last-child{border:0}.setting span{font-size:11px}.setting small{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;margin-top:12px;font-size:11px;color:var(--muted)}footer b{font-weight:400}.footer-dot{padding:0 9px;color:#aebfb0}.error{color:#8c352c;background:#fff0ed;padding:12px;border-radius:8px;font-size:11px}.error:empty{display:none}dialog{width:440px;max-width:calc(100% - 30px);border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink)}dialog::backdrop{background:#163d3859;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-heading button{font:22px Arial;border:0;padding:3px 10px}form>p{font-size:11px}label{display:grid;gap:8px;font-size:11px;margin-top:20px}input{width:100%;border:1px solid #dce5dc;border-radius:9px;padding:12px;background:#fcfdfb;color:var(--ink)}form>.primary{width:100%;margin-top:24px}#toast{position:fixed;bottom:25px;left:25px;padding:15px 24px;background:#163e39;color:white;border-radius:12px;z-index:20;font-size:12px;box-shadow:0 10px 40px #153d3b30}#login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 20%,#deeee0,transparent 60%),var(--paper)}.login-card{width:410px;max-width:calc(100% - 30px);border:1px solid var(--line);padding:36px;background:white;border-radius:22px;box-shadow:0 24px 90px #183b380a}.login-card>.brand-icon{margin-bottom:23px}.login-card>.eyebrow{display:block}.login-card h1{font-size:25px}.login-card>p{font-size:12px}.login-card small{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:25px}.skeleton{color:#8c9c90}.loading{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:12px}.route-note{font-size:11px;line-height:2;background:#f7f9f4;padding:15px 20px;border-radius:10px;margin-bottom:20px}body.busy #refresh{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){main{padding-top:48px}.stat{min-height:154px}}@media(max-width:1150px){aside{width:210px;padding-inline:16px}.main{margin-right:210px}header{padding-inline:25px}main{padding:30px 25px}.stat{padding:18px}.grid{grid-template-columns:1fr}.notice .pill{display:none}}@media(max-width:760px){aside{width:74px;padding:22px 10px;align-items:center}.brand{padding:0 0 26px}.brand>span:last-child,.workspace,.nav-label,.aside-bottom,nav .nav-text,.nav-arrow{display:none!important}.brand-icon{width:39px;height:39px;border-radius:12px}nav{width:100%}nav a{padding:13px 10px;justify-content:center}.main{margin-right:74px}header{height:65px;padding:0 18px}.breadcrumb{font-size:11px}.header-actions{gap:8px}.environment,.header-actions .avatar{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-height:125px;padding:16px}.stat-value{font-size:28px}.stat-top{font-size:11px}main{padding:26px 18px}h1{font-size:25px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading p{font-size:11px}.notice{padding:13px;gap:10px}.notice b{font-size:11px}.notice p{font-size:11px}.panel-head,.panel-body{padding:18px}footer{line-height:2;gap:14px;font-size:8px}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

main:focus{outline:none}

@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));}}

@media(max-width:760px){footer{font-size:10px}.table-action{min-height:40px;min-width:52px}}

/* Focused, same-origin OAuth consent. */
.consent-shell{max-width:760px;margin:0 auto;padding:40px 24px}.consent-brand{font-size:28px;font-weight:800;color:var(--ink,#143a37);text-decoration:none}.consent-brand span{font-size:12px;letter-spacing:3px;margin-right:12px}.consent-card{background:#fff;border:1px solid #dce8e3;border-radius:24px;padding:32px;margin-top:24px;box-shadow:0 18px 60px #123d3210}.consent-card h1{font-size:30px;line-height:1.5}.consent-card p{line-height:1.9}.consent-card label{display:block;font-weight:600;margin:18px 0}.consent-card input,.consent-card select{display:block;width:100%;padding:13px;border:1px solid #bbcfc5;border-radius:10px;margin-top:8px;background:#fff;font:inherit;box-sizing:border-box}.consent-card button{background:#176b57;color:#fff;padding:13px 20px;border:0;border-radius:10px;font:inherit;cursor:pointer}.consent-card button:disabled{opacity:.5;cursor:default}.consent-card .secondary{background:#e9efec;color:#183c32}.consent-actions{display:flex;gap:12px;margin:24px 0}.consent-card dt{color:#536d63;margin-top:16px}.consent-card dd{margin:6px 0;overflow-wrap:anywhere;font-weight:600}.consent-warning{background:#fff5d6;border-radius:12px;padding:16px}.consent-card [hidden]{display:none!important}.consent-card>a{display:inline-block;margin-top:20px;color:#176b57}@media(max-width:500px){.consent-shell{padding:24px 14px}.consent-card{padding:22px}.consent-card h1{font-size:24px}.consent-actions{flex-direction:column}}

/* Keep populated tables inside their scroll containers, including narrow dashboards. */
.grid>*{min-width:0}.panel{min-width:0}
.consent-card input[type="checkbox"]{display:inline-block;width:auto;margin:0 0 0 8px;vertical-align:middle}


/* Cairo design system: shared administration, account and consent surfaces. */
:root{--ink:#16332f;--muted:#526962;--teal:#176c59;--mint:#e7f3ec;--line:#dfe7e2;--paper:#f5f7f6;--white:#fff;--yellow:#dfeee5;font-family:"Cairo",sans-serif;font-size:15px}
body,button,input,select,textarea{font-family:"Cairo",sans-serif;font-style:normal;font-variation-settings:"slnt" 0;font-synthesis:none}
body{line-height:1.85;-webkit-font-smoothing:antialiased}button,input,select,textarea{line-height:1.65}
h1,h2,h3,.brand b{letter-spacing:0}h1{font-size:32px;font-weight:700;line-height:1.5;margin:10px 0 12px}h2{font-size:18px;font-weight:700;line-height:1.65}p{line-height:1.95}
button{min-height:42px;border-radius:11px;padding:10px 16px;transition:background .15s,border-color .15s,box-shadow .15s;font-size:13px;font-weight:600}
button:hover{border-color:#becfc3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3d9277;outline-offset:3px}
aside{width:258px;background:#143e34;padding:28px 20px;border-inline-end:1px solid #0d3028}
.brand{padding:0 10px 27px;gap:12px}.brand b{font-size:27px;font-weight:750}.brand-cloud{font-size:14px;letter-spacing:.4px;margin-inline-start:7px;color:#a1bdb0}.brand small{font-size:12px;margin-top:5px}
.brand-icon{background:transparent;border-radius:12px;box-shadow:none;height:43px;width:43px}.brand-icon img{display:block;width:100%;height:100%;border-radius:12px}
.workspace{background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;padding:14px 12px;margin-bottom:26px}.workspace strong{font-size:13px;font-weight:600}.workspace small{font-size:11px}
.nav-label{font-size:11px;margin-inline:12px}.nav-label,.aside-bottom small{letter-spacing:0}
aside nav{gap:7px}aside nav a{font-size:13px;padding:13px 14px;min-height:47px;border-radius:10px;gap:12px;font-weight:500}
aside nav a[aria-current]{background:#dceee2;color:#123b2d;font-weight:700;box-shadow:0 2px 8px #07261b15}.nav-arrow{font-size:16px}
.aside-bottom{border-radius:14px;background:#ffffff07;padding:18px 14px}.aside-bottom b,.aside-bottom p,.aside-bottom small{font-size:11px}.aside-bottom p{line-height:1.9;margin-top:8px}
.main{margin-right:258px}header{height:82px;padding-inline:40px;background:#ffffffed;backdrop-filter:blur(12px)}.breadcrumb,.breadcrumb b{font-size:12px}.breadcrumb b{font-weight:600}.header-actions{gap:12px}
.environment{background:#eef6f1;border:1px solid #dfece3;border-radius:30px;padding:6px 12px;font-size:11px}.quiet{font-size:12px;min-height:38px;padding:8px 12px}
main{padding:36px 40px 28px;max-width:1580px}.page-heading{margin-bottom:30px;gap:24px}.page-heading p{font-size:13px;max-width:740px}.eyebrow{font-family:"Cairo",sans-serif;font-size:10px;font-weight:650;letter-spacing:1.5px}
.primary{font-size:13px;font-weight:650;min-height:46px;padding:12px 20px;background:#176c59;border-color:#176c59;box-shadow:0 3px 8px #176c5912}.primary:hover{background:#125743;border-color:#125743}
.stats{gap:18px;margin-bottom:28px}.stat{padding:22px;border:1px solid var(--line);border-radius:16px;min-height:158px;box-shadow:0 3px 12px #183c2f03}.stat-top{font-size:12px;line-height:1.8;gap:10px}.stat-icon{border-radius:10px;width:34px;height:34px;flex-shrink:0}.stat-value{font:650 36px/1.2 "Cairo",sans-serif;letter-spacing:0;margin:18px 0 12px;font-variant-numeric:tabular-nums}.stat small{font-size:11px}.stat.highlight{background:#176c59;border-color:#176c59}
.grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.panel{border-radius:16px;box-shadow:0 3px 14px #16332f03;margin-bottom:24px}.panel-head{padding:22px 24px;background:#fff}.panel-head h2{font-size:17px}.panel-head p{font-size:12px;line-height:1.9;margin-top:7px}.panel-head a{font-size:12px;flex-shrink:0}.panel-body{padding:22px 24px}
table{font-variant-numeric:tabular-nums}th{font-size:12px;font-weight:600;background:#f8faf9;color:#536c60;padding:15px 20px}td{font-size:13px;padding:20px;border-color:#edf1ee}.table-action{min-height:38px;padding:7px 12px;font-size:12px}.table-action.danger{background:#fff8f6;border-color:#eeddd7;color:#963d2e}
.identity strong{font-size:13px;font-weight:650}.identity small{font-size:11px}.identity-icon{width:36px;height:36px;border-radius:11px}.mono{font-size:11px}.state{font-size:11px;font-weight:600;padding:5px 11px;line-height:1.8;max-width:100%;white-space:normal}
.empty{min-height:240px;gap:13px}.empty b{font-size:15px}.empty p{font-size:12px;line-height:1.95;max-width:320px}.small-link{font-size:12px}
.activity-item{padding:17px 0;gap:12px}.activity-item b{font-size:12px;font-weight:600}.activity-item time{font-size:11px;margin-top:7px}.activity-dot{margin-top:9px;background:#87a88e}
.setting{align-items:flex-start;gap:24px;padding:18px 0}.setting span,.setting small{font-size:12px;line-height:1.9}.setting small{text-align:left;overflow-wrap:anywhere;max-width:60%}
.notice{border-radius:14px;padding:18px 22px;background:#edf5ee}.notice b{font-size:13px}.notice p{font-size:12px}.notice a{font-size:12px}
label{font-size:13px;font-weight:600;gap:9px;margin-top:21px}input{font-size:14px;min-height:48px;padding:12px 14px;border-color:#d6e1d9;background:#fff;border-radius:10px}input:focus{border-color:#4c9477}
form>p{font-size:12px}.error{font-size:12px;line-height:1.9;border:1px solid #f2dcd5;border-radius:10px}
#login,.portal-login{background:#f1f5f2}.login-card{width:450px;border-radius:22px;padding:38px 36px;box-shadow:0 18px 60px #173e3610;border-color:#dae5de}
.login-card h1{font-size:28px;line-height:1.65;margin-bottom:14px}.login-card>p{font-size:13px;line-height:2}.login-card>.brand-icon{height:48px;width:48px;margin-bottom:25px}.login-card small{font-size:11px;line-height:1.9}.login-card>p>a{display:inline-block;margin-top:8px;font-size:12px}
dialog{width:480px;padding:30px;border-radius:20px;box-shadow:0 24px 90px #173e3620}.dialog-heading h2{font-size:20px}.dialog-heading{margin-bottom:18px}
.route-note{font-size:12px;background:#edf3ef;border:1px solid #dfe8e1;padding:17px 20px}.panel-body>p{font-size:13px}
footer{font-size:11px;line-height:1.9;gap:20px;flex-wrap:wrap;padding-top:22px;margin-top:18px}footer a{font-weight:600;color:var(--teal)}
.consent-shell{padding-top:36px}.consent-brand{font-size:28px;letter-spacing:0}.consent-card{padding:32px;border-radius:20px}.consent-card h1{font-size:28px}.consent-card p{font-size:14px}.consent-card label{font-size:13px}.consent-card dt{font-size:12px}.consent-card dd{font-size:15px}.consent-card button{min-height:46px;font-size:14px}.consent-warning{line-height:1.9;font-size:13px}
@media(max-width:1150px){aside{width:228px;padding-inline:16px}.main{margin-right:228px}header{padding-inline:26px}main{padding:30px 26px}.grid{grid-template-columns:minmax(0,1fr)}.stat{padding:19px}.stat-top{font-size:12px}}
@media(max-width:760px){
 aside{position:static;width:100%;padding:17px 18px 0;display:block;border:0}.main{margin-right:0}
 aside .brand{padding:0 0 16px;display:flex;gap:11px}body aside .brand>span:last-child{display:block!important}.brand b{font-size:24px}.brand small{font-size:11px}.brand-icon{width:39px;height:39px}
 aside nav{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:13px;scrollbar-width:thin;scrollbar-color:#54796a transparent}
 aside nav a{display:flex;flex:0 0 auto;justify-content:flex-start;padding:10px 13px;min-height:43px;font-size:12px;gap:8px}
 body aside nav .nav-text{display:inline!important}aside nav .glyph{width:17px;font-size:16px}.workspace,.nav-label,.aside-bottom{display:none!important}
 .main>header{height:65px;padding-inline:18px}.header-actions{gap:6px}.breadcrumb{font-size:11px}.breadcrumb span{margin-inline:8px}
 main{padding:25px 18px}.page-heading{gap:16px;margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.stats{gap:12px;margin-bottom:22px}.stat{padding:16px;min-height:145px}.stat-top{font-size:11px;align-items:flex-start}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-value{font-size:31px;margin:15px 0 9px}.stat small{font-size:10px}
 .panel-head,.panel-body{padding:20px}.panel-head{align-items:flex-start}.panel-head h2{font-size:16px}.panel-head p{font-size:11px}.panel-head a{font-size:11px}.panel{margin-bottom:20px}
 .notice{padding:16px;flex-wrap:wrap}.notice b{font-size:12px}.notice p{font-size:11px}.primary{font-size:12px;padding:11px 16px}.notice .primary{width:auto}
 th{font-size:11px;padding:14px 16px}td{font-size:12px;padding:17px 16px}.table-action{min-height:40px}.identity strong{font-size:12px}
 .login-card{padding:30px 25px;width:440px}.login-card h1{font-size:25px}.login-card>p{font-size:12px}label{font-size:12px}.consent-card{padding:24px}.consent-card h1{font-size:25px}
 footer{font-size:10px;gap:12px}.setting{flex-direction:column;gap:8px}.setting small{max-width:100%;text-align:right}
}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Bound standalone administration login to its viewport grid track. */
#login{padding:24px;grid-template-columns:minmax(0,1fr)}
#login>.login-card{width:450px;max-width:100%;min-width:0;justify-self:center}
@media(max-width:760px){#login{padding:18px}}

.subscription-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}
.subscription-summary a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.subscription-summary span{font-size:12px;color:var(--muted)}.subscription-summary b{font-size:25px;font-variant-numeric:tabular-nums}
#subscription-dialog{width:530px;max-height:calc(100dvh - 40px);overflow-y:auto}
#subscription-form select{font:inherit;width:100%;min-height:48px;padding:10px 12px;border:1px solid #d6e1d9;border-radius:10px;background:white;color:var(--ink)}
#subscription-current{font-size:12px;line-height:2;margin-top:18px}
.subscription-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.subscription-presets button{font-size:12px;min-height:38px;padding:7px 12px}
#subscription-preview{font-size:12px;line-height:2;color:#176c59;background:#edf5ef;border-radius:10px;padding:12px 15px;margin-top:18px}
.subscription-warning{font-size:12px;line-height:1.9;margin-top:14px;color:#79572d}
.state.expired{background:#fff0ec;color:#9a4937}
@media(max-width:760px){.subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.subscription-summary a{padding:15px;align-items:flex-start}.subscription-summary span{font-size:11px}.subscription-summary b{font-size:23px}#subscription-dialog{padding:25px 22px;max-width:calc(100% - 26px)}}

/* Keep expanded desktop navigation inside its fixed sidebar. */
@media(min-width:761px){
 aside{height:100dvh;overflow:hidden}
 aside>*{flex-shrink:0}
 aside nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#54796a transparent;align-content:start;grid-auto-rows:min-content}
 aside .aside-bottom{margin-top:16px}
}