:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f6f8f7;--surface: #ffffff;--surface-muted: #eef3f1;--text: #202427;--muted: #68716d;--border: #dfe6e2;--primary: #0f766e;--primary-dark: #115e59;--primary-soft: #d9f1ed;--amber: #b7791f;--amber-soft: #fff1cc;--green: #2f855a;--green-soft: #ddf4e8;--rose: #be3155;--rose-soft: #ffe1ea;--shadow: 0 18px 45px rgba(32, 36, 39, .08)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}small{color:var(--muted);font-size:.83rem}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.button{min-height:42px;gap:.5rem;padding:.65rem 1rem;border-radius:8px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.72}.button--primary{color:#fff;background:var(--primary)}.button--primary:hover{background:var(--primary-dark)}.button--secondary{color:var(--text);border:1px solid var(--border);background:var(--surface)}.button--secondary:hover,.button--ghost:hover,.icon-button:hover{background:var(--surface-muted)}.button--ghost{color:var(--muted);background:transparent}.icon-button{width:40px;height:40px;flex:0 0 40px;border-radius:8px;color:var(--text);background:transparent}.language-toggle{display:inline-flex;min-height:36px;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.language-toggle__button{min-width:38px;min-height:28px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem;font-weight:900}.language-toggle__button--active{color:#fff;background:var(--primary)}.app-shell{display:flex;min-height:100vh}.app-main{min-width:0;flex:1;padding-left:280px}.page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:24px 0 40px}.page-stack{display:grid;gap:24px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:280px;padding:20px;border-right:1px solid var(--border);background:#fbfcfb}.sidebar__brand,.auth-panel__brand{display:flex;align-items:center;gap:.75rem}.sidebar__brand{min-height:48px;margin-bottom:28px}.sidebar__brand strong,.auth-panel__brand strong{display:block;font-size:1rem}.sidebar__brand span,.auth-panel__brand span{display:block;color:var(--muted);font-size:.82rem}.brand-mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:var(--primary)}.sidebar__close{display:none;margin-left:auto}.sidebar__nav{display:grid;gap:.35rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:0 .8rem;border-radius:8px;color:var(--muted);font-weight:700}.sidebar-link:hover,.sidebar-link--active{color:var(--primary-dark);background:var(--primary-soft)}.app-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;border:0;background:#2024275c}.topbar{position:sticky;top:0;z-index:10;display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:1rem;padding:0 24px;border-bottom:1px solid var(--border);background:#f6f8f7e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar__title-row{display:flex;min-width:0;align-items:center;gap:.8rem}.topbar__menu{display:none}.topbar__eyebrow,.profile-header__eyebrow{display:block;margin-bottom:.15rem;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.topbar h1{overflow-wrap:anywhere;font-size:1.35rem;line-height:1.2}.topbar__profile{display:flex;align-items:center;gap:.7rem}.topbar__user{display:grid;gap:.1rem}.topbar__user strong{font-size:.92rem}.topbar__user span{color:var(--muted);font-size:.82rem}.avatar{display:inline-flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--primary);font-weight:800}.avatar--soft{color:var(--primary-dark);background:var(--primary-soft)}.avatar--large{width:74px;height:74px;flex-basis:74px;font-size:1.35rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:flex;min-height:134px;gap:1rem;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stat-card__icon,.details-card__icon{display:inline-flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:8px;color:var(--primary-dark);background:var(--primary-soft)}.stat-card--amber .stat-card__icon,.details-card__icon--amber{color:var(--amber);background:var(--amber-soft)}.stat-card--green .stat-card__icon,.details-card__icon--green{color:var(--green);background:var(--green-soft)}.stat-card--rose .stat-card__icon{color:var(--rose);background:var(--rose-soft)}.stat-card__label{color:var(--muted);font-size:.86rem;font-weight:800}.stat-card__value{display:block;margin:.25rem 0;font-size:2rem;line-height:1}.stat-card__helper{color:var(--muted);font-size:.84rem}.content-section{display:grid;gap:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2{font-size:1.25rem}.section-heading p{margin-top:.3rem;color:var(--muted)}.recent-list{display:grid;gap:10px}.recent-user{display:grid;min-height:70px;grid-template-columns:38px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.recent-user:hover{border-color:#bdd6cf}.recent-user strong,.user-cell strong{display:block;overflow-wrap:anywhere}.recent-user small,.user-cell small{display:block;margin-top:.18rem}.table-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,190px) minmax(140px,180px) auto;gap:12px;align-items:end}.search-field,.select-field{display:flex;min-height:44px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.search-field{gap:.7rem;padding:0 .85rem}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent}.select-field{flex-direction:column;align-items:stretch;justify-content:center;gap:.1rem;padding:.35rem .7rem;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.select-field select{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:.92rem;font-weight:700;text-transform:none}.table-toolbar__sort{min-width:100px}.filter-summary{min-height:28px;display:flex;align-items:center;color:var(--muted);font-size:.84rem;font-weight:800}.table-card{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);background:#fbfcfb;font-size:.76rem;font-weight:900;text-transform:uppercase}td{color:var(--text)}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfa}.skeleton-row td{padding:16px}.skeleton-row span{display:block;height:34px;border-radius:8px;background:linear-gradient(90deg,#edf2f0,#f8faf9,#edf2f0);background-size:200% 100%;animation:skeleton-pulse 1.1s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.user-cell{display:flex;align-items:center;gap:.8rem}.table-main-text{display:block;margin-bottom:.2rem;overflow-wrap:anywhere}.status-message{display:grid;place-items:center;min-height:220px;gap:.6rem;padding:32px;border:1px dashed var(--border);border-radius:8px;background:var(--surface);text-align:center}.status-message p{color:var(--muted)}.status-message__action{margin-top:.4rem}.page-back{justify-self:start}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.profile-header__identity{display:flex;min-width:0;align-items:center;gap:1rem}.profile-header h2{overflow-wrap:anywhere;font-size:1.6rem}.profile-header p{margin-top:.2rem;color:var(--muted)}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.details-card{display:flex;min-height:180px;gap:1rem;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.details-card h3{margin-bottom:.85rem;font-size:1rem}.details-card p,.inline-link{display:flex;gap:.5rem;align-items:center;margin-bottom:.65rem;overflow-wrap:anywhere}.details-card small{display:block;margin-bottom:.85rem;line-height:1.45}.inline-link{color:var(--primary-dark);font-weight:800}.auth-page{display:grid;min-height:100vh;grid-template-columns:minmax(320px,460px) minmax(0,1fr);background:var(--bg)}.auth-panel{display:flex;flex-direction:column;justify-content:center;gap:34px;padding:48px;border-right:1px solid var(--border);background:var(--surface)}.auth-panel__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-panel__heading{display:grid;gap:.7rem}.auth-panel__heading h1{font-size:2.2rem}.auth-panel__heading p{color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:.45rem;color:var(--text);font-weight:800}.auth-form input{min-height:46px;width:100%;border:1px solid var(--border);border-radius:8px;padding:0 .9rem;outline:0}.auth-form input:focus,.search-field:focus-within,.select-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #0f766e1f}.form-error{color:var(--rose);font-weight:800}.auth-preview{display:grid;place-items:center;padding:48px}.preview-window{width:min(680px,100%);border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.preview-window__bar{display:flex;gap:.4rem;padding:14px;border-bottom:1px solid var(--border);background:#fbfcfb}.preview-window__bar span{width:10px;height:10px;border-radius:50%;background:var(--border)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px}.preview-metric,.preview-chart,.preview-list{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.preview-metric{min-height:88px}.preview-metric--green{background:var(--green-soft)}.preview-metric--amber{background:var(--amber-soft)}.preview-metric--rose{background:var(--rose-soft)}.preview-chart{display:flex;min-height:260px;grid-column:span 2;align-items:end;gap:14px;padding:20px}.preview-chart span{flex:1;min-height:30px;border-radius:8px 8px 0 0;background:var(--primary)}.preview-list{display:grid;align-content:start;gap:14px;min-height:260px;padding:20px}.preview-list span{height:16px;border-radius:999px;background:#d5ded9}@media(max-width:1060px){.metrics-grid,.details-grid,.table-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.app-main{padding-left:0}.sidebar{transform:translate(-100%);transition:transform .18s ease}.sidebar--open{transform:translate(0)}.sidebar__close,.topbar__menu,.app-overlay{display:inline-flex}.page{width:min(100% - 32px,1180px)}.topbar__user{display:none}.auth-page{grid-template-columns:1fr}.auth-panel{min-height:100vh;border-right:0}.auth-panel__top{align-items:flex-start;flex-direction:column}.auth-preview{display:none}}@media(max-width:640px){.topbar{min-height:72px;padding:0 16px}.page{width:min(100% - 24px,1180px);padding-top:18px}.metrics-grid,.details-grid,.table-toolbar{grid-template-columns:1fr}.section-heading,.profile-header{align-items:stretch;flex-direction:column}.recent-user{grid-template-columns:38px minmax(0,1fr)}.recent-user>small{grid-column:2}.auth-panel{padding:28px}.auth-panel__heading h1{font-size:1.9rem}}:root{--bg: #f4f7f6;--surface-muted: #f0f5f3;--text: #18201f;--muted: #65716f;--border: #dce6e3;--blue: #2563eb;--blue-soft: #dbeafe;--gray-soft: #edf1f0;--shadow: 0 18px 45px rgba(24, 32, 31, .07);--shadow-soft: 0 8px 22px rgba(24, 32, 31, .06)}body{background:linear-gradient(180deg,#ffffffb8,#f4f7f600 280px),var(--bg)}.button--primary{box-shadow:0 10px 24px #0f766e38}.button--secondary,.panel,.stat-card,.profile-header,.account-summary-grid article,.details-card,.table-card{box-shadow:var(--shadow-soft)}.sidebar{background:#fbfcfbf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{background:linear-gradient(135deg,var(--primary),#174b45);box-shadow:0 12px 26px #0f766e3d}.topbar{background:#f4f7f6db}.eyebrow{display:block;margin-bottom:.4rem;color:var(--primary-dark);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft)}.page-intro h2{font-size:1.8rem;line-height:1.15}.page-intro p{max-width:650px;margin-top:.55rem;color:var(--muted);line-height:1.55}.panel{padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.stat-card__value{font-size:clamp(1.55rem,2vw,2rem)}.badge{display:inline-flex;width:max-content;min-height:28px;align-items:center;justify-content:center;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.badge--gray{color:var(--muted);background:var(--gray-soft)}.badge--blue{color:#1d4ed8;background:var(--blue-soft)}.badge--green{color:var(--green);background:var(--green-soft)}.badge--amber{color:var(--amber);background:var(--amber-soft)}.badge--rose{color:var(--rose);background:var(--rose-soft)}.revenue-chart{display:grid;min-height:260px;grid-template-columns:repeat(8,minmax(34px,1fr));gap:12px;align-items:end;padding-top:18px}.revenue-chart__item{display:grid;min-width:0;gap:.65rem;align-items:end;text-align:center}.revenue-chart__item span{display:block;min-height:44px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#14b8a6,var(--primary-dark));box-shadow:0 12px 22px #0f766e2e}.revenue-chart__item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-list{display:grid;gap:12px}.health-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:1rem;align-items:center;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fbfcfb}.health-row:hover{border-color:#b7d3cc}.health-row strong{display:block;overflow-wrap:anywhere}.health-meter{display:flex;align-items:center;gap:.65rem}.health-meter--compact{min-width:150px}.health-meter__bar{position:relative;display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.health-meter__bar i{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit}.health-meter__bar--green i{background:var(--green)}.health-meter__bar--amber i{background:var(--amber)}.health-meter__bar--rose i{background:var(--rose)}.health-meter b{min-width:38px;font-size:.86rem}.recent-user__meta{display:grid;justify-items:end;gap:.35rem}.table-toolbar{grid-template-columns:minmax(260px,1fr) minmax(130px,160px) minmax(130px,160px) minmax(150px,180px) minmax(130px,160px) auto}table{min-width:1080px}.profile-header__actions{display:flex;align-items:center;gap:.7rem}.account-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.account-summary-grid article{display:grid;gap:.35rem;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.account-summary-grid span{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.account-summary-grid strong{font-size:1.45rem}.details-card__icon--blue{color:var(--blue);background:var(--blue-soft)}.auth-page{background:linear-gradient(90deg,#ffffff 0 34%,transparent 34%),var(--bg)}.auth-panel{background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel__heading h1{max-width:380px;font-size:2.35rem;line-height:1.08}.auth-form input{background:#fbfcfb}.preview-window{box-shadow:0 24px 70px #18201f1f}.preview-window__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px 22px 0}.preview-window__header strong{font-size:1rem}@media(max-width:1060px){.dashboard-grid{grid-template-columns:1fr}.account-summary-grid,.table-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-intro,.profile-header{align-items:stretch;flex-direction:column}.account-summary-grid,.table-toolbar{grid-template-columns:1fr}.recent-user__meta{grid-column:2;justify-items:start}.profile-header__actions{align-items:stretch;flex-direction:column}.health-row{grid-template-columns:1fr}.revenue-chart{grid-template-columns:repeat(4,minmax(34px,1fr))}}body{line-height:1.45}h1,h2,h3{letter-spacing:-.01em}.panel,.stat-card,.details-card,.recent-user,.health-row,.table-card,.profile-header,.account-summary-grid article{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.recent-user:hover,.health-row:hover,.details-card:hover{transform:translateY(-2px)}.button,.icon-button,.language-toggle__button,.sidebar-link{transition:transform .14s ease,background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.button:active,.icon-button:active,.language-toggle__button:active{transform:translateY(1px) scale(.99)}.table-card tbody tr{transition:background-color .16s ease}.skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,#edf2f0,#f9fbfa,#edf2f0);background-size:220% 100%;animation:skeleton-wave 1.1s ease-in-out infinite}.skeleton--avatar{width:38px;height:38px;border-radius:50%}.skeleton--title{width:75%;height:14px;margin-bottom:8px}.skeleton--text{width:52%;height:12px}.skeleton--chip{width:88px;height:26px;border-radius:999px}.skeleton--meter{width:100%;max-width:170px;height:10px;border-radius:999px}.skeleton--chart{min-height:84px;border-radius:8px 8px 4px 4px}@keyframes skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-spinner{width:34px;height:34px;border:3px solid #d9e4e1;border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message--loading{gap:.9rem}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:200;display:grid;gap:8px;width:min(360px,calc(100vw - 24px))}.toast{padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:.88rem;font-weight:700;animation:toast-in .2s ease-out}.toast--info{border-color:#bdd6cf}.toast--success{color:#1f6d48;border-color:#b7e2cb;background:#f1fbf5}.toast--error{color:#9d2345;border-color:#f1bfd0;background:#fff4f8}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}