@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--bg:#f4f5f1;--surface:#fff;--surface-soft:#f8fafc;--ink:#202821;--ink-soft:#465149;--muted:#728078;--line:#e1e5df;--line-strong:#cbd2cb;--brand-50:#edf6f3;--brand-100:#d7ebe6;--brand-500:#2f7972;--brand-600:#286861;--brand-700:#20534e;--brand-ink:#173a36;--accent:#c45f38;--accent-dark:#a94d2d;--accent-soft:#f9ece6;--navy-800:#243027;--navy-900:#19221b;--success:#15803d;--success-bg:#e8f7ee;--warning:#a16207;--warning-bg:#fef5dd;--danger:#b91c1c;--danger-bg:#feeceb;--neutral-pill:#475569;--neutral-pill-bg:#eef2f6;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-full:999px;--shadow-sm:0 1px 2px #0f1c2e0f, 0 1px 3px #0f1c2e14;--shadow-md:0 8px 24px #1f2d2217;--shadow-lg:0 24px 60px #1f2d2229;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Sora", "Inter", ui-sans-serif, system-ui, sans-serif;font-family:var(--font-body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3,h4,p,dl,dd,dt,ul{margin:0;padding:0}ul{list-style:none}button,input,select{font:inherit}#root{min-height:100vh}::selection{background:var(--brand-100);color:var(--brand-ink)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:.9rem;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #6f2d1838}.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}.btn--ghost:hover:not(:disabled){background:var(--surface-soft);border-color:var(--muted);color:var(--ink)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:#991b1b}.btn--danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn--danger-ghost:hover:not(:disabled){background:var(--danger-bg)}.btn--sm{min-height:34px;padding:6px 12px;font-size:.84rem}.btn--lg{min-height:48px;font-size:1rem}.btn--block{width:100%}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;flex:none;place-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.icon-button:hover{background:var(--surface-soft);color:var(--ink);border-color:var(--line-strong)}.field{gap:6px;display:grid}.field>span{color:var(--ink-soft);font-size:.84rem;font-weight:650}.field>span em{color:var(--muted);font-style:normal;font-weight:500}.field input,.field select,.search-input input{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;min-height:42px;color:var(--ink);padding:9px 12px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#9aa7b8}.field input:focus,.field select:focus,.search-input input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #0e9f7a26}.field__inline{align-items:center;gap:8px;display:flex}.field__inline input{flex:1}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-error{border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);border:1px solid #f3c1bd;align-items:center;gap:8px;padding:11px 14px;font-size:.88rem;font-weight:600;display:flex}.switch-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;align-items:flex-start;gap:12px;padding:13px;transition:border-color .15s,background .15s;display:flex;position:relative}.switch-card:hover{border-color:var(--line-strong)}.switch-card input{opacity:0;pointer-events:none;position:absolute}.switch-card__track{border-radius:var(--radius-full);background:var(--line-strong);flex:none;width:38px;height:22px;margin-top:2px;transition:background .18s;position:relative}.switch-card__track:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:3px;left:3px}.switch-card input:checked+.switch-card__track{background:var(--brand-500)}.switch-card input:checked+.switch-card__track:after{transform:translate(16px)}.switch-card input:focus-visible+.switch-card__track{box-shadow:0 0 0 4px #0e9f7a33}.switch-card__text{gap:2px;display:grid}.switch-card__text strong{font-size:.9rem}.switch-card__text small{color:var(--muted);line-height:1.4}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:.76rem;font-weight:750;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge--active{background:var(--success-bg);color:var(--success)}.badge--ending_soon{background:var(--warning-bg);color:var(--warning)}.badge--overdue{background:var(--danger-bg);color:var(--danger)}.badge--pending{background:var(--neutral-pill-bg);color:var(--neutral-pill)}.badge--inactive{background:var(--warning-bg);color:var(--warning)}.badge--pending_deletion,.badge--deleted{background:var(--danger-bg);color:var(--danger)}.pill{border-radius:var(--radius-full);place-items:center;min-width:28px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-grid}.pill--warning{background:var(--warning-bg);color:var(--warning)}.avatar{border-radius:var(--radius-md);object-fit:cover;flex:none;width:44px;height:44px}.avatar--placeholder{background:linear-gradient(135deg, var(--brand-100), #cfe9f5);color:var(--brand-700);place-items:center;font-size:.92rem;font-weight:800;display:grid}.avatar--sm{border-radius:var(--radius-sm);width:36px;height:36px;font-size:.8rem}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.app-workspace{min-width:0}.sidebar{background:var(--navy-900);color:#e6edf5;flex-direction:column;gap:26px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:12px;padding:0 6px;display:flex}.sidebar__brand strong{font-family:var(--font-display);color:#fff;letter-spacing:.01em;font-size:1.12rem;display:block}.sidebar__brand span{color:#8da3bd;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:600}.sidebar__brand-logo{border-radius:var(--radius-sm);object-fit:contain;background:#fff;flex:none;width:42px;height:42px;padding:3px}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-500), #0c7a9e);color:#fff;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #0e9f7a59}.brand-mark--lg{border-radius:var(--radius-lg);width:52px;height:52px;margin-bottom:22px}.sidebar__nav{gap:4px;display:grid}.nav-item{border-radius:var(--radius-md);color:#b9c7d9;align-items:center;gap:11px;padding:11px 12px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item--active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#ffffff1a}.nav-item__count{border-radius:var(--radius-full);color:#fff;background:#d97706;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:.72rem;font-weight:800;display:grid}.sidebar__footer{gap:12px;margin-top:auto;display:grid}.sidebar__footer .btn--ghost{color:#c8d4e3;background:#ffffff0d;border-color:#ffffff24}.sidebar__footer .btn--ghost:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#ffffff40}.user-chip{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:11px;padding:11px;display:flex}.user-chip__info{min-width:0;display:grid}.user-chip__info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.user-chip__info span{color:#8da3bd;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.app-main{min-width:0;padding:28px 32px 48px}.app-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 32px;display:flex;position:sticky;top:0}.global-search{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);width:min(440px,52vw);min-height:40px;color:var(--muted);align-items:center;gap:10px;padding:0 13px;display:flex}.global-search:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #2f79721f}.global-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.app-topbar__actions{align-items:center;gap:10px;display:flex}.topbar-alert{border:1px solid var(--line);border-radius:var(--radius-md);width:40px;height:40px;color:var(--ink-soft);place-items:center;display:grid;position:relative}.topbar-alert span{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.64rem;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.page{gap:22px;width:100%;min-width:0;max-width:1320px;margin:0 auto;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-header__eyebrow{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800}.page-header h1{font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.5rem,2.6vw,2.05rem)}.page-header__sub{color:var(--muted);margin-top:6px;font-size:.94rem}.page-header__actions{flex-wrap:wrap;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:18px;display:flex}.stat-card__icon{border-radius:var(--radius-md);flex:none;place-items:center;width:40px;height:40px;display:grid}.stat-card--brand .stat-card__icon{background:var(--brand-50);color:var(--brand-600)}.stat-card--success .stat-card__icon{background:var(--success-bg);color:var(--success)}.stat-card--warning .stat-card__icon{background:var(--warning-bg);color:var(--warning)}.stat-card--danger .stat-card__icon{background:var(--danger-bg);color:var(--danger)}.stat-card--neutral .stat-card__icon{background:var(--neutral-pill-bg);color:var(--neutral-pill)}.stat-card__body{gap:2px;display:grid}.stat-card__label{color:var(--muted);font-size:.8rem;font-weight:650}.stat-card__value{font-family:var(--font-display);font-size:1.7rem;line-height:1.1}.stat-card__hint{color:var(--muted)}.dashboard-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.5fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel__header h2{font-family:var(--font-display);font-size:1.08rem}.panel__header p{color:var(--muted);margin-top:3px;font-size:.85rem}.attention-list{gap:8px;display:grid}.attention-list button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:11px;transition:border-color .15s,background .15s;display:flex}.attention-list button:hover{background:var(--surface-soft);border-color:var(--line-strong)}.attention-list__info{flex:1;min-width:0;display:grid}.attention-list__info strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.attention-list__info span{color:var(--muted);font-size:.8rem}.attention-list__chevron{color:var(--muted);flex:none}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.07em;text-align:left;text-transform:uppercase;padding:9px 12px;font-size:.74rem;font-weight:750}.data-table td{border-bottom:1px solid var(--line);color:var(--ink-soft);padding:11px 12px}.data-table tbody tr{cursor:pointer;transition:background .13s}.data-table tbody tr:hover{background:var(--surface-soft)}.data-table tbody tr:last-child td{border-bottom:0}.data-table__identity{align-items:center;gap:11px;min-width:0;display:flex}.data-table__identity strong{color:var(--ink);display:block}.data-table__identity span{color:var(--muted);font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.search-input{flex:280px;min-width:220px;position:relative}.search-input .icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-input input{padding-left:38px}.filter-tabs{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:4px;padding:4px;display:flex}.filter-tab{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 13px;font-size:.84rem;font-weight:650;transition:background .14s,color .14s}.filter-tab:hover{color:var(--ink)}.filter-tab--active{background:var(--navy-800);color:#fff}.toolbar__count{color:var(--muted);margin-left:auto;font-size:.84rem;font-weight:650}.center-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.center-card{border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);height:100%;box-shadow:var(--shadow-sm);gap:16px;padding:18px;transition:box-shadow .18s,border-color .18s;display:grid}.center-card:hover{box-shadow:var(--shadow-md)}.center-card--active{border-left-color:var(--success)}.center-card--ending_soon{border-left-color:#d97706}.center-card--overdue,.center-card--pending_deletion,.center-card--deleted{border-left-color:var(--danger)}.center-card--inactive{border-left-color:var(--warning)}.center-card--flash{animation:1.6s card-flash}@keyframes card-flash{0%,60%{box-shadow:0 0 0 4px #0e9f7a59}to{box-shadow:var(--shadow-sm)}}.center-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.center-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.center-card__titles{min-width:0}.center-card__titles h3{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.center-card__titles p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:3px;font-size:.84rem;display:flex;overflow:hidden}.center-card__stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding-block:14px;display:grid}.center-card__stats dt{color:var(--muted);font-size:.8rem}.center-card__stats dd{margin:4px 0 0;font-size:1.4rem;font-weight:700}.center-card__stats-unavailable{color:var(--muted);margin:0;font-size:.8rem}.center-card__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.center-card__facts>div{border-radius:var(--radius-md);background:var(--surface-soft);gap:4px;padding:10px 12px;display:grid}.center-card__facts dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:5px;font-size:.72rem;font-weight:750;display:flex}.center-card__facts dd{overflow-wrap:anywhere;font-size:.88rem;font-weight:650}.center-card__footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.center-card__renew{align-items:center;gap:8px;display:flex}.center-card__renew select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:34px;color:var(--ink);padding:5px 9px;font-size:.84rem}.center-card__actions{flex-wrap:wrap;gap:6px;display:flex}.center-directory-panel{min-width:0;padding:0;overflow:visible}.center-directory-table{min-width:1180px}.center-directory-table th{background:var(--surface-soft);letter-spacing:0;text-transform:none;white-space:nowrap;padding:12px 14px}.center-directory-table td{vertical-align:middle;padding:14px}.center-directory-row{border-left:3px solid #0000}.center-directory-row.center-card--active{border-left-color:var(--success)}.center-directory-row.center-card--ending_soon{border-left-color:#d97706}.center-directory-row.center-card--overdue,.center-directory-row.center-card--pending_deletion,.center-directory-row.center-card--deleted{border-left-color:var(--danger)}.center-directory-row.center-card--inactive{border-left-color:var(--warning)}.center-directory-row--flash td{animation:1.8s row-flash}@keyframes row-flash{0%,55%{background:#e7f3ef}to{background:0 0}}.center-directory__identity{min-width:190px}.center-directory__identity span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.copy-domain{border-radius:var(--radius-sm);max-width:210px;color:var(--brand-600);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.copy-domain:hover{border-color:var(--line);background:var(--brand-50)}.copy-domain span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subscription-remaining{background:var(--brand-50);min-height:28px;color:var(--brand-600);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.74rem;font-weight:750;display:inline-flex}.subscription-remaining--ending_soon,.subscription-remaining--inactive{background:var(--warning-bg);color:var(--warning)}.subscription-remaining--overdue,.subscription-remaining--pending_deletion,.subscription-remaining--deleted{background:var(--danger-bg);color:var(--danger)}.center-directory__actions{text-align:right;width:52px}.action-menu{display:inline-block;position:relative}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu[open] summary{border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}.action-menu__panel{z-index:15;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:220px;box-shadow:var(--shadow-lg);text-align:left;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.action-menu__panel>button{border-radius:var(--radius-sm);width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:9px 10px;font-size:.82rem;font-weight:650;display:flex}.action-menu__panel>button:hover{background:var(--surface-soft);color:var(--ink)}.action-menu__panel>button.is-danger{color:var(--danger)}.action-menu__renew{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px;margin-bottom:5px;padding:5px;display:grid}.action-menu__renew select,.action-menu__renew button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:34px;color:var(--ink);font-size:.76rem}.action-menu__renew button{border-color:var(--accent);background:var(--accent);color:#fff;cursor:pointer;padding-inline:10px;font-weight:700}.drawer-root,.modal-root{z-index:50;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b16268c;animation:.18s fade-in;position:absolute;inset:0}.drawer{background:var(--bg);width:min(520px,100%);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;margin-left:auto;animation:.24s cubic-bezier(.22,1,.36,1) slide-in;display:flex;position:relative}.drawer__header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px;display:flex}.drawer__header h2{font-family:var(--font-display);font-size:1.15rem}.drawer__header p{color:var(--muted);margin-top:3px;font-size:.86rem}.drawer__body{flex:1;padding:22px 24px;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.center-form{gap:16px;display:grid}.form-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:14px;padding:16px;display:grid}.form-card__header{color:var(--brand-600);align-items:center;gap:8px;display:flex}.form-card__header h3{color:var(--ink);font-size:.95rem}.logo-upload{align-items:center;gap:14px;display:flex}.logo-upload__preview{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--line);width:56px;height:56px}.logo-upload__placeholder{border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);width:56px;height:56px;color:var(--muted);place-items:center;display:grid}.logo-upload__control{cursor:pointer}.center-form__actions{justify-content:flex-end;gap:10px;padding-bottom:8px;display:flex}.modal-root{justify-content:center;align-items:center;padding:20px}.modal{border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-lg);text-align:center;gap:10px;padding:26px;animation:.2s cubic-bezier(.22,1,.36,1) pop-in;display:grid;position:relative}.modal h3{font-family:var(--font-display);font-size:1.12rem}.modal p{color:var(--muted);font-size:.9rem;line-height:1.55}.modal__icon{border-radius:var(--radius-full);place-items:center;width:48px;height:48px;margin:0 auto 4px;display:grid}.modal__icon--danger{background:var(--danger-bg);color:var(--danger)}.modal__icon--warning{background:var(--warning-bg);color:var(--warning)}.modal__actions{justify-content:center;gap:10px;margin-top:10px;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.toast-stack{z-index:80;gap:10px;width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);align-items:center;gap:11px;padding:13px 14px;animation:.22s cubic-bezier(.22,1,.36,1) toast-in;display:flex}.toast p{flex:1;font-size:.88rem;font-weight:600}.toast__dot{border-radius:50%;flex:none;width:9px;height:9px}.toast--success .toast__dot{background:var(--success);box-shadow:0 0 0 4px var(--success-bg)}.toast--error .toast__dot{background:var(--danger);box-shadow:0 0 0 4px var(--danger-bg)}.toast--info .toast__dot{background:var(--brand-500);box-shadow:0 0 0 4px var(--brand-50)}.toast__close{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex:none;padding:2px 6px;font-size:1.15rem;line-height:1}.toast__close:hover{background:var(--surface-soft);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-soft);text-align:center;justify-items:center;gap:8px;padding:36px 20px;display:grid}.empty-state__icon{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);width:52px;height:52px;color:var(--muted);place-items:center;margin-bottom:4px;display:grid}.empty-state h3{font-size:1rem}.empty-state p{color:var(--muted);max-width:360px;font-size:.88rem}.empty-state .btn{margin-top:8px}.skeleton-list{gap:12px;display:grid}.skeleton-row,.skeleton-card{border-radius:var(--radius-lg);background:linear-gradient(90deg,#e9edf3 25%,#f4f6fa 50%,#e9edf3 75%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.skeleton-row{height:56px}.skeleton-card{height:220px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.boot-screen{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--brand-500);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(1000px 500px at 85% -10%, #0e9f7a24, transparent 60%), radial-gradient(800px 500px at -10% 110%, #0c7a9e1f, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(1020px,100%);box-shadow:var(--shadow-lg);border-radius:22px;grid-template-columns:minmax(300px,1.05fr) minmax(320px,.95fr);display:grid;overflow:hidden}.login-card__brand{background:radial-gradient(600px 400px at 110% -20%, #0e9f7a59, transparent 60%), linear-gradient(160deg, var(--navy-800), var(--navy-900));color:#dbe6f2;flex-direction:column;justify-content:space-between;gap:30px;padding:42px;display:flex}.login-card__brand-logo{border-radius:var(--radius-sm);background:#fff;border:1px solid #ffffff59;width:min(290px,100%);height:112px;margin-bottom:24px;padding:12px 16px}.login-card__brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.login-card__eyebrow{color:var(--brand-500);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800}.login-card__brand h1{max-width:420px;font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.18}.login-card__copy{color:#9fb2c8;max-width:410px;margin-top:14px;font-size:.95rem;line-height:1.65}.login-card__points{border-top:1px solid #ffffff1f;gap:12px;padding-top:24px;display:grid}.login-card__points li{color:#b9c9dc;align-items:center;gap:11px;font-size:.9rem;font-weight:550;display:flex}.login-card__points .icon{color:var(--brand-500);flex:none}.login-card__form{align-content:center;gap:18px;padding:42px;display:grid}.login-card__form h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.5rem}.login-card__footnote{color:var(--muted);text-align:center;font-size:.8rem}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.center-grid{grid-template-columns:1fr}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:16px;height:auto;padding:14px 18px;position:static}.sidebar__brand strong{font-size:1rem}.sidebar__nav{flex:1;gap:6px;display:flex}.nav-item{padding:9px 12px}.nav-item span:not(.nav-item__count){display:none}.sidebar__footer{align-items:center;margin-top:0;display:flex}.user-chip{display:none}.app-main{padding:20px 18px 40px}.login-card{grid-template-columns:1fr}.login-card__brand{gap:22px;min-height:0;padding:30px}.login-card__points{display:none}}@media (width<=640px){.sidebar{flex-wrap:wrap}.sidebar__nav{flex:1 0 100%;order:3;justify-content:center}.sidebar__footer{margin-left:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}.toolbar__count{margin-left:0}.filter-tabs{width:100%;overflow-x:auto}.field-row,.center-card__facts{grid-template-columns:1fr}.center-card__footer{flex-direction:column;align-items:stretch}.center-card__renew{width:100%}.center-card__renew select{flex:1}.center-card__actions{justify-content:stretch}.center-card__actions .btn{flex:1}.login-card__form,.login-card__brand{padding:26px 22px}}.dashboard-page{max-width:1500px}.dashboard-heading{align-items:center}.dashboard-heading>div,.dashboard-command-grid,.dashboard-command-grid>*,.dashboard-lower-grid,.dashboard-lower-grid>*,.network-panel{min-width:0}.icon-button--labelled{gap:7px;width:auto;padding-inline:12px;font-weight:650}.stats-grid--dashboard{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stats-grid--dashboard .stat-card{min-width:0;min-height:126px;box-shadow:none;gap:12px;padding:16px}.stats-grid--dashboard .stat-card__icon{width:36px;height:36px}.stats-grid--dashboard .stat-card__value{letter-spacing:0;margin-top:2px;font-size:1.55rem}.stats-grid--dashboard .stat-card__hint{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.35}.dashboard-command-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}.dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;display:grid}.dashboard-page .panel{box-shadow:none;padding:18px}.panel__header--centered{align-items:center}.panel-count{background:var(--accent-soft);min-width:28px;height:28px;color:var(--accent-dark);border-radius:999px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.table-scroll{width:100%;overflow-x:auto}.network-table{min-width:800px}.network-table th{background:var(--surface-soft);letter-spacing:0;text-transform:none;padding-block:10px}.network-table td{vertical-align:middle;padding-block:13px}.network-table .data-table__identity{min-width:180px}.network-table .data-table__identity span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.table-number{font-variant-numeric:tabular-nums;text-align:center;font-weight:750;color:var(--ink)!important}.table-primary-text,.table-secondary-text{white-space:nowrap;display:block}.table-primary-text{color:var(--ink);font-size:.82rem}.table-secondary-text{color:var(--muted);margin-top:3px;font-size:.72rem}.health-indicator,.health-state{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.76rem;font-weight:650;display:inline-flex}.health-indicator i,.health-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.is-healthy{color:var(--success)}.is-warning{color:var(--warning)}.attention-list--compact button{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0}.attention-list--compact li:last-child button{border-bottom:0}.compact-empty{border:1px solid var(--line);background:var(--surface-soft);align-items:center;gap:12px;padding:14px;display:flex}.compact-empty__icon{background:var(--success-bg);width:36px;height:36px;color:var(--success);border-radius:50%;flex:none;place-items:center;display:grid}.compact-empty strong{font-size:.86rem}.compact-empty p{color:var(--muted);margin-top:2px;font-size:.76rem}.rail-notice{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #efd7cb;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;text-decoration:none;display:flex}.rail-notice span{flex:1;min-width:0;display:grid}.rail-notice strong{font-size:.82rem}.rail-notice small{color:#8e5e49;font-size:.72rem}.health-list{display:grid}.health-list li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.health-list li:last-child{border-bottom:0;padding-bottom:0}.health-list__icon{background:var(--brand-50);width:34px;height:34px;color:var(--brand-600);border-radius:50%;place-items:center;display:grid}.health-list li>div{min-width:0;display:grid}.health-list strong{font-size:.84rem}.health-list small{color:var(--muted);margin-top:2px;font-size:.72rem}.footprint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;display:grid}.footprint-item{gap:8px;display:grid}.footprint-item>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.footprint-item span{color:var(--muted);font-size:.78rem;font-weight:650}.footprint-item strong{font-variant-numeric:tabular-nums;font-size:.9rem}.footprint-track{background:#edf0ec;border-radius:999px;width:100%;height:6px;overflow:hidden}.footprint-track i{border-radius:inherit;background:var(--brand-500);height:100%;display:block}.text-link{color:var(--accent-dark);font-size:.8rem;font-weight:750;text-decoration:none}.recent-list{display:grid}.recent-list li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.recent-list li:last-child{border-bottom:0}.recent-list li>div{min-width:0;display:grid}.recent-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.recent-list span{color:var(--muted);font-size:.72rem}@media (width<=1280px){.stats-grid--dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-command-grid,.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.app-topbar{padding:12px 18px;top:0}.global-search{width:min(520px,100%)}}@media (width<=700px){.app-topbar__actions .btn span,.icon-button--labelled span{display:none}.app-topbar__actions .btn{width:40px;padding:0}.stats-grid--dashboard,.dashboard-rail,.footprint-grid{grid-template-columns:1fr 1fr}.stats-grid--dashboard .stat-card{min-height:112px}}@media (width<=480px){.app-topbar{gap:8px;padding-inline:14px}.app-topbar__actions{gap:6px}.app-main{padding-inline:14px}.dashboard-heading h1,.dashboard-heading .page-header__sub{overflow-wrap:anywhere}.stats-grid--dashboard,.dashboard-rail,.footprint-grid{grid-template-columns:1fr}.global-search{min-height:38px}.global-search input::placeholder{color:#0000}}.demo-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.demo-search{flex:260px;align-items:center;gap:8px;display:flex}.demo-search input{color:#142033;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:12px}.demo-filters{flex-wrap:wrap;gap:4px;display:flex}.demo-filters button{color:#53637a;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.demo-filters button[aria-pressed=true]{color:#fff;background:#132234}.demo-filters span{opacity:.8;font-size:11px}.demo-workspace{align-items:start;gap:24px;display:grid}.demo-workspace.has-selection{grid-template-columns:minmax(0,1fr) 340px}.demo-list{border-top:1px solid #d6dfe8;min-width:0}.demo-table-scroll{overflow-x:auto}.demo-inbox .data-table th,.demo-inbox .data-table td{padding:16px 12px}.demo-inbox .data-table td{vertical-align:middle;font-size:12px}.demo-inbox .data-table td:first-child{overflow-wrap:anywhere;min-width:160px}.demo-inbox .data-table td:first-child strong{font-size:14px;display:block}.demo-inbox .data-table td:first-child a{color:#087f69;font-size:11px;display:block}.demo-contact-name{color:#617188;margin-block:4px;display:block}.demo-inbox tr.is-selected{background:#eaf7f2}.demo-status{color:#58697c;background:#edf1f5;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:650;display:inline-block}.demo-status--new{color:#126590;background:#e5f3fd}.demo-status--contacted{color:#8b5c12;background:#fff1d5}.demo-status--scheduled{color:#187447;background:#dbf4e7}.demo-pagination{color:#617188;border-top:1px solid #d6dfe8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:12px;display:flex}.demo-pagination>div{gap:8px;display:flex}.demo-empty{text-align:center;color:#617188;justify-items:center;gap:12px;padding:60px 20px;display:grid}.demo-empty h2{color:#263c50;margin:0;font-size:18px}.demo-empty p{max-width:380px;margin:0;font-size:13px}.demo-detail{background:#fff;border:1px solid #d6dfe8;border-radius:6px;min-width:0;padding:24px}.demo-detail header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.demo-detail header span{color:#617188;font-size:11px}.demo-detail h2{overflow-wrap:anywhere;margin:5px 0 0;font-size:20px}.demo-detail h3{margin-top:24px;font-size:13px}.demo-detail dl{grid-template-columns:72px minmax(0,1fr);gap:12px;margin-block:25px;font-size:12px;display:grid}.demo-detail dt{color:#617188}.demo-detail dd{overflow-wrap:anywhere;margin:0}.demo-detail a{color:#087f69}.demo-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#455770;font-size:13px;line-height:1.7}.demo-detail form{border-top:1px solid #d6dfe8;gap:10px;margin-top:22px;padding-top:20px;display:grid}.demo-detail label{font-size:12px;font-weight:650}.demo-detail select,.demo-detail textarea{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;padding:10px;font-size:13px}.demo-detail textarea{resize:vertical}.demo-detail form button{margin-top:8px}.demo-danger-zone{border-top:1px solid #f1c8c8;margin-top:18px;padding-top:18px}.demo-danger-zone .btn{width:100%}.demo-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1250px){.demo-workspace.has-selection{grid-template-columns:1fr}.demo-detail{grid-row:1}}