:root{--ink: #12231f;--ink-soft: #263b35;--muted: #596b65;--paper: #f3f6f3;--panel: #ffffff;--line: #dfe6e1;--line-strong: #cbd6d0;--accent: #16785f;--accent-dark: #0c5d49;--lime: #baf45a;--danger: #b34031;--sidebar: #0a211e;--shadow: 0 20px 55px rgba(24, 48, 40, .07);--shadow-hover: 0 24px 65px rgba(24, 48, 40, .12);--radius: 18px;font-family:Manrope,DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 95% 0%,rgba(190,226,208,.33),transparent 27rem),var(--paper)}button,input,select,textarea{font:inherit}button,.button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,120,95,.2);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px 22px;color:#e8f1ed;background:radial-gradient(circle at 15% 88%,rgba(61,142,113,.2),transparent 30%),linear-gradient(165deg,#0d2a26 0%,var(--sidebar) 64%,#071815 100%);overflow-x:hidden;overflow-y:auto}.sidebar:before{position:absolute;top:-74px;right:-86px;width:190px;height:190px;border:1px solid rgba(186,244,90,.13);border-radius:50%;box-shadow:0 0 0 32px #baf45a06,0 0 0 64px #baf45a05;content:""}.brand{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:42px}.brand-mark{position:relative;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(186,244,90,.25);border-radius:11px;background:#ffffff0f}.brand-mark i{position:absolute;left:9px;width:18px;height:4px;border-radius:5px;background:var(--lime);transform:skew(-25deg)}.brand-mark i:nth-child(1){top:9px}.brand-mark i:nth-child(2){top:16px;width:14px}.brand-mark i:nth-child(3){top:23px;width:10px}.brand-copy{display:block;color:#fff;font-size:1.15rem;font-weight:750;letter-spacing:-.04em;line-height:1.05}.brand-copy small{display:block;margin-top:6px;color:#88a098;font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.nav-label{margin:0 12px 10px;color:#6e8880;font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.nav{display:grid;gap:5px}.nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:9px 12px;border:1px solid transparent;border-radius:12px;color:#9bb0a9;font-size:.86rem;font-weight:600;transition:color .16s ease,background .16s ease,transform .16s ease}.nav a:after{position:absolute;right:12px;color:var(--lime);content:"›";opacity:0;transform:translate(-4px);transition:.16s ease}.nav a:hover{color:#fff;transform:translate(2px)}.nav a.active{color:#fff;border-color:#ffffff12;background:#ffffff14;box-shadow:inset 3px 0 0 var(--lime)}.nav a.active:after{opacity:1;transform:translate(0)}.nav-icon{position:relative;width:19px;height:19px;flex:0 0 auto;border:1.5px solid currentColor;border-radius:5px;opacity:.9}.nav-icon-platform:before,.nav-icon-platform:after{position:absolute;background:currentColor;content:""}.nav-icon-platform:before{top:5px;left:3px;width:10px;height:1px;box-shadow:0 4px currentColor}.nav-icon-platform:after{top:3px;left:7px;width:1px;height:10px}.nav-icon-tenant{border-radius:50% 50% 5px 5px}.nav-icon-tenant:after{position:absolute;right:4px;bottom:3px;left:4px;height:4px;border:1px solid currentColor;border-radius:5px 5px 2px 2px;content:""}.nav-icon-backup:after{position:absolute;top:4px;left:5px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:rotate(45deg)}.sidebar-status{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#ffffff0a}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{color:#dbe8e3;font-size:.7rem}.sidebar-status small{margin-top:3px;color:#718b83;font-size:.62rem}.status-pulse{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#72dc83;box-shadow:0 0 0 4px #72dc831f}.sidebar-user{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:14px;padding:12px 4px 0;border-top:1px solid rgba(255,255,255,.06)}.user-avatar,.tenant-avatar{display:grid;place-items:center;border-radius:10px;font-weight:750}.user-avatar{width:34px;height:34px;color:#11251f;background:var(--lime);font-size:.7rem}.user-copy{min-width:0}.user-copy strong,.user-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{color:#dfeae6;font-size:.69rem}.user-copy span{margin-top:3px;color:#718b83;font-size:.61rem}.sign-out{width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#8ba098;background:transparent;cursor:pointer;transition:.16s ease}.sign-out:hover{color:var(--lime);background:#ffffff0f}.main{min-width:0;padding:clamp(28px,4vw,54px)}.main-content{width:min(1240px,100%);margin:0 auto}.page-stack,.stack{display:grid;gap:18px}.page-stack{gap:28px;animation:page-in .5s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow,.section-kicker{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.045em}h1{margin-top:8px;font-size:clamp(2rem,4vw,3rem);font-weight:760;line-height:1.06}h2{font-size:1.15rem;font-weight:740}h3{font-size:1rem}p{line-height:1.65}.page-header p{max-width:640px;margin:10px 0 0}.muted{color:var(--muted)}.environment-pill,.count-badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;font-size:.72rem;font-weight:700}.environment-pill{gap:9px;padding:9px 14px;box-shadow:0 8px 25px #1830280d}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;min-height:104px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#ffffffc7;box-shadow:0 12px 35px #1e372f0a;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-icon{position:relative;display:block;width:44px;height:44px;border-radius:13px;color:var(--accent);background:#e8f3ed}.stat-icon:before,.stat-icon:after{position:absolute;content:""}.stat-icon-tenants:before{top:11px;left:12px;width:18px;height:20px;border:2px solid currentColor;border-radius:3px;box-shadow:5px -5px 0 -3px #e8f3ed,5px -5px 0 -1px currentColor}.stat-icon-active:before{top:11px;left:11px;width:18px;height:18px;border:2px solid currentColor;border-radius:50%}.stat-icon-active:after{top:16px;left:17px;width:8px;height:5px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg)}.stat-icon-halo:before{top:13px;left:10px;width:20px;height:14px;border:2px solid currentColor;border-radius:5px}.stat-icon-halo:after{top:19px;left:17px;width:10px;height:2px;background:currentColor;box-shadow:0 4px currentColor}.stat-label{display:block;color:var(--muted);font-size:.69rem;font-weight:650}.stat-card strong{display:block;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:1.7rem;font-weight:500;letter-spacing:-.06em}.stat-trend{align-self:start;padding:4px 7px;border-radius:6px;color:#23733e;background:#e8f7e8;font-size:.58rem;font-weight:750;text-transform:uppercase}.stat-trend.neutral{color:#596d66;background:#edf1ef}.content-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(480px,1.4fr);gap:18px;align-items:start}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:5px}.panel-heading-spread{justify-content:space-between;gap:20px;margin-bottom:19px}.panel-heading p{margin:5px 0 0;font-size:.75rem}.panel-number{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--accent);background:#eaf3ef;font-family:IBM Plex Mono,monospace;font-size:.63rem;font-weight:600}.section-kicker{display:block;margin-bottom:7px}.count-badge{padding:7px 10px;color:var(--muted);background:#f7f9f7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;color:var(--ink-soft);font-size:.76rem;font-weight:680}.optional{float:right;color:#62756e;font-size:.62rem;font-weight:600}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:45px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fbfcfb;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:110px;resize:vertical}input::placeholder,textarea::placeholder{color:#74857f}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:#abbdb5}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);outline:0;background:#fff;box-shadow:0 0 0 4px #16785f17}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border:1px solid var(--accent);border-radius:10px;color:#fff;background:var(--accent);box-shadow:0 8px 20px #16785f29;cursor:pointer;font-size:.76rem;font-weight:750;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:hover,.button:hover{background:var(--accent-dark);box-shadow:0 10px 24px #16785f38;transform:translateY(-1px)}button:active,.button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button.secondary,.button.secondary{color:var(--ink-soft);border-color:var(--line-strong);background:#fff;box-shadow:none}button.secondary:hover,.button.secondary:hover{color:var(--accent);border-color:#9fc4b5;background:#f5faf7}button.danger{border-color:var(--danger);background:var(--danger)}.button-wide{width:100%;margin-top:2px}.compact{min-height:35px;padding:7px 11px;border-radius:8px;font-size:.68rem}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.table-wrap{overflow-x:auto}.table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.table th,.table td{padding:14px 12px;border-bottom:1px solid #e9eeeb;text-align:left;vertical-align:middle}.table th{color:#64756f;font-size:.62rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.table td{color:var(--ink-soft);font-size:.75rem}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#fafcfb}.table tbody tr:last-child td{border-bottom:0}.tenant-cell{display:flex;align-items:center;gap:11px}.tenant-cell strong,.table-subtext{display:block}.tenant-cell strong{color:var(--ink);font-size:.76rem}.table-subtext{margin-top:4px;color:#8c9994;font-family:IBM Plex Mono,monospace;font-size:.62rem}.tenant-avatar{width:36px;height:36px;flex:0 0 auto;color:#275f4f;background:linear-gradient(145deg,#e4f5eb,#cce6d9);font-size:.65rem}.table-action{text-align:right!important}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;color:#27734c;background:#e9f7ee;font-size:.65rem;font-weight:750;text-transform:capitalize}.badge-dot{width:5px;height:5px;border-radius:50%;background:#52b86f}.linked-value{font-family:IBM Plex Mono,monospace;font-size:.68rem}.notice{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:.72rem;line-height:1.5}.notice.success{color:#256c43;border-color:#c8e6d2;background:#eef9f1}.empty-state{display:grid;place-items:center;gap:6px;min-height:180px;color:var(--muted);text-align:center}.empty-state strong{color:var(--ink-soft)}.error{padding:11px 13px;border:1px solid #efc7c1;border-radius:10px;color:var(--danger);background:#fff4f2;font-size:.75rem;white-space:pre-wrap}.hero-login{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(186,244,90,.14),transparent 22rem),linear-gradient(145deg,#071a17,#0d2a26);overflow:hidden}.hero-login:before,.hero-login:after{position:absolute;border:1px solid rgba(186,244,90,.1);border-radius:50%;content:""}.hero-login:before{top:-160px;right:-100px;width:440px;height:440px}.hero-login:after{bottom:-200px;left:-120px;width:520px;height:520px}.login-card{position:relative;z-index:1;width:min(460px,100%);padding:34px;box-shadow:0 35px 90px #0000004d}.login-card h1{font-size:2rem}.login-card p{margin:8px 0 0;font-size:.85rem}.sso-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sso-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px}.sso-logo{width:18px;height:18px;flex-shrink:0}pre{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f7f9f8;font-family:IBM Plex Mono,monospace}@media(max-width:1100px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto;padding-bottom:4px}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;padding:18px}.brand{margin-bottom:18px}.nav-label,.sidebar-status{display:none}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav a{justify-content:center;min-height:42px;padding:8px;font-size:.7rem}.nav a:after,.nav-icon{display:none}.sidebar-user{position:absolute;top:17px;right:18px;width:auto;margin:0;padding:0;border:0}.user-copy{display:none}.main{padding:28px 20px 40px}.page-header{align-items:flex-start}.grid-2{grid-template-columns:1fr}}@media(max-width:560px){.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{display:block}.environment-pill{margin-top:18px}.stats-grid,.form-grid{grid-template-columns:1fr}.card{padding:20px}.panel-heading-spread{display:block}.count-badge{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
