:root{--bg:#f7f7f8;--surface:#fff;--border:#e4e4e7;--text:#18181b;--text-muted:#71717a;--accent:#2563eb;--accent-hover:#1d4ed8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.boot-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:1.25rem 1rem;display:flex}.brand{color:var(--text);margin-bottom:1.5rem;padding:0 .5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.brand:hover{color:var(--accent)}.sidebar nav ul{margin:0 0 .5rem;padding:0;list-style:none}.sidebar nav a{color:var(--text);border-radius:6px;padding:.5rem;font-size:.9rem;text-decoration:none;display:block}.sidebar nav a:hover{background:var(--bg)}.advanced-toggle{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.5rem;font-size:.8rem}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.sidebar-footer .user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}main{flex:1;max-width:1000px;padding:2rem}h1{margin-top:0}button{font:inherit;cursor:pointer}button.primary,a.primary{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.55rem 1rem;font-weight:500;text-decoration:none;display:inline-block}button.primary:hover,a.primary:hover{background:var(--accent-hover)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.stat-card .value{font-size:1.6rem;font-weight:700}.stat-card .label{color:var(--text-muted);font-size:.85rem}.badge{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.status-trial,.badge.status-provisioning,.badge.status-pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.badge.status-active,.badge.status-paid{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.badge.status-past-due,.badge.status-suspended,.badge.status-failed,.badge.status-cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.text-muted{color:var(--text-muted);font-size:.9rem}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .9rem;font-size:.9rem}th{color:var(--text-muted);background:var(--bg);font-weight:600}tr:last-child td{border-bottom:none}form.stacked{flex-direction:column;gap:.9rem;max-width:420px;display:flex}form.stacked label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.order-line{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.order-line select{flex:2}.order-line input{flex:1;min-width:0}input,select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.6rem .8rem;font-size:.9rem}.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.6rem .8rem;font-size:.9rem}.login-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:320px;padding:2rem}
