@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--xplug-green: #008a4f;--xplug-green-dark: #006837;--xplug-green-light: #e6f6ed;--xplug-text: #111827;--xplug-text-muted: #6b7280;--xplug-bg: #f9fafb;--xplug-success: #22c55e;--xplug-warning: #f59e0b;--xplug-error: #dc2626;--xplug-card: #ffffff;--xplug-border: rgba(17, 24, 39, .08);--xplug-shadow: 0 10px 30px rgba(17, 24, 39, .08)}[data-theme=dark]{--xplug-bg: #0b1220;--xplug-card: #0f172a;--xplug-text: #f9fafb;--xplug-text-muted: #94a3b8;--xplug-border: rgba(148, 163, 184, .2);--xplug-shadow: 0 10px 30px rgba(2, 6, 23, .5)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at top left,#e6f6ed,#f9fafb 45%,#fff);color:var(--xplug-text);min-height:100vh}[data-theme=dark] body{background:radial-gradient(circle at top left,#0b2b1a,#0b1220 55%,#0b1220)}h1,h2,h3,h4{font-family:Sora,Manrope,sans-serif;margin:0;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:none;width:100%;margin:0 auto;padding:24px}.card{background:var(--xplug-card);border:1px solid var(--xplug-border);border-radius:16px;box-shadow:var(--xplug-shadow);padding:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.on-track{background:#22c55e26;color:var(--xplug-success)}.badge.at-risk{background:#f59e0b33;color:var(--xplug-warning)}.badge.breached{background:#dc262633;color:var(--xplug-error)}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:var(--xplug-green);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #008a4f40}.btn-ghost{background:transparent;border:1px solid var(--xplug-border);color:var(--xplug-text)}.btn:disabled{opacity:.7;cursor:not-allowed}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sla-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sla-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar{background:var(--xplug-green-dark);color:#fff;padding:0 24px}.modern-nav{background:repeating-linear-gradient(135deg,#ffffff0a,#ffffff0a 2px,#fff0 2px,#fff0 10px),radial-gradient(circle at 0% 0%,#51e19c33,#51e19c00 35%),linear-gradient(120deg,#052e2b,#0f172a);border-bottom:1px solid rgba(226,232,240,.12);background-blend-mode:soft-light,normal,normal}.nav-grid{display:flex;justify-content:space-between;gap:16px;align-items:center}.nav-subtitle{margin:4px 0 0;color:#ffffffb8;font-size:12px;text-transform:capitalize}.nav-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.nav-pill{border:1px solid rgba(255,255,255,.2);color:#ffffffd1;border-radius:999px;padding:7px 13px;font-size:13px}.nav-pill.active{background:#ffffff24;color:#fff}.navbar .brand{font-family:Sora,sans-serif;font-weight:700;letter-spacing:.5px}.nav-brand{display:inline-flex;align-items:center;gap:10px}.nav-logo{width:98px;height:auto;display:block}.modern-nav .btn-ghost{color:#ffffffe6;border-color:#ffffff40}.modern-nav .btn-ghost:hover{border-color:#ffffff73}.nav-signout{background:#ef4444}.nav-signout:hover{box-shadow:0 6px 14px #ef444459}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-grid{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr .9fr;border-radius:28px;overflow:hidden;border:1px solid var(--xplug-border);box-shadow:0 24px 48px #0c13211f;background:var(--xplug-card)}.auth-hero{padding:48px;background:radial-gradient(ellipse at 10% 20%,#4bc28338,#4bc28300 55%),linear-gradient(135deg,#064e3b,#0b3d91);color:#f8fffc;display:grid;align-content:center;gap:16px;background-size:cover;background-position:center;background-repeat:no-repeat}.auth-brand-mark{width:140px;height:auto}.auth-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.1}.auth-kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.auth-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.auth-tag{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;font-size:13px;font-weight:600}.auth-card{padding:40px;display:grid;align-content:center;gap:10px}.auth-card p{margin:0;color:var(--xplug-text-muted)}.auth-error{margin:0;color:#b91c1c;font-size:13px;font-weight:700;border:1px solid rgba(220,38,38,.35);background:#fee2e2eb;border-radius:10px;padding:10px 12px}.auth-form{display:grid;gap:12px;margin-top:8px}.auth-form label{font-size:13px;font-weight:700;color:var(--xplug-text)}.auth-form input,.auth-form select,textarea,input,select{width:100%;border-radius:12px;border:1px solid var(--xplug-border);padding:12px 14px;font:inherit;background:color-mix(in srgb,var(--xplug-card) 95%,#f8fafc 5%);color:var(--xplug-text);transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus,.auth-form select:focus,textarea:focus,input:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--xplug-green) 65%,white 35%);box-shadow:0 0 0 4px color-mix(in srgb,var(--xplug-green-light) 70%,white 30%)}.auth-form .btn{margin-top:10px;padding:12px 16px}.auth-footer{margin-top:14px;display:flex;justify-content:center}.auth-footer a{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--xplug-border);border-radius:999px;background:color-mix(in srgb,var(--xplug-card) 94%,#f0fdf4 6%)}.auth-footer-logo{width:110px;height:auto;display:block}.dashboard-hero{background:radial-gradient(ellipse at 90% 10%,#008a4f2e,#008a4f00),linear-gradient(160deg,color-mix(in srgb,var(--xplug-card) 93%,#dff5ea 7%),var(--xplug-card));border:1px solid var(--xplug-border);border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-hero h1{margin-top:6px;margin-bottom:8px;font-size:clamp(24px,3.5vw,36px)}.dashboard-hero p{margin:0}.panel-eyebrow{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--xplug-text-muted)}.hero-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(100px,1fr));width:min(470px,100%)}.metric-tile{border-radius:14px;border:1px solid var(--xplug-border);background:color-mix(in srgb,var(--xplug-card) 92%,#e7faf0 8%);padding:12px;display:grid;gap:4px}.metric-tile span{font-size:12px;color:var(--xplug-text-muted)}.metric-tile strong{font-size:24px;line-height:1}.modern-card{display:grid;gap:8px}.muted{color:var(--xplug-text-muted)}.metric-big{margin:0;font-size:36px;font-weight:800}.table-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.table-controls{margin-top:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.table-controls input{flex:1;min-width:220px}.table-controls-right{display:inline-flex;align-items:center;gap:8px}.table-controls-right label{font-size:12px;color:var(--xplug-text-muted);font-weight:700}.table-controls-right select{width:auto;min-width:86px}.data-table{width:100%;border-collapse:collapse;border:1px solid var(--xplug-border);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--xplug-card) 96%,#effaf4 4%)}.table-link-btn{border:none;background:transparent;color:var(--xplug-green-dark);font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--xplug-border);text-align:left;vertical-align:top}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--xplug-text-muted);background:color-mix(in srgb,var(--xplug-card) 93%,#e7faf0 7%)}.table-sort-btn{border:none;background:transparent;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}.table-sort-indicator{font-size:10px;opacity:.8}.data-table tr:last-child td{border-bottom:none}.row-selected{background:color-mix(in srgb,var(--xplug-green-light) 20%,var(--xplug-card) 80%)}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.table-pagination p{margin:0}.table-pagination-actions{display:inline-flex;align-items:center;gap:8px}.tenant-grid{margin-top:14px;display:grid;gap:10px}.tenant-row{border:1px solid var(--xplug-border);background:color-mix(in srgb,var(--xplug-card) 94%,#effaf4 6%);border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.tenant-row p{margin:4px 0 0}.tenant-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.insight-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:12px}.insight-col{display:grid;justify-items:center;gap:6px}.insight-value{font-size:12px;font-weight:800}.insight-track{height:124px;width:30px;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--xplug-card) 85%,#e5f6ec 15%);border:1px solid var(--xplug-border);border-radius:10px;padding:2px}.insight-bar{width:20px;border-radius:8px;background:linear-gradient(180deg,#38bdf8,#10b981)}.insight-label{max-width:90px;font-size:11px;text-align:center;color:var(--xplug-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:4px}.chat-row{display:flex;gap:10px;align-items:flex-start}.chat-row.mine{flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--xplug-green-light) 60%,white 40%);border:1px solid var(--xplug-border);display:grid;place-items:center;font-size:12px;font-weight:800}.chat-bubble{max-width:min(78%,560px);border-radius:14px;padding:10px 12px;border:1px solid var(--xplug-border)}.chat-bubble.other{background:color-mix(in srgb,var(--xplug-card) 92%,#eef8f3 8%)}.chat-bubble.mine{background:color-mix(in srgb,var(--xplug-green-light) 28%,var(--xplug-card) 72%)}.chat-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.chat-bubble p{margin:8px 0 0;line-height:1.45}.guide-grid{display:grid;gap:10px}.guide-step{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--xplug-border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--xplug-card) 95%,#effaf4 5%)}.guide-step-index{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--xplug-green-light) 50%,white 50%);font-size:12px;font-weight:800}.section-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.menu-pill{border:1px solid var(--xplug-border);background:color-mix(in srgb,var(--xplug-card) 96%,#f0fdf4 4%);color:var(--xplug-text);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.menu-pill.active{background:var(--xplug-green);color:#fff;border-color:transparent}.fade-in{animation:fadeIn .6s ease forwards}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;z-index:30}.modal-card{width:min(760px,100%);max-height:84vh;overflow:auto;background:var(--xplug-card);border:1px solid var(--xplug-border);border-radius:16px;box-shadow:0 24px 56px #0c132147;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:16px}.auth-grid{grid-template-columns:1fr}.nav-grid{flex-direction:column;align-items:flex-start}.nav-actions{width:100%;justify-content:flex-start}.auth-hero,.auth-card{padding:28px 22px}.dashboard-hero{flex-direction:column;align-items:flex-start}.hero-metrics{grid-template-columns:1fr 1fr;width:100%}.table-head{flex-direction:column;align-items:flex-start}.table-controls{flex-direction:column;align-items:stretch}.table-controls-right{justify-content:space-between}.sla-grid-3,.sla-grid-2{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto;white-space:nowrap}.tenant-row{flex-direction:column;align-items:flex-start}.tenant-stats{justify-content:flex-start}}