:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172b45;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#10243d;color:#dbe8f5;padding:28px 17px;position:fixed;inset:0 auto 0 0}.logo{font-size:24px;font-weight:800;color:white;letter-spacing:-.8px;padding:0 12px 30px}.logo span{color:#40d3c2}.nav{display:grid;gap:7px}.nav a{padding:13px 14px;border-radius:10px;font-weight:600;font-size:14px}.nav a:hover,.nav a.active{background:#224460;color:white}.sidebar .small{position:absolute;bottom:20px;font-size:12px;color:#9fb2c8;padding:0 12px}.main{margin-left:255px;flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 38px;border-bottom:1px solid #e2e9f2;background:#fff}.top .tag{font-size:12px;color:#0a7e76;background:#e5faf5;padding:7px 12px;border-radius:30px;font-weight:700}.content{max-width:1250px;margin:auto;padding:34px 38px 70px}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#0d9185;font-weight:800}.hero{background:linear-gradient(110deg,#163858,#0c766f);border-radius:19px;color:white;padding:38px 40px;margin-bottom:26px}.hero h1{font-size:34px;line-height:1.15;margin:10px 0}.hero p{max-width:620px;color:#d4eeeb;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0d827b;color:white;padding:11px 16px;border:0;border-radius:9px;font-weight:700;cursor:pointer;font-size:14px}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#eaf2f7;color:#183a55}.hero .btn{background:white;color:#0c615e}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #e1e9f1;border-radius:15px;padding:24px;box-shadow:0 4px 20px #102b4710}.card h3{margin:9px 0}.card p,.muted{color:#60758a;line-height:1.55}.card .glyph{font-size:26px}.card a{color:#087f76;font-weight:750}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stat{background:#fff;padding:18px;border:1px solid #e0e9f2;border-radius:12px}.stat strong{display:block;font-size:24px;margin-top:7px}.stat small{color:#64778a}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px;font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd9e5;border-radius:9px;padding:12px;font:inherit;font-weight:400;background:white;color:#172b45}.field textarea{min-height:150px;resize:vertical;font-family:ui-monospace,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.notice{padding:13px 16px;border-radius:10px;background:#fff4df;color:#775114;margin:16px 0;font-size:13px;line-height:1.5}.error{background:#fee7e7;color:#a52828}.success{background:#e7f9ef;color:#14603a}.chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.chartbox{min-width:0;height:310px;position:relative}.chartbox canvas{max-width:100%}h1{margin-top:0;font-size:30px}h2{margin-top:30px}footer{margin-top:35px;color:#77899a;font-size:12px}code{background:#edf3f7;padding:2px 5px;border-radius:4px}.menu{display:none}.pill{display:inline-block;background:#e7f7f3;color:#09766f;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px;border-bottom:1px solid #e5edf3;text-align:left}th{color:#64778a}.hidden{display:none!important}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:12px 18px}.sidebar .logo{padding:6px 0 12px}.sidebar .small{display:none}.nav{display:none}.nav.open{display:grid}.shell{display:block}.main{margin:0}.top{padding:14px 20px}.menu{display:inline-flex}.content{padding:24px 17px 50px}.hero{padding:26px}.hero h1{font-size:27px}.grid,.chartgrid,.formgrid{grid-template-columns:1fr}.chartbox{height:270px}}@media(max-width:400px){.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:19px}}

/* SaaS additions */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.stack label{display:block;font-size:13px;font-weight:650;margin:8px 0}.form-grid input,.form-grid select,.stack input,.stack textarea,.stack select{display:block;width:100%;padding:12px;border:1px solid #cad5e2;border-radius:9px;background:white;color:#18243a;margin-top:6px}.stack textarea{min-height:140px;font-family:ui-monospace,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pill{display:inline-block;border-radius:50px;padding:5px 11px;background:#e8f4f1;color:#075b53;font-size:12px}.hidden{display:none!important}.alert{padding:12px 15px;border-radius:10px;background:#eaf3fc;margin:12px 0}.danger{background:#fff1ee;color:#9b2828}.project-list{display:grid;gap:12px}.project-card{padding:18px;border:1px solid #dce5ef;border-radius:14px;background:white}.project-card h3{margin:0 0 6px}.project-card p{margin:4px 0}.project-card button{margin-right:8px}.muted-small{color:#64748b;font-size:12px}.tagline{font-size:16px;color:#607086}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:800px){.form-grid,.pricing-grid{grid-template-columns:1fr}}