:root{
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;
  color:#172b3d;background:#f4f7fa;font-size:16px;
  --navy:#0b1e31;--navy-2:#132d45;--teal:#078b87;--teal-dark:#066d6b;
  --cyan:#49d6c9;--ink:#172b3d;--muted:#61788d;--line:#dce5ed;
  --surface:#fff;--soft:#f7f9fb;--amber:#d99222;--red:#c14438;
  --shadow:0 10px 30px rgba(17,42,66,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft)}
a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:none;color:var(--teal)}
button,input,select,textarea{font:inherit}button,.button{background:var(--teal);color:#fff;border:1px solid transparent;border-radius:8px;padding:.72rem 1.05rem;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:.18s ease}
button:hover,.button:hover{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait;transform:none}.secondary{background:#fff;color:#25435e;border-color:#c4d2de}.secondary:hover{background:#f5f8fa;color:#18354e}
:focus-visible{outline:3px solid #e3a737;outline-offset:3px}.skip{position:fixed;top:-100px;background:#fff;z-index:40;padding:15px}.skip:focus{top:0}
aside{background:linear-gradient(180deg,#0c2136 0%,#081a2b 100%);color:#c5d4e1;position:fixed;inset:0 auto 0 0;width:272px;padding:28px 20px 20px;display:flex;flex-direction:column;gap:24px;z-index:10;border-right:1px solid rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.42rem;font-weight:800;letter-spacing:-.02em;padding:0 7px}.brand:hover{color:#fff}.brand small{display:block;color:#88a2b8;letter-spacing:.19em;font-size:.63rem;margin-top:3px}.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(145deg,#0ab5aa,#078882);color:#fff;width:44px;height:46px;border-radius:10px;font-size:1.75rem;font-weight:800;box-shadow:0 9px 22px rgba(5,161,153,.22)}.brand-mark.compact{width:38px;height:40px;font-size:1.45rem}
.workspace-card{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:13px 14px}.workspace-card>span:last-child{display:grid;gap:2px;min-width:0}.workspace-card small{color:#7f9aaf;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.workspace-card strong{color:#e7f0f7;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-indicator{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(73,214,201,.1)}
nav{display:grid;gap:5px;overflow-y:auto;min-height:0}nav a{color:#aabed0;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.91rem;font-weight:600;position:relative}nav a:hover{background:rgba(255,255,255,.055);color:#eef6fa}nav a.active{background:rgba(39,191,181,.13);color:#fff}.nav-icon{display:grid;place-items:center;width:24px;height:24px;color:#86a1b7;font-size:1rem}.active .nav-icon{color:var(--cyan)}.nav-count{margin-left:auto;background:#21415b;color:#dbe8f0;border-radius:20px;padding:2px 7px;font-size:.69rem}
.sidebar-foot{margin-top:auto;display:grid;gap:16px}.availability{display:flex;align-items:center;gap:9px;padding:0 10px}.availability>span{width:7px;height:7px;border-radius:50%;background:#49d686;box-shadow:0 0 0 4px rgba(73,214,134,.1)}.availability small{color:#8ea8bb;font-size:.73rem}.identity{display:flex;align-items:center;gap:10px;padding:13px 10px 0;border-top:1px solid rgba(255,255,255,.08)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#29465f;color:#fff;font-weight:800}.identity-copy{display:grid;min-width:0;flex:1}.identity-copy strong{color:#f2f6f9;font-size:.82rem;overflow:hidden;text-overflow:ellipsis}.identity-copy small{color:#829caf;font-size:.69rem}.identity form{display:block}.icon-button{padding:.35rem;background:transparent;color:#91a9ba;border:0;font-size:1.15rem}.icon-button:hover{background:rgba(255,255,255,.07);transform:none}
.shell{margin-left:272px;min-height:100vh}header{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:8}.header-copy{display:grid;gap:2px}.eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#7790a5}.header-copy strong{font-size:.92rem}.header-actions{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:9px;color:#6b8194;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.8rem;min-width:190px;background:#fafcfd}.header-search kbd{margin-left:auto;border:1px solid #d4dee6;border-radius:4px;padding:1px 5px;background:#fff;font-size:.68rem}.language{display:flex;align-items:center;gap:8px;color:#6a8093;font-size:.73rem}.language select{width:auto;padding:7px 8px;font-size:.76rem}
main{padding:34px;max-width:1540px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}.page-heading-copy{display:grid;gap:7px}.page-heading h1{font-size:1.9rem;letter-spacing:-.045em;margin:0;color:#10283e}.page-heading p{margin:0;color:var(--muted);max-width:720px}.heading,.toolbar,.row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.heading{margin-bottom:25px}h1{font-size:1.85rem;letter-spacing:-.04em;margin:0}h2{font-size:1.05rem;margin:0 0 18px;letter-spacing:-.015em}h3{font-size:.98rem;margin:.25rem 0}.muted,small{color:var(--muted);font-size:.83rem}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#102f49 0%,#0e465a 65%,#0a746f 120%);color:#fff;border-radius:15px;padding:31px 34px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:270px;height:270px;border:56px solid rgba(89,223,211,.08);border-radius:50%;right:-74px;top:-102px}.hero-copy{position:relative;z-index:1;display:grid;gap:10px;max-width:710px}.hero .eyebrow{color:#75ded4}.hero h1{font-size:2rem;color:#fff}.hero p{margin:0;color:#c5dce6;line-height:1.55}.hero-actions{display:flex;gap:10px;position:relative;z-index:1}.hero .secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 1px 2px rgba(25,50,72,.025)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-head h2{margin:0}.panel-link{font-size:.78rem;font-weight:700}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric{position:relative;padding:20px;min-height:145px}.metric:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:#c3d4df}.metric[data-tone="teal"]:before{background:var(--teal)}.metric[data-tone="amber"]:before{background:var(--amber)}.metric[data-tone="red"]:before{background:var(--red)}.metric h2{font-size:.76rem;color:#637b8f;text-transform:uppercase;letter-spacing:.055em;margin:0}.metric strong{display:block;font-size:2rem;letter-spacing:-.045em;margin:18px 0 8px;color:#17314a}.metric p{font-size:.72rem;line-height:1.4;color:#71879a;margin:0}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px}.chart-row,.recent>a,.service-row,.integration-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #e8eef3;color:inherit}.chart-row:first-of-type,.recent>a:first-of-type,.service-row:first-of-type,.integration-row:first-of-type{border-top:0}.chart-label{display:flex;align-items:center;gap:10px}.chart-dot{width:8px;height:8px;border-radius:50%;background:#9ab0c1}.chart-row strong{font-size:1.15rem}.bar{appearance:none;border:0;height:5px;background:#edf2f5;border-radius:5px;overflow:hidden;flex:1 1 0;min-width:0;width:0;max-width:180px}.bar::-webkit-progress-bar{background:#edf2f5;border-radius:5px}.bar::-webkit-progress-value{background:var(--teal);border-radius:5px}.bar::-moz-progress-bar{background:var(--teal);border-radius:5px}.recent>a>span:first-child{display:grid;gap:4px}.recent .empty{padding:18px}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e3ebf1;border-radius:9px;color:var(--ink);background:#fbfcfd}.quick-action:hover{border-color:#9bcac8;background:#f6fbfb}.quick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e9f6f5;color:var(--teal-dark);font-weight:800}.quick-action span:last-child{display:grid;gap:2px}.quick-action small{font-size:.71rem}
.inventory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;align-items:center;gap:13px}.summary-card strong{font-size:1.4rem}.summary-card span:last-child{display:grid}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px;display:grid;gap:17px}.product-card-head{display:flex;align-items:center;justify-content:space-between}.product-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e8f5f4;color:var(--teal-dark);font-weight:800}.product-title{display:flex;align-items:center;gap:11px}.product-title h2{margin:0}.status-pill{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#257a55;background:#e8f6ee;border-radius:20px;padding:5px 8px}.instance-list{display:grid;gap:9px}.instance{display:flex;justify-content:space-between;align-items:center;background:#f7f9fb;border-radius:8px;padding:11px 12px;font-size:.8rem}.instance span{display:grid}.instance small{font-size:.69rem}
.filters{display:flex;gap:11px;align-items:end;flex-wrap:wrap;margin-bottom:20px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:11px}.filters label{flex:1;min-width:125px}.filters button{margin-bottom:0}label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:#40596f}input,select,textarea{border:1px solid #bdcbd6;border-radius:7px;background:#fff;color:var(--ink);padding:10px 11px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,139,135,.1);outline:0}textarea{min-height:125px;resize:vertical}form{display:grid;gap:17px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}
.table-scroll{overflow:auto;padding:0}.table-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:.69rem;text-transform:uppercase;letter-spacing:.065em;color:#71879a;background:#f8fafb;padding:13px 16px}td{padding:16px;border-top:1px solid #e8eef3;font-size:.84rem}tbody tr:hover{background:#fbfdfd}td small{display:block;margin-top:5px}input[type=checkbox]{width:auto}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:.72rem;font-weight:700;background:#e7f4f4;color:#06696c;white-space:nowrap}.badge.p1{background:#fff0ed;color:#aa3322}.badge.p2{background:#fff6e3;color:#946318}.badge.p3{background:#e9f4fb;color:#296b92}.badge.p4{background:#edf1f4;color:#5e7180}
.notice{background:#e6f3f1;border-left:3px solid var(--teal);padding:12px 28px;color:#315e58;font-size:.82rem}#error{padding:15px 30px;background:#fff0ed;color:#972d20;border-bottom:1px solid #f0c8c3}.feedback-launcher{white-space:nowrap;box-shadow:0 4px 12px rgba(5,67,70,.18)}.empty{padding:40px;text-align:center;color:#61788d}.empty-state{display:grid;place-items:center;text-align:center;padding:45px 20px;gap:10px}.empty-state-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eaf5f4;color:var(--teal);font-size:1.4rem}.empty-state h3,.empty-state p{margin:0}.empty-state p{max-width:430px;color:var(--muted);font-size:.84rem}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.entry{border-left:3px solid #a9cbd3;padding:15px 18px;margin:15px 0;background:#f7fafc;border-radius:0 8px 8px 0}.entry.internal{background:#fff8e8;border-left-color:#d09b2f}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.entry small{display:block}.detail pre{white-space:pre-wrap;overflow-wrap:anywhere}.attachment{display:flex;gap:12px;align-items:center;margin:10px 0}dl{display:grid;gap:8px}dt{font-size:.75rem;color:#6c8295;text-transform:uppercase;letter-spacing:.05em}dd{margin:0 0 12px;overflow-wrap:anywhere}summary{cursor:pointer;padding:12px 0}.review{border:1px solid #e0be70;background:#fffaf0;padding:15px}.check{display:flex;align-items:center;gap:9px}#language{width:auto}
.login{background:#081b2d;min-height:100vh;display:grid;place-items:center;padding:32px}.login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.65fr);width:min(1120px,100%);min-height:620px;padding:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.27);background:#fff}.login-story{background:linear-gradient(145deg,#0c263e,#0b485a 72%,#087d77);color:#fff;padding:48px 54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:410px;height:410px;border:75px solid rgba(74,222,210,.08);border-radius:50%;right:-180px;bottom:-190px}.login-story .brand{padding:0}.login-kicker{font-size:.7rem;letter-spacing:.17em;color:#6ee0d5;font-weight:800}.login-story h1{font-size:3.05rem;line-height:1.05;margin:15px 0 20px;color:#fff}.login-story p{font-size:1rem;line-height:1.65;color:#c3dbe5;max-width:570px}.login-trust{display:flex;gap:20px;flex-wrap:wrap;color:#cbe1e9;font-size:.76rem;position:relative;z-index:1}.login-card{padding:58px 48px;display:flex;flex-direction:column;justify-content:center}.login-card-head{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-card h2{font-size:1.7rem;margin:0 0 8px}.login-card>p{margin:0 0 26px}.login-button{width:100%;padding:13px;margin:5px 0 20px}.microsoft-mark{font-size:1.25rem}.access-note{font-size:.79rem;line-height:1.5;padding:14px;border:1px solid #e3eaf0;border-radius:8px;background:#f8fafb;color:#617589}.login-card footer{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:.7rem;color:#8194a4;text-align:center}.form-error{background:#fff0ed;color:#982d20;padding:12px;border-radius:7px}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){aside{width:220px}.shell{margin-left:220px}main{padding:26px}.detail,.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-story{min-height:330px}.login-story h1{font-size:2.4rem}}
@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:17px;gap:14px}.workspace-card,.availability{display:none}.sidebar-foot{margin:0}.identity{padding:10px 0 0}.brand{font-size:1.2rem}.brand-mark{width:35px;height:38px}.identity{display:flex}nav{display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px}.nav-count{display:none}.shell{margin:0}header{height:auto;padding:12px 18px;position:static;align-items:flex-start;flex-wrap:wrap;gap:8px}.header-copy,.header-actions{width:100%}.header-actions{justify-content:space-between;gap:8px}.header-search,.language>span{display:none}main{padding:22px 15px}.hero{padding:24px;align-items:flex-start;flex-direction:column}.hero h1{font-size:1.65rem}.metrics,.grid,.inventory-summary{grid-template-columns:1fr}.metrics{gap:10px}.metric{min-height:auto}.panel{padding:17px}.filters label{min-width:100%}.table-scroll{margin:0}.catalog-grid{grid-template-columns:1fr}.login{padding:0}.login-shell{border-radius:0;min-height:100vh}.login-story{display:none}.login-card{padding:36px 26px}.page-heading{align-items:flex-start}.header-copy .eyebrow{display:none}}
.observability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.observability-grid>.panel{min-width:0}.observability-grid [aria-live]{min-width:0;max-width:100%}.observability-grid .table-scroll{min-width:0;width:100%;max-width:100%}.observability-grid pre{max-width:70vw;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1000px){.observability-grid{grid-template-columns:1fr}}
.observability-results-reopen[hidden]{display:none}
:root:has(.observability-results-dialog[open]){overflow:hidden}
.observability-results-dialog{position:fixed;inset:0;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;margin:auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(8,27,45,.3);overflow:auto}
.observability-results-dialog[open]{display:flex;flex-direction:column;gap:16px}
.observability-results-dialog::backdrop{background:rgba(8,27,45,.65)}
.observability-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-shrink:0}
.observability-results-header>div{min-width:0}.observability-results-header h2{font-size:1.35rem;margin:0 0 8px}.observability-results-header p{margin:0;overflow-wrap:anywhere}.observability-results-header button{flex-shrink:0;min-height:44px}
.observability-results-body{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;min-width:0;overflow:auto}.observability-results-body>p{margin:0}
.observability-results-dialog .table-scroll{flex:1;min-height:0;margin:0;padding:0}.observability-results-dialog[data-observability-results=audit] table{min-width:1100px}
.observability-results-dialog th{position:sticky;top:0;z-index:1;white-space:nowrap}.observability-results-dialog td{vertical-align:top;overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}.observability-results-dialog td:first-child{white-space:nowrap}.observability-results-dialog pre{max-width:none;max-height:none;margin:0}
.observability-results-footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:16px}.observability-results-actions{justify-content:flex-start;gap:10px}.observability-results-footer p{margin:12px 0 0}
.observability-event-details{white-space:normal;min-width:9rem;margin-top:8px}.observability-event-details summary{cursor:pointer;font-weight:600}.observability-event-details dl{display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,2fr);gap:8px}.observability-event-details dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.observability-results-dialog{width:100vw;height:100dvh;margin:0;padding:16px;border:0;border-radius:0}.observability-results-header{gap:12px}.observability-results-header h2{font-size:1.1rem}.observability-results-header button{padding:.65rem}.observability-results-actions button{font-size:.8rem;padding:.65rem}}