:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{color:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;border-bottom:1px solid #dce3ed;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#172033;color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{margin-top:1px;color:#778197;font-size:.7rem}.tabs{display:flex;align-items:center;gap:5px;overflow-x:auto}.tabs a{padding:9px 13px;border-radius:9px;color:#5b6578;text-decoration:none;white-space:nowrap}.tabs a:hover{background:#f1f4f8}.tabs a.router-link-exact-active{background:#172033;color:#fff}.shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:30px 0 56px}.page{display:grid;gap:22px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 7px;color:#6d7890;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}h2{margin-bottom:8px;font-size:1.08rem}.muted{margin-bottom:0;color:#6b7487;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card,.panel{border:1px solid #dce3ed;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1620330a}.metric-card{display:grid;gap:9px;min-height:118px;padding:18px}.metric-card span,.detail-label{color:#737e92;font-size:.79rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-card strong{align-self:end;font-size:1.45rem;letter-spacing:-.03em}.metric-card .small-value{font-size:1rem;line-height:1.4}.panel{padding:20px}.ok-text{color:#18794e}.bad-text{color:#b42318}.button{min-height:40px;border:0;border-radius:10px;padding:0 15px;cursor:pointer;font-weight:750}.button:disabled{cursor:wait;opacity:.55}.button.primary{background:#172033;color:#fff}.button.primary:hover:not(:disabled){background:#29344a}.button.secondary{border:1px solid #ccd5e2;background:#fff}.table-panel{padding:0;overflow:hidden}.table-toolbar,.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px}.table-toolbar{border-bottom:1px solid #e2e7ef}.pagination{border-top:1px solid #e2e7ef}.table-wrap{overflow-x:auto}table{width:100%;min-width:900px;border-collapse:collapse}th,td{padding:13px 18px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle}th{background:#f8fafc;color:#606b80;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcfe}.code-badge{display:inline-flex;border-radius:7px;background:#eef2f7;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.empty-cell{padding:36px;color:#778197;text-align:center}.alert{margin:0;border-radius:11px;padding:12px 14px;font-weight:650}.alert.error{border:1px solid #f2c6c1;background:#fff4f2;color:#9f251b}.alert.success{border:1px solid #bfe2cf;background:#f0fbf5;color:#176b46}.link-button{margin-left:8px;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#141b2885}.modal-card{width:min(700px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0a111e40}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 0}.modal-header h2{margin-bottom:0;font-size:1.35rem}.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #d3dae5;border-radius:9px;background:#fff;cursor:pointer;font-size:1.45rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.form-grid label{display:grid;gap:7px;color:#49556b;font-size:.88rem;font-weight:700}.form-grid input{width:100%;min-height:43px;border:1px solid #c8d1df;border-radius:9px;padding:0 11px;outline:none}.form-grid input:focus{border-color:#53657f;box-shadow:0 0 0 3px #53657f1f}.full-width{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.action-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}.architecture{display:grid;gap:10px;justify-items:center;padding:26px}.stack-node{display:grid;width:min(500px,100%);gap:4px;border:1px solid #d8e0ea;border-radius:13px;padding:14px 18px;text-align:center}.stack-node span{color:#737e92;font-size:.88rem}.stack-arrow{color:#98a2b3;font-size:1.25rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid .panel{display:grid;gap:8px}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.tabs{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.topbar{padding:11px 14px}.shell{width:min(100% - 22px,1280px);padding-top:22px}.page-heading,.action-panel{align-items:stretch;flex-direction:column}.metric-grid,.detail-grid,.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.pagination{flex-wrap:wrap}}