@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap');
:root{--ink:#17211d;--muted:#6c7671;--line:#e4e8e5;--paper:#f7f8f6;--white:#fff;--green:#176b55;--green2:#dff3eb;--nav:#122c25;--shadow:0 14px 35px rgba(24,45,37,.08)}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,strong,.brand{font-family:'Manrope',sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#e9f1ed;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:20px;padding:0 8px 28px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#d9a85c;color:#122c25;display:grid;place-items:center;font-weight:700}.brand strong{color:#d9a85c}.nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#799188;margin:22px 12px 8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:9px;color:#b9c9c3;margin:3px 0;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#21483d;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #d9a85c}.sidebar-foot{margin-top:auto;border-top:1px solid #2b493f;padding:18px 4px 0;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#d9a85c;color:#18362d;display:grid;place-items:center;font-weight:700}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:#8ba198;margin-top:3px}.sidebar-foot button{background:none;border:0;color:#90a69e;cursor:pointer}main{grid-column:2}header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:30px;position:sticky;top:0;z-index:10}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:10px;color:var(--green)}.search{margin-left:auto;width:300px;background:#f5f6f4;border:1px solid #e6e9e7;border-radius:8px;padding:9px 11px;color:#9aa19d;font-size:13px}.search kbd{float:right;background:#fff;border:1px solid #ddd;border-radius:4px;padding:0 5px}.live-dot{font-size:12px;color:#52a681}.content{padding:36px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-head h1{font-size:28px;margin:7px 0 0}.page-head h1 span{display:block;font-family:'DM Sans';font-size:14px;font-weight:400;color:var(--muted);margin-top:6px}.button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 12px rgba(23,107,85,.2)}.button.wide{width:100%;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:45px 1fr}.metric-icon{grid-row:1/4;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:700}.metric-icon.blue{background:#e1eef8;color:#347ca9}.metric-icon.violet{background:#ede8fa;color:#6b55a2}.metric-icon.green{background:#dff3eb;color:#26755f}.metric-icon.amber{background:#fbefd9;color:#b27822}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:25px}.metrics small{color:#85908b}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px rgba(20,40,32,.02)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.panel-head h2{font-size:16px;margin:0}.panel-head p,.panel-head a{font-size:12px;color:var(--muted);margin:4px 0 0}.panel-head a{color:var(--green);font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#87908c;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:11px 20px;background:#fafbfa}td{padding:14px 20px;border-top:1px solid #edf0ee}td strong,td small{display:block}td small{font-size:11px;color:#8a938e;margin-top:3px}.right{text-align:right}.status{display:inline-block;background:#e5f3ed;color:#26755f;padding:4px 8px;border-radius:20px;font-size:11px}.quick>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:11px}.quick>a>span{background:#edf4f1;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--green)}.quick small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.flow{margin-top:20px;background:#17392f;color:#fff;border-radius:12px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between}.flow>div{display:grid;grid-template-columns:32px 1fr;column-gap:9px}.flow-step{grid-row:1/3;width:28px;height:28px;border:1px solid #59786e;border-radius:50%;display:grid;place-items:center;font-size:11px}.flow-step.done{background:#d9a85c;border-color:#d9a85c;color:#17392f}.flow strong{font-size:12px}.flow small{color:#89a49a;font-size:10px}.flow i{height:1px;flex:1;background:#426459;margin:0 18px}.loading{padding:80px;text-align:center;color:var(--muted)}.list-panel{overflow:hidden}.toolbar{padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.toolbar>span{font-size:12px;color:var(--muted)}.filter{border:1px solid var(--line);padding:8px 11px;border-radius:8px;width:300px;color:#8c9590}.filter input{border:0;outline:0;width:90%;margin-left:5px}.link-button{background:none;border:0;color:var(--green);font-weight:600;cursor:pointer}.stock-low{color:#b46c18;font-weight:700}.drawer{position:fixed;z-index:30;right:0;top:0;bottom:0;width:520px;background:#fff;box-shadow:-20px 0 50px rgba(18,44,37,.15);padding:28px}.drawer-head{display:flex;justify-content:space-between;margin-bottom:25px}.drawer-head h2{margin:5px 0}.drawer-head button{font-size:24px;border:0;background:none;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.login-card label{font-size:12px;font-weight:600}.form-grid input,.form-grid select,.login-card input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #ccd3cf;border-radius:7px}.check{display:block;margin:20px 0;font-size:13px}.drawer-actions{position:absolute;bottom:0;left:0;right:0;padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{padding:20px}.module>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.status.planned{background:#f0f1ef;color:#747c78}.status.foundation{background:#fbefd9;color:#9d671b}.login-page{min-height:100vh;display:grid;grid-template-columns:45% 55%;background:#fff}.login-story{background:#15382e;color:#fff;padding:42px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #31554a;border-radius:50%;right:-240px;bottom:-190px;box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.015)}.login-story h1{font-size:46px;line-height:1.12;margin:15px 0}.login-story p{color:#a7bcb5;max-width:440px;line-height:1.7}.eyebrow.light{color:#d9a85c}.login-story blockquote{font-size:12px;color:#8ea69e;margin:0}.login-form{display:grid;place-items:center}.login-card{width:390px}.login-card h2{font-size:27px;margin:10px 0}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:30px}.login-card label{display:block;margin-top:17px}.login-card input{padding:12px}.form-error{background:#fff0ef;color:#a53b36;border-radius:7px;padding:10px;margin-top:15px;font-size:12px}.demo-note{margin-top:25px;padding:14px;background:#f2f6f4;border-radius:8px}.demo-note strong,.demo-note span{display:block;font-size:11px}.demo-note span{color:var(--muted);margin-top:3px}.validation-message,.validation-errors{color:#b32121;font-size:11px}.auth-redirect{padding:50px}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#b32121;color:white;width:100%;padding:12px;z-index:100}
@media(max-width:900px){.shell{grid-template-columns:74px 1fr}.sidebar{width:74px;padding:25px 10px}.brand span:last-child,.sidebar nav span,.nav-label,.sidebar-foot>div:not(.avatar),.sidebar-foot button{display:none}.brand{padding-left:10px}.sidebar nav a{justify-content:center}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.flow{display:none}.content{padding:24px}.search{display:none}.module-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-story{display:none}}@media(max-width:600px){.metrics,.module-grid{grid-template-columns:1fr}.drawer{width:100%}.form-grid{grid-template-columns:1fr}.content{padding:18px}.page-head{align-items:flex-start}.page-head .button{font-size:0}.page-head .button:first-letter{font-size:16px}.login-card{width:calc(100vw - 40px)}}