@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--mint-500: #0fd082;--mint-400: #3ddea0;--mint-200: #b8f5dd;--ink-900: #091922;--ink-700: #1a3040;--ink-500: #3d5a6b;--ink-300: #697378;--off-white: #f5f7f8;--white: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink-900);background:radial-gradient(circle at top left,#e5fbf2,#f7fafb 55%,#fff);min-height:100vh}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#0f222d;color:#f2f7f9;padding:32px 24px}.sidebar h1{font-size:20px;margin:0 0 24px}.sidebar nav a{display:block;color:inherit;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:8px;background:#ffffff0f}.sidebar nav a.active{background:#0fd08233;color:#e5fbf2}.main-content{flex:1;padding:40px 48px}.page-title{font-size:28px;margin-bottom:16px}.card{background:var(--white);border-radius:16px;padding:20px;box-shadow:0 18px 40px #09192214;margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:12px 18px;font-weight:600;cursor:pointer}.btn-primary{background:var(--mint-500);color:var(--ink-900)}.btn-secondary{background:transparent;color:var(--ink-900);border:1px solid var(--ink-300)}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d9e2e7;margin-top:6px}.form-row{margin-bottom:16px}.badge{background:var(--mint-200);color:var(--ink-700);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.customer-hero{max-width:960px;margin:0 auto;padding:40px 24px}.hero-card{background:linear-gradient(135deg,#0fd0822e,#0919220d);border-radius:24px;padding:32px;box-shadow:0 20px 50px #0919221f}@media (max-width: 960px){.app-shell{flex-direction:column}.sidebar{width:100%}.main-content{padding:24px}}