:root{
--navy:#11263f;--navy2:#183a5a;--purple:#6d5dfc;--purple2:#8b7cff;
--blue:#3d7af5;--gold:#c9a24a;--bg:#f5f7fb;--card:#fff;--text:#1d2939;
--muted:#667085;--border:#e7ebf1;--green:#22a06b;--red:#d94f4f;--amber:#d79a18;
--shadow:0 10px 30px rgba(16,36,62,.07)
}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:var(--blue);text-decoration:none}.saas-app{min-height:100vh}.saas-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#10243e,#142d49);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.saas-brand-logo{display:flex;align-items:center;gap:11px}.saas-brand-mark{width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--purple),#4c8af4);font-weight:900;letter-spacing:-1px;box-shadow:0 8px 20px rgba(109,93,252,.3)}.saas-brand-logo strong{display:block;font-size:22px;letter-spacing:-.7px}.saas-brand-logo small{display:inline-flex;margin-top:2px;padding:2px 7px;border-radius:10px;background:rgba(139,124,255,.18);color:#cfc8ff;font-weight:800;font-size:10px}.sidebar-brand{padding:4px 8px 26px}.saas-sidebar nav{display:grid;gap:6px}.saas-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#dbe4ef;font-size:13px;font-weight:650}.saas-sidebar nav a svg{width:18px}.saas-sidebar nav a:hover{background:rgba(255,255,255,.06);color:#fff}.saas-sidebar nav a.active{background:linear-gradient(90deg,rgba(109,93,252,.32),rgba(61,122,245,.16));color:#fff;border-left:3px solid #8f83ff}.saas-sidebar-bottom{margin-top:auto;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;align-items:center}.saas-admin-mini{display:flex;gap:9px;align-items:center;min-width:0;flex:1}.saas-admin-mini>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900}.saas-admin-mini strong,.saas-admin-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-admin-mini strong{font-size:12px}.saas-admin-mini small{font-size:9px;color:#9fb0c3}.saas-sidebar-bottom button{border:0;background:transparent;color:#fff;cursor:pointer;padding:6px}.saas-sidebar-bottom button svg{width:17px}.saas-main{margin-left:245px;padding:28px;min-height:100vh}.saas-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.saas-topbar h1{font-size:28px;margin:2px 0 0;letter-spacing:-.8px;color:var(--navy)}.saas-kicker{font-size:10px;letter-spacing:1.4px;color:#6d5dfc;font-weight:900}.saas-top-actions{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.saas-cloud-status{padding:7px 10px;border-radius:18px;background:#e9f8f1;color:#148256;font-weight:800}.saas-alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.saas-alert.success{background:#e8f7ef;color:#147a4b}.saas-alert.danger{background:#fff0ef;color:#a63b32}.saas-alert.warning{background:#fff5dc;color:#8a6200}.saas-card,.saas-kpis article{background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.saas-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.saas-kpis article{padding:18px}.saas-kpis span,.saas-kpis strong,.saas-kpis small{display:block}.saas-kpis span{font-size:12px;color:var(--muted)}.saas-kpis strong{font-size:27px;color:var(--navy);margin:5px 0}.saas-kpis small{font-size:10px;color:#98a2b3}.saas-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:18px}.saas-card{padding:18px;margin-bottom:18px}.saas-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.saas-card-head h2{font-size:17px;margin:2px 0 0;color:var(--navy)}.saas-card-head a{font-size:12px}.provider-usage{display:grid;gap:13px}.provider-usage>div{display:grid;grid-template-columns:12px 85px 1fr 48px;align-items:center;gap:8px;font-size:11px}.provider-dot{width:9px;height:9px;border-radius:50%}.provider-openai{background:#262b35}.provider-gemini{background:#6d5dfc}.provider-deepseek{background:#3d7af5}.provider-local{background:#22a06b}.usage-bar{height:7px;border-radius:20px;background:#eef1f6;overflow:hidden}.usage-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:20px}.architecture-mini{text-align:center;padding:8px}.cloud-node{width:170px;margin:0 auto;padding:14px;border-radius:18px;background:linear-gradient(135deg,#eef0ff,#e8f2ff);color:var(--navy)}.cloud-node svg{width:27px;color:var(--purple)}.cloud-node strong,.cloud-node small{display:block}.tenant-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px;position:relative}.tenant-nodes:before{content:"";position:absolute;left:16%;right:16%;top:-12px;border-top:1px dashed #a8b2c3}.tenant-nodes span{background:#fff;border:1px solid var(--border);border-radius:9px;padding:9px;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:10px;border-bottom:1px solid var(--border)}td{padding:12px 10px;border-bottom:1px solid #f0f2f5;vertical-align:middle}td strong,td small{display:block}td small{font-size:9px;color:#98a2b3;margin-top:2px}.status,.ai-toggle-view,.soft-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:900}.status-active,.status-confirmed{background:#e7f7ef;color:#147a4b}.status-trial{background:#eef2ff;color:#5146d7}.status-suspended,.status-past_due{background:#fff4d6;color:#8a6200}.status-cancelled,.status-rejected{background:#fff0ef;color:#a63b32}.status-pending{background:#fff5dc;color:#8a6200}.ai-toggle-view.on{background:#e7f7ef;color:#147a4b}.ai-toggle-view.off{background:#eef0f3;color:#667085}.soft-pill{background:#f0f3f7;color:#596579}.saas-page-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.saas-page-actions p{margin:0;color:var(--muted);font-size:13px}.saas-btn{border:0;border-radius:9px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;padding:9px 13px;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.saas-btn svg{width:15px}.saas-btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--border)}.saas-btn.purple{background:linear-gradient(135deg,#6d5dfc,#8b7cff)}.saas-btn.tiny{padding:6px 9px;font-size:10px}.saas-modal{width:min(860px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 35px 80px rgba(16,36,62,.24)}.saas-modal::backdrop{background:rgba(12,28,46,.58)}.saas-modal form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal-head h2{margin:2px 0}.modal-head>button{border:0;background:#f1f3f6;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:5px;font-size:11px;color:#5d6877;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce2e9;border-radius:8px;padding:9px 10px;background:#fff;font:inherit;color:var(--text)}.form-grid textarea{min-height:70px}.form-grid .check,.toggle-row{display:flex;align-items:center;gap:8px}.form-grid .check input,.toggle-row input{width:auto}.form-note{font-size:10px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.hotel-hero{display:flex;justify-content:space-between;align-items:center}.hotel-hero h2{margin:3px 0}.hotel-hero p{margin:0;color:var(--muted)}.hotel-hero-status{display:flex;gap:8px}.toggle-row{justify-content:space-between;grid-column:1/-1;padding:11px;border-radius:10px;background:#f7f8fb}.toggle-row span strong,.toggle-row span small{display:block}.toggle-row span small{color:var(--muted);margin-top:2px}.ai-hotel-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ai-hotel-summary>div{padding:12px;border-radius:10px;background:#f7f8fb}.ai-hotel-summary span,.ai-hotel-summary strong{display:block}.ai-hotel-summary span{font-size:10px;color:var(--muted)}.saas-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.provider-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:14px}.provider-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900}.provider-card-head h2{margin:0}.provider-card-head small{color:var(--muted);font-size:10px}.form-grid.compact{grid-template-columns:1fr}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card .plan-price{display:block;font-size:28px;color:var(--navy);margin:10px 0}.plan-price small{font-size:11px;color:var(--muted)}.plan-card ul{padding-left:18px;color:#5e6875;font-size:12px;line-height:1.9}.empty{text-align:center;color:var(--muted);padding:20px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f5f7;padding:3px 6px;border-radius:6px;font-size:10px}

/* Login */
.saas-login{min-height:100vh;background:#eef2f8}.saas-login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.saas-login-brand{background:linear-gradient(145deg,#10243e 0%,#173b5d 55%,#302d6f 100%);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.saas-login-brand h1{font-size:46px;line-height:1.06;max-width:600px;margin:10px 0 16px;letter-spacing:-1.8px}.saas-login-brand p{max-width:560px;color:#cbd7e5;line-height:1.6}.saas-login-form{display:grid;place-items:center;padding:30px}.saas-form-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.saas-form-card h2{font-size:28px;margin:5px 0}.saas-form-card p{color:var(--muted);font-size:12px}.saas-form-card form{display:grid;gap:9px;margin-top:20px}.saas-form-card label{font-size:11px;font-weight:800}.saas-form-card input{padding:12px;border:1px solid #dce2e9;border-radius:9px}.saas-form-card button{margin-top:8px;border:0;border-radius:9px;padding:12px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;font-weight:900}

@media(max-width:1100px){.saas-kpis{grid-template-columns:1fr 1fr}.saas-grid-2,.saas-provider-grid,.plan-grid{grid-template-columns:1fr 1fr}.saas-login-shell{grid-template-columns:1fr}.saas-login-brand{min-height:320px}.saas-login-brand h1{font-size:34px}}@media(max-width:760px){.saas-sidebar{width:76px;padding:20px 9px}.sidebar-brand div,.saas-sidebar nav span,.saas-admin-mini div{display:none}.saas-sidebar nav a{justify-content:center}.saas-main{margin-left:76px;padding:18px}.saas-kpis,.saas-grid-2,.saas-provider-grid,.plan-grid,.form-grid{grid-template-columns:1fr}.saas-top-actions{display:none}.hotel-hero,.saas-page-actions{align-items:flex-start;flex-direction:column}.saas-login-brand{padding:28px}.saas-login-form{padding:18px}}
.saas-logo-img{max-width:145px;max-height:52px;object-fit:contain;object-position:left center}.sidebar-brand .saas-logo-img{max-width:125px;max-height:44px}
.status-paid{background:#e7f7ef;color:#147a4b}.status-overdue{background:#fff0ef;color:#a63b32}.status-partially_paid{background:#fff5dc;color:#8a6200}.status-draft{background:#eef0f3;color:#667085}.status-void,.status-refunded{background:#eef0f3;color:#596579}.inline-form{display:inline}.saas-btn:disabled{opacity:.45;cursor:not-allowed}.subscription-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.billing-kpis{margin-top:0}