*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#172638;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#1677d2;text-decoration:none}.top{height:70px;background:#071a33;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top a{color:#cbd7e3}.brand{display:inline-flex;align-items:baseline;font-size:22px;font-weight:900;letter-spacing:.3px;color:#fff!important}.brand span{color:#fff}.brand b{color:#2f80ed}.brand small{font-size:8px;color:#14c979;margin-left:8px;letter-spacing:1.4px}.shell{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 105px)}aside{background:#0a2440;padding:22px 12px;display:flex;flex-direction:column;gap:5px}aside a{padding:11px 13px;border-radius:8px;color:#aebdcb;font-weight:650}aside a:hover,aside a.active{background:#12385e;color:#fff}.spacer{height:20px}.coming{font-size:9px;color:#5e7994;padding:0 13px;letter-spacing:1.2px}.disabled{opacity:.45;pointer-events:none}main{padding:34px;max-width:1500px;width:100%}.pagehead{margin-bottom:25px}.pagehead h1{font-size:34px;letter-spacing:-1px;margin:4px 0;color:#071a33}.eyebrow{font-size:9px;color:#0da963;font-weight:900;letter-spacing:1.3px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.metric{background:#fff;border:1px solid #dfe6eb;border-radius:13px;padding:20px}.metric small{display:block;color:#778594;font-size:9px;font-weight:850;letter-spacing:.8px}.metric strong{display:block;font-size:31px;color:#071a33;line-height:1.2;margin:7px 0 2px}.metric span{font-size:11px;color:#778594}.compact .metric{padding:15px}.compact .metric strong{font-size:25px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #dfe6eb;border-radius:13px;padding:22px;margin-bottom:18px}.panel h2{font-size:17px;color:#071a33;margin:0 0 15px}.panelhead{display:flex;justify-content:space-between;align-items:center}.row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f2}.status{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f2}.status i{width:10px;height:10px;border-radius:50%;background:#14c979;box-shadow:0 0 0 5px #14c97916}.status.future i{background:#8ba0b4}.status b,.status span{display:block}.status span{font-size:11px;color:#778594}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;letter-spacing:.7px;color:#758392;padding:10px;border-bottom:1px solid #dfe6eb}td{padding:12px 10px;border-bottom:1px solid #edf0f2;white-space:nowrap}td small{display:block;color:#8b97a3}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef2f5;font-size:10px}.pill.active,.pill.complimentary{background:#e6f9ef;color:#087748}.pill.trialing{background:#e9f2ff;color:#1667b8}.pill.past_due{background:#fff0e1;color:#a65100}.pill.cancelled{background:#f1f1f1;color:#777}.search{display:flex;gap:8px;margin-bottom:18px}.search input{flex:1;padding:11px;border:1px solid #d8e0e6;border-radius:8px}.search button,.loginbox button{border:0;background:#14c979;color:#fff;padding:11px 17px;border-radius:8px;font-weight:800;cursor:pointer}dl{display:grid;grid-template-columns:140px 1fr;gap:8px;margin:0}dt{color:#7b8997}dd{margin:0;font-weight:650}.notice{padding:16px;border:1px solid #c9d9e7;background:#edf6fd;border-radius:10px}.attention{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f2;padding:13px 0}.attention strong{font-size:28px;color:#071a33}.attention span,.muted{color:#778594}footer{text-align:center;background:#071a33;color:#6f879f;padding:10px;font-size:10px}.loginbody{min-height:100vh;display:grid;place-items:center;background:#071a33}.loginbox{width:min(410px,calc(100% - 30px));background:#fff;border-radius:18px;padding:34px}.loginbox .brand span{color:#071a33}.loginbox h1{margin:25px 0 3px}.loginbox p{color:#7b8997}.loginbox label{display:block;font-size:11px;font-weight:800;margin:14px 0}.loginbox input{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #d8e0e6;border-radius:8px}.loginbox button{width:100%;margin-top:10px}.error{background:#fff0f0;color:#982b2b;padding:10px;border-radius:8px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:180px 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:650px){.shell{display:block}aside{flex-direction:row;overflow:auto}aside .spacer,aside .coming,aside .disabled{display:none}main{padding:20px}.metrics{grid-template-columns:1fr 1fr}.top{padding:0 16px}}
.setup-note{margin:14px 0;padding:11px 12px;background:#edf6fd;border:1px solid #c9d9e7;border-radius:8px;color:#35526c;font-size:12px}
.setup-note a{font-weight:800}

.setup-diag{margin:14px 0;border:1px solid #dce4ea;border-radius:9px;overflow:hidden}
.setup-diag>div{display:flex;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #edf1f4;font-size:12px}
.setup-diag>div:last-child{border-bottom:0}.setup-diag b{color:#147a4b}.setup-diag b.bad{color:#a52d2d}
.setup-help{font-size:11px!important;background:#f7f9fb;padding:10px;border-radius:8px}.setup-help code{font-size:10px}

/* 0.1.1 company KPI polish */
.metrics.compact{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
@media(max-width:1000px){.metrics.compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.metrics.compact{grid-template-columns:1fr 1fr}}

.settingsform label{display:block;font-size:11px;font-weight:800;color:#526577}
.settingsform input,.settingsform select{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #d8e0e6;border-radius:8px;background:#fff}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:18px 0}
.settingsform .check{font-size:14px;color:#172638}.settingsform .check input{display:inline-block;width:auto;margin:0 8px 0 0}
.primary{border:0;background:#14c979;color:#fff;padding:11px 17px;border-radius:8px;font-weight:800;cursor:pointer}
.smtp-ok{margin-bottom:18px}
@media(max-width:650px){.formgrid{grid-template-columns:1fr}}

/* 0.1.2 App links */
.app-link-status{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.app-link-status>div{border:1px solid #dfe6eb;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px}
.app-link-status>div b{margin-right:auto}.app-link-status a{font-weight:800}
.app-ok{margin-bottom:18px}
@media(max-width:650px){.app-link-status{grid-template-columns:1fr}}

/* 0.1.3 Demo Customer Management */
.danger-form{display:flex;gap:8px;align-items:center;min-width:390px}
.danger-form input{flex:1;padding:9px 10px;border:1px solid #d8e0e6;border-radius:7px}
.danger{border:0;background:#b42318;color:#fff;padding:10px 12px;border-radius:7px;font-weight:800;cursor:pointer}
.danger:hover{filter:brightness(.94)}
.demo-ok{margin-bottom:18px}

/* 0.1.4 Operations Dashboard */
.metrics.metrics4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-warn{border-color:#f0b36b;background:#fffaf3}.metric-warn strong{color:#a65100}.status.status-bad i{background:#d92d20;box-shadow:0 0 0 5px #d92d2016}.details-cell{max-width:520px;white-space:normal;word-break:break-word}.panelhead .muted{font-size:11px}@media(max-width:1000px){.metrics.metrics4{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.metrics.metrics4{grid-template-columns:1fr 1fr}}