@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap');

:root {
  --wsc-blue:#087fce;--wsc-blue-hover:#0766aa;--core-cyan:#08a9df;--core-cyan-glow:rgba(8,169,223,.22);--ai-glow:#38bdf8;--ai-purple:#8b8cf8;
  --bg-dark:#080d17;--bg-surface:#101827;--bg-surface-hover:#172338;--bg-card:#101827;--bg-soft:#0d1523;
  --border-glass:#243247;--border-glass-bright:#36506d;--text-main:#f5f8fc;--text-muted:#9aaac0;--text-dim:#6f8098;
  --status-success:#17c89a;--status-warning:#f6a723;--status-danger:#f06464;--sidebar-width:244px;--header-height:76px;
  --alert-success-bg:rgba(23,200,154,.1);--alert-success-border:rgba(23,200,154,.23);--alert-success-text:#a8f0dc;
  --alert-danger-bg:rgba(240,100,100,.1);--alert-danger-border:rgba(240,100,100,.24);--alert-danger-text:#ffc1c1;
  --readonly-bg:#0a111d;--readonly-text:#dbe8f7;--placeholder-text:#71839b;--chat-agent-bg:rgba(19,27,46,.95);--chat-agent-text:#f5f8fc;
  --radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow-glow:0 18px 50px rgba(0,0,0,.24);
}
html[data-theme="light"]{color-scheme:light;--bg-dark:#f4f7fb;--bg-surface:#fff;--bg-surface-hover:#eaf1f8;--bg-card:#fff;--bg-soft:#f7f9fc;--border-glass:#dbe4ef;--border-glass-bright:#b9cadc;--text-main:#172236;--text-muted:#52657d;--text-dim:#708096;--core-cyan-glow:rgba(8,169,223,.16);--shadow-glow:0 18px 45px rgba(22,40,67,.1);--alert-success-bg:#e8f8f2;--alert-success-border:#91d9c2;--alert-success-text:#087458;--alert-danger-bg:#fff0f0;--alert-danger-border:#f2b0b4;--alert-danger-text:#ad2831;--readonly-bg:#edf2f7;--readonly-text:#24364d;--placeholder-text:#687990;--chat-agent-bg:#f1f5f9;--chat-agent-text:#172236}
*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 85% -10%,rgba(8,169,223,.08),transparent 32%),var(--bg-dark);color:var(--text-main);line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background-color .18s ease,color .18s ease}body.menu-open{overflow:hidden}
h1,h2,h3,h4,.font-brand{font-family:'Outfit',sans-serif;letter-spacing:-.02em}a{color:var(--core-cyan);text-decoration:none;transition:.18s ease}a:hover{color:var(--ai-glow)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{max-width:100%}
.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:color-mix(in srgb,var(--bg-surface) 97%,transparent);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1000;transition:transform .25s ease}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand-logo{display:flex;align-items:center;gap:11px}.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--wsc-blue),var(--core-cyan));color:#fff;display:grid;place-items:center;font-family:'Outfit';font-weight:800;font-size:1.25rem;box-shadow:0 8px 22px var(--core-cyan-glow)}.brand-text-container{display:flex;flex-direction:column;line-height:1.05}.brand-title-wsc{font:800 1.08rem 'Outfit';color:var(--text-main);letter-spacing:.05em}.brand-title-agentcore{font:800 .72rem 'Outfit';color:var(--core-cyan);letter-spacing:.16em}.sidebar-close{display:none;width:40px;height:40px;border:0;background:transparent;color:var(--text-muted);font-size:1.65rem;cursor:pointer}
.tenant-switcher{margin:2px 14px 14px;padding:11px;border:1px solid var(--border-glass);background:var(--bg-surface);border-radius:14px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;color:var(--text-main)}.tenant-switcher:hover{border-color:var(--border-glass-bright);color:var(--text-main)}.tenant-avatar{width:34px;height:34px;border-radius:10px;background:rgba(8,169,223,.14);color:var(--core-cyan);display:grid;place-items:center;font-weight:700}.tenant-switcher strong,.tenant-switcher small,.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher strong{font-size:.84rem}.tenant-switcher small{font-size:.68rem;color:var(--text-dim);margin-top:2px}.tenant-chevron{color:var(--text-dim)}
.sidebar-nav{padding:2px 12px 18px;flex:1;overflow-y:auto;scrollbar-width:thin}.nav-section-title{display:block;font-size:.65rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.13em;padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 12px;border-radius:11px;color:var(--text-muted);font-size:.86rem;font-weight:500;margin:2px 0}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text-main)}.nav-item.active{background:linear-gradient(90deg,rgba(8,169,223,.16),rgba(8,169,223,.06));color:var(--core-cyan);font-weight:650}.nav-icon{width:21px;text-align:center;font-size:1.12rem}.nav-subitem{padding-left:22px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border-top:1px solid var(--border-glass)}.sidebar-user{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center}.sidebar-user strong{font-size:.78rem}.sidebar-user small{font-size:.66rem;color:var(--text-dim);text-transform:capitalize}.avatar,.header-avatar{border-radius:50%;background:linear-gradient(145deg,#12bf9a,#087fac);color:#fff;display:grid;place-items:center;font-weight:700}.avatar{width:36px;height:36px;font-size:.74rem}.logout-button{width:36px;height:36px;border:1px solid var(--border-glass);border-radius:10px;background:var(--bg-surface);color:var(--text-muted);cursor:pointer}.logout-button:hover{color:#fff;border-color:var(--border-glass-bright)}
.sidebar-overlay{display:none;position:fixed;inset:0;border:0;background:rgba(2,6,13,.72);backdrop-filter:blur(4px);z-index:999}.sidebar-overlay.active{display:block}.main-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;display:flex;flex-direction:column}.top-header{min-height:var(--header-height);background:color-mix(in srgb,var(--bg-dark) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:10px 28px;position:sticky;top:0;z-index:900}.header-left,.header-actions{display:flex;align-items:center;gap:12px}.header-eyebrow{display:block;color:var(--text-dim);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.page-title{font-size:1.1rem;line-height:1.2;margin-top:2px}.hamburger-btn{display:none;width:42px;height:42px;border:1px solid var(--border-glass);border-radius:12px;background:var(--bg-surface);color:var(--text-main);cursor:pointer}.header-action{width:42px;height:42px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-surface);color:var(--text-muted);display:grid;place-items:center;font-size:1.05rem;cursor:pointer}.header-action:hover{color:var(--core-cyan);border-color:var(--border-glass-bright)}.theme-toggle .theme-icon-dark{display:none}.theme-toggle[aria-pressed="true"] .theme-icon-light{display:none}.theme-toggle[aria-pressed="true"] .theme-icon-dark{display:inline}.header-avatar{width:40px;height:40px;font-size:.77rem}.flash-area{padding:18px 28px 0}.content-body{width:100%;max-width:1500px;margin:0 auto;padding:28px;flex:1}.mobile-nav{display:none}
.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:22px;margin-bottom:20px;box-shadow:0 10px 35px rgba(0,0,0,.08)}.card:hover{border-color:var(--border-glass-bright)}.grid-stats,.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:18px;display:flex;align-items:center;justify-content:space-between;min-height:112px;transition:.18s ease}.stat-card:hover{border-color:var(--border-glass-bright);transform:translateY(-2px)}.stat-value{font:800 1.65rem 'Outfit';color:var(--text-main);line-height:1.1}.stat-label{font-size:.76rem;color:var(--text-muted);margin-top:6px}.stat-icon{width:42px;height:42px;border-radius:12px;background:rgba(8,169,223,.12);color:var(--core-cyan);display:grid;place-items:center;flex:none}.stat-icon svg{width:23px!important;height:23px!important}
.form-group{margin-bottom:18px}.form-label{display:block;font-size:.82rem;font-weight:650;color:var(--text-main);margin-bottom:7px}.form-control{width:100%;min-height:44px;padding:10px 13px;background:var(--bg-soft);border:1px solid var(--border-glass);border-radius:11px;color:var(--text-main);font-size:.88rem;transition:.16s ease}.form-control::placeholder{color:var(--placeholder-text);opacity:1}.form-control:focus{outline:0;border-color:var(--core-cyan);box-shadow:0 0 0 3px rgba(8,169,223,.13)}.form-control[readonly]{background:var(--readonly-bg);color:var(--readonly-text);opacity:1}.form-control:disabled{background:var(--bg-surface-hover);color:var(--text-muted);opacity:1;cursor:not-allowed}textarea.form-control{min-height:100px;resize:vertical}select.form-control{cursor:pointer}select.form-control option{background:var(--bg-surface);color:var(--text-main)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);box-shadow:0 0 0 1000px var(--bg-soft) inset;caret-color:var(--text-main)}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--core-cyan);vertical-align:-3px;margin-right:7px}small{color:var(--text-muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:11px;font-weight:650;font-size:.82rem;cursor:pointer;border:1px solid transparent;transition:.17s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--wsc-blue),var(--core-cyan));color:#fff;box-shadow:0 8px 22px rgba(8,169,223,.16)}.btn-primary:hover{background:linear-gradient(135deg,var(--wsc-blue-hover),var(--wsc-blue));color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-hover);color:var(--text-main);border-color:var(--border-glass)}.btn-secondary:hover{background:#21304a;color:#fff;border-color:var(--border-glass-bright)}.btn-danger{background:rgba(240,100,100,.12);color:#ffaaaa;border-color:rgba(240,100,100,.24)}.btn-danger:hover{background:rgba(240,100,100,.25);color:#fff}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:11px 14px;font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-glass);letter-spacing:.06em}.table td{padding:14px;border-bottom:1px solid var(--border-glass);font-size:.84rem;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:rgba(255,255,255,.018)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:650}.badge-success{background:rgba(23,200,154,.12);color:var(--status-success);border:1px solid rgba(23,200,154,.2)}.badge-warning{background:rgba(246,167,35,.12);color:var(--status-warning);border:1px solid rgba(246,167,35,.2)}.alert{display:flex;gap:10px;align-items:center;padding:12px 15px;border-radius:12px;font-size:.84rem;font-weight:550}.alert-success{background:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}.alert-danger{background:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);color:var(--alert-danger-text)}.chat-bubble-agent{background:var(--chat-agent-bg)!important;color:var(--chat-agent-text)!important}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.dashboard-welcome h2{font-size:1.65rem;margin-bottom:4px}.dashboard-welcome p{color:var(--text-muted);font-size:.86rem}.usage-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px}.usage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.usage-heading h3{font-size:1.04rem;margin-bottom:4px}.usage-heading p{font-size:.78rem;color:var(--text-muted)}.usage-percent{font:800 1.8rem 'Outfit';text-align:right}.usage-percent small{display:block;font:500 .68rem 'Inter';text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.progress-track{height:10px;background:rgba(148,163,184,.14);border-radius:999px;overflow:hidden;margin:20px 0 10px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wsc-blue),var(--core-cyan));transition:width .3s ease}.progress-fill.warning{background:var(--status-warning)}.usage-meta{display:flex;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:.72rem}.usage-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usage-detail{background:var(--bg-soft);border:1px solid var(--border-glass);border-radius:13px;padding:13px}.usage-detail strong{display:block;font:700 1rem 'Outfit';margin-bottom:3px}.usage-detail span{font-size:.68rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-header h3{font-size:1.02rem}.section-header p{color:var(--text-muted);font-size:.78rem;margin-top:3px}.agent-list{display:grid;gap:10px}.agent-list-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--border-glass);border-radius:14px;background:var(--bg-soft)}.agent-list-avatar{width:44px;height:44px;border-radius:13px;background:rgba(8,169,223,.12);color:var(--core-cyan);display:grid;place-items:center;font-size:1.2rem}.agent-list-name{font-weight:650;font-size:.88rem}.agent-list-meta{color:var(--text-muted);font-size:.72rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px}.empty-state{text-align:center;color:var(--text-muted);padding:32px 15px}
.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 0,rgba(8,169,223,.14),transparent 35%),radial-gradient(circle at 10% 100%,rgba(8,127,206,.1),transparent 32%),var(--bg-dark);padding:20px;position:relative}.auth-card{width:100%;max-width:430px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-glow)}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand .brand-logo{justify-content:center;margin-bottom:24px}.auth-brand h1{font-size:1.7rem;margin-bottom:5px}.auth-brand p{font-size:.82rem;color:var(--text-muted)}.auth-submit{width:100%;margin-top:8px;min-height:46px}.auth-theme-toggle{position:absolute;top:20px;right:20px}.auth-card .alert{margin-bottom:18px}
@media(max-width:1100px){.usage-card,.dashboard-columns{grid-template-columns:1fr}.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0);box-shadow:18px 0 60px rgba(0,0,0,.42)}.sidebar-close{display:grid;place-items:center}.main-wrapper{margin-left:0;width:100%}.hamburger-btn{display:block}}
@media(max-width:720px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.top-header{min-height:66px;padding:8px 16px}.header-action:not(.theme-toggle){display:none}.header-eyebrow{font-size:.6rem}.page-title{font-size:1rem}.content-body{padding:18px 14px}.flash-area{padding:12px 14px 0}.form-control{font-size:16px}.grid-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:100px;padding:14px}.stat-value{font-size:1.4rem}.stat-icon{width:36px;height:36px}.dashboard-welcome{align-items:center}.dashboard-welcome h2{font-size:1.35rem}.dashboard-welcome p{font-size:.78rem}.dashboard-welcome .btn span{display:none}.card{padding:16px;border-radius:15px;margin-bottom:14px}.usage-details{grid-template-columns:1fr 1fr}.content-body [style*="grid-template-columns"]{grid-template-columns:1fr!important}.content-body [style*="display: flex"],.content-body [style*="display:flex"]{flex-wrap:wrap}.content-body [style*="max-width"]{width:100%}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));z-index:950;background:color-mix(in srgb,var(--bg-surface) 96%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:18px;padding:6px;box-shadow:0 12px 36px rgba(0,0,0,.18)}.mobile-nav-item{border:0;background:transparent;color:var(--text-dim);display:grid;place-items:center;gap:1px;min-height:50px;border-radius:12px;font-size:1.05rem}.mobile-nav-item small{font-size:.6rem;color:inherit}.mobile-nav-item.active{color:var(--core-cyan);background:rgba(8,169,223,.1)}.table th,.table td{padding:11px 10px}.agent-list-item{grid-template-columns:40px minmax(0,1fr)}.agent-list-item>.btn,.agent-list-item>.badge{grid-column:2;justify-self:start}.agent-list-avatar{width:40px;height:40px}}
@media(max-width:430px){.grid-stats{grid-template-columns:1fr}.stat-card{min-height:92px}.usage-details{grid-template-columns:1fr}.dashboard-welcome{gap:10px}.dashboard-welcome .btn{width:44px;padding:0}.user-info{display:none}.auth-card{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}