:root{--bg:#f7f9f6;--surface:#fff;--border:#dce3dc;--text:#12201b;--text-muted:#5b6b62;--accent:#0e7c5a;--accent-hover:#0a5c42;--gold:#b8862e;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;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}.apo{color:var(--gold)}.brand{font-family:var(--font-display);color:var(--text);align-items:center;gap:.55rem;margin-bottom:1rem;padding:0 .5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.brand:hover{color:var(--accent)}.brand-mark{border-radius:7px;flex-shrink:0}.org-pill{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;margin:0 .5rem 1.25rem;padding:.5rem .6rem;display:flex}.org-avatar{background:var(--accent);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.org-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar nav ul{margin:0 0 .5rem;padding:0;list-style:none}.sidebar nav a{color:var(--text);border-radius:8px;align-items:center;gap:.55rem;padding:.5rem;font-size:.9rem;text-decoration:none;display:flex}.sidebar nav a svg{color:var(--text-muted);flex-shrink:0}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent-hover);font-weight:600}.sidebar nav a.active svg{color:var(--accent-hover)}.advanced-toggle{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.5rem;font-size:.8rem}.nav-section-label{color:var(--text-muted);margin-top:.25rem;padding:.5rem;font-size:.8rem}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.sidebar-footer .user{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.icon-button{color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:flex}.icon-button:hover{background:var(--bg);color:var(--text)}main{flex:1;max-width:1000px;padding:2rem}.mobile-topbar,.bottom-tabs,.mobile-menu-overlay{display:none}@media (width<=768px){.shell{flex-direction:column}.sidebar{display:none}.mobile-topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);padding:max(.7rem, env(safe-area-inset-top)) 1rem .7rem;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.mobile-topbar-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex;overflow:hidden}main{max-width:100%;padding:1rem 1rem calc(4.5rem + env(safe-area-inset-bottom))}.bottom-tabs{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tabs a,.bottom-tabs button{min-height:56px;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .2rem;font-size:.68rem;font-weight:600;text-decoration:none;display:flex}.bottom-tabs a span,.bottom-tabs button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-tabs a.active,.bottom-tabs button.active{color:var(--accent-hover)}.mobile-menu-overlay{z-index:40;background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu-header{padding:max(.9rem, env(safe-area-inset-top)) 1rem .9rem;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mobile-menu-nav{flex:1;padding:.75rem 1rem;overflow-y:auto}.mobile-menu-nav .navlink{padding:.85rem .6rem;font-size:1rem}.mobile-menu-footer{padding:.9rem 1rem max(.9rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);align-items:center;gap:.6rem;display:flex}button,a.primary,input,select,textarea{min-height:44px}h1{font-size:1.4rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-card.hero{grid-column:1/-1}.list-layout{display:block}.list-layout table{display:none}.record-cards{margin:0;padding:0;list-style:none;display:block}.record-cards li{margin-bottom:.6rem}.record-card{background:var(--surface);border:1px solid var(--border);width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.record-card.selected{border-color:var(--accent)}.record-avatar{background:color-mix(in srgb, var(--accent) 14%, var(--surface));width:38px;height:38px;color:var(--accent-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.record-card-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.record-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.record-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.record-badges{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.record-chevron{color:var(--text-muted);flex-shrink:0}.detail-panel-heading{align-items:center;gap:.65rem;min-width:0;display:flex}.detail-panel-heading h2{margin:0}.detail-badges{margin-bottom:.75rem}.detail-panel{z-index:35;width:auto;max-width:none;padding:max(1.1rem, env(safe-area-inset-top)) 1.1rem calc(1.1rem + env(safe-area-inset-bottom));border-radius:0;position:fixed;inset:0;overflow-y:auto}.list-toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.stat-card{padding:.85rem}.name-row{flex-direction:column;gap:.9rem}}h1{font-family:var(--font-display);letter-spacing:-.01em;margin-top:0;font-weight:600}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}.eyebrow{letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.3rem;font-size:.78rem;font-weight:700}.stat-icon{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:30px;height:30px;color:var(--accent-hover);border-radius:8px;justify-content:center;align-items:center;margin-bottom:.65rem;display:flex}.stat-card.hero{background:linear-gradient(155deg, var(--accent), var(--accent-hover));color:#fff;border:none}.stat-card.hero .label{color:#ffffffd1}.stat-card.hero .stat-icon{color:#fff;background:#ffffff29}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:3rem 2rem;display:flex}.empty-state .stat-icon{border-radius:14px;width:48px;height:48px;margin-bottom:.4rem}.empty-state .stat-icon svg{width:22px;height:22px}.empty-state h2{font-size:1.05rem;font-family:var(--font-display);margin:0;font-weight:600}.empty-state p{color:var(--text-muted);max-width:320px;margin:0 0 .5rem;font-size:.9rem}.list-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-input{flex:1;max-width:320px;position:relative}.search-input svg{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input input{padding-left:30px}.list-layout{align-items:flex-start;gap:1.25rem;display:flex}.list-layout table{flex:1;min-width:0}.record-cards{display:none}.list-layout tbody tr{cursor:pointer}.list-layout tbody tr.selected td{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:320px;padding:1.25rem;position:sticky;top:1.5rem}.detail-panel-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.detail-panel-header h2{font-size:1.05rem;font-family:var(--font-display);word-break:break-word;margin:0;font-weight:600}.detail-field{border-bottom:1px solid var(--border);padding:.5rem 0}.detail-field:last-child{border-bottom:none}.detail-field .k{letter-spacing:.03em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.15rem;font-size:.72rem;font-weight:700}.detail-field .v{word-break:break-word;font-size:.9rem}.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-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:560px}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}.name-row{gap:.9rem;display:flex}.name-row label{flex-direction:column;flex:1;gap:.3rem;min-width:0;font-size:.9rem;display:flex}.subdomain-row{align-items:center;gap:.4rem;display:flex}.subdomain-row input{flex:1;min-width:0}.subdomain-suffix{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.subdomain-status{font-size:.8rem}.subdomain-ok{color:#15803d}.subdomain-bad{color:#b91c1c}.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,textarea{font:inherit;border:1px solid var(--border);border-radius:6px;width:100%;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}.hp-field{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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}