:root{--color-bg: #f2f3f3;--color-surface: #ffffff;--color-border: #d5dbdb;--color-border-light: #eaeded;--color-text: #16191f;--color-text-secondary: #5f6b7a;--color-text-muted: #879596;--color-link: #0972d3;--color-link-hover: #033160;--color-primary: #ec7211;--color-primary-hover: #eb5f07;--color-topnav: #232f3e;--color-success: #037f0c;--color-success-bg: #f2fcf3;--color-success-border: #037f0c;--color-error: #d91515;--color-error-bg: #fff7f7;--color-info-bg: #f1faff;--color-focus: #0972d3;--radius: 8px;--radius-sm: 2px;--shadow: 0 1px 2px 0 rgba(0, 28, 36, .15);--font: "Amazon Ember", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font);font-size:14px;color:var(--color-text);background:var(--color-bg)}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover);text-decoration:underline}.topnav{background:var(--color-topnav);color:#fff;height:44px;display:flex;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:100}.topnav-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;text-decoration:none}.topnav-brand:hover{color:#fff;text-decoration:none}.topnav-brand .logo{width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,#ec7211,#f90);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#232f3e}.topnav-spacer{flex:1}.topnav-item{color:#d5dbdb;font-size:13px;padding:6px 10px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;font-family:var(--font)}.topnav-item:hover{color:#fff;background:#ffffff1a;text-decoration:none}.app-body{display:flex;flex:1;min-height:0}.sidenav{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:16px 0}.sidenav-title{font-size:15px;font-weight:700;padding:4px 24px 12px;border-bottom:1px solid var(--color-border-light);margin-bottom:8px}.sidenav-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:14px 24px 6px}.sidenav a.nav-item{display:block;padding:6px 24px;color:var(--color-text-secondary);font-size:14px;border-left:3px solid transparent}.sidenav a.nav-item:hover{color:var(--color-link);text-decoration:none}.sidenav a.nav-item.active{color:var(--color-link);font-weight:700;border-left-color:var(--color-link);background:var(--color-info-bg)}.main-content{flex:1;min-width:0;padding:24px 32px 48px}.content-narrow{max-width:820px}.breadcrumbs{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.breadcrumbs a{color:var(--color-link)}.breadcrumbs .sep{margin:0 6px;color:var(--color-text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700;margin:0 0 4px}.page-header .counter{color:var(--color-text-muted);font-weight:400}.page-header p{margin:0;color:var(--color-text-secondary);font-size:14px}.page-actions{display:flex;gap:8px;flex-shrink:0}.container-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.container-header{padding:16px 20px 12px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.container-header h2{font-size:18px;font-weight:700;margin:0}.container-header .desc{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.container-body{padding:20px}.container-body.flush{padding:0;overflow-x:auto;max-width:100%}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:14px;font-weight:700;padding:6px 20px;border-radius:20px;cursor:pointer;border:1px solid transparent;text-decoration:none;line-height:20px;white-space:nowrap}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-normal{background:#fff;color:var(--color-link);border-color:var(--color-link)}.btn-normal:hover{background:var(--color-info-bg);color:var(--color-link-hover);border-color:var(--color-link-hover)}.btn-danger{background:#fff;color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error-bg)}.btn-sm{padding:2px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}table.aws-table{width:100%;border-collapse:collapse;font-size:14px}.aws-table th{text-align:left;padding:10px 20px;font-size:13px;font-weight:700;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:#fafafa;white-space:nowrap}.aws-table td{padding:10px 20px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.aws-table tr:last-child td{border-bottom:none}.aws-table tr:hover td{background:#fbfcfc}.aws-table .mono{font-family:var(--mono);font-size:12px;color:var(--color-text-secondary)}.aws-table .truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aws-table tr.detail-row>td{max-width:0;overflow:hidden;vertical-align:top}.detail-panel{min-width:0;max-width:100%}.detail-panel .kv-item .v.mono{overflow-wrap:anywhere;word-break:break-word}.empty-state{padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.empty-state .title{font-weight:700;color:var(--color-text);margin-bottom:6px;font-size:15px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:1px 8px;border-radius:10px;white-space:nowrap}.badge-green{background:var(--color-success-bg);color:var(--color-success);border:1px solid #6dc07a}.badge-red{background:var(--color-error-bg);color:var(--color-error);border:1px solid #f0a0a0}.badge-grey{background:#f2f3f3;color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-blue{background:var(--color-info-bg);color:var(--color-link);border:1px solid #8ec2ec}.badge-mono{font-family:var(--mono);font-weight:400}.form-field{margin-bottom:18px}.form-field label{display:block;font-weight:700;font-size:14px;margin-bottom:4px}.form-field .hint{font-size:12px;color:var(--color-text-secondary);margin:2px 0 6px}.form-field .error{font-size:12px;color:var(--color-error);margin-top:4px;font-weight:700}.form-field input[type=text],.form-field input[type=password],.form-field input[type=number],.form-field input[type=email],.form-field select,.form-field textarea{width:100%;font-family:var(--font);font-size:14px;color:var(--color-text);padding:6px 10px;border:1px solid #aab7b8;border-radius:var(--radius-sm);background:#fff}.form-field textarea{font-family:var(--mono);font-size:13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:var(--color-focus)}.form-field .required{color:var(--color-error)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-border-light)}.checkbox-field{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fafafa;border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.checkbox-field input{margin-top:3px}.checkbox-field .cb-label{font-weight:700;display:block}.checkbox-field .cb-hint{font-size:12px;color:var(--color-text-secondary)}.flash{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:14px}.flash-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.flash-error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.flash .close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;font-size:16px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.stat-tile .label{font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.stat-tile .value{font-size:28px;font-weight:700;line-height:1.1}.stat-tile .sub{font-size:12px;color:var(--color-text-muted);margin-top:4px}.stat-tile .value a{color:var(--color-link)}.copy-field{display:flex;align-items:center;gap:10px;background:#fafafa;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:8px 12px;margin-top:6px}.copy-field code{flex:1;font-family:var(--mono);font-size:12px;word-break:break-all;color:var(--color-text)}.copy-field-label{font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 24px}.kv-item .k{font-size:13px;color:var(--color-text-secondary);margin-bottom:2px}.kv-item .v{font-size:14px;font-weight:400;word-break:break-word}.kv-item .v.mono{font-family:var(--mono);font-size:13px}.pagination{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding:12px 20px}.pagination button{background:none;border:none;font-family:var(--font);font-size:13px;font-weight:700;color:var(--color-text-secondary);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer}.pagination button:hover:not(:disabled){color:var(--color-link)}.pagination button.current{color:var(--color-link);background:var(--color-info-bg)}.pagination button:disabled{opacity:.4;cursor:default}.filter-bar{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.filter-bar select,.filter-bar input{font-family:var(--font);font-size:13px;padding:5px 8px;border:1px solid #aab7b8;border-radius:var(--radius-sm);background:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-topnav)}.login-card{width:380px;background:var(--color-surface);border-radius:var(--radius);padding:32px;box-shadow:0 8px 24px #0006}.login-card h1{font-size:20px;margin:0 0 4px}.login-card .sub{color:var(--color-text-secondary);font-size:13px;margin:0 0 20px}.progress-bar{width:64px;height:5px;background:var(--color-border-light);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}.progress-bar>div{height:100%;background:var(--color-success)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.mono{font-family:var(--mono)}.mt-0{margin-top:0}.spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-link);border-radius:50%;display:inline-block;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{padding:40px;text-align:center;color:var(--color-text-secondary)}pre.code-block{background:#16191f;color:#d5dbdb;font-family:var(--mono);font-size:12px;padding:12px 14px;border-radius:var(--radius-sm);overflow-x:auto;margin:8px 0 0;max-height:260px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}