:root{--color-bg: #F4F7FB;--color-surface: #FFFFFF;--color-surface-alt: #EEF2F8;--color-border: #D6E0EE;--color-border-light: #E8EFFE;--color-accent: #003594;--color-accent-hover: #00439E;--color-accent-light: #E5ECFA;--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-bg: #E5ECFA;--color-sidebar-bg: #003594;--color-sidebar-text: rgba(255,255,255,.75);--color-sidebar-active: #FFFFFF;--color-sidebar-hover: rgba(255,255,255,.1);--color-sidebar-group: rgba(255,255,255,.4);--color-danger: #C62828;--color-warning: #E65100;--color-success: #1B6B3A;--color-text: #1A2A4A;--color-text-muted: #5A6B8A;--color-mandatory: #C62828;--color-recommended: #003594;--color-optional: #1B6B3A;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,53,148,.08), 0 0 1px rgba(0,53,148,.05);--shadow-sm: 0 1px 2px rgba(0,53,148,.06);--shadow-md: 0 4px 16px rgba(0,53,148,.12);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--page-max-width: 1120px;--color-bg-gradient: linear-gradient(180deg, #f8fafd 0%, var(--color-bg) 28%);--color-hero-accent: linear-gradient(90deg, #003594 0%, #0a4dab 55%, #003594 100%);--bg: var(--color-bg);--surface: var(--color-surface);--line: var(--color-border);--text: var(--color-text);--muted: var(--color-text-muted);--brand: var(--color-accent);--chip: var(--color-surface-alt)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}h2{font-size:1.05rem;font-weight:600;color:var(--color-text)}h3{font-size:.95rem;font-weight:600;color:var(--color-text)}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-size:13px;font-weight:600;font-family:var(--font);line-height:1.2;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,box-shadow .15s,border-color .15s,opacity .15s}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-outline,.btn-segment,.btn-sm,.btn-lg{white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-sm{min-height:32px;padding:5px 12px;font-size:12px;border-radius:6px}.btn-lg{min-height:40px;padding:10px 20px;font-size:14px}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 1px 3px #00359440}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 2px 8px #0035944d}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:#b0c0dc}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);border-color:#b0c0dc;color:var(--color-text)}.btn-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-outline:hover:not(:disabled){background:var(--color-accent-light)}.btn-segment-group{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.btn-segment{border-radius:0;border:none;border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);min-height:36px;padding:8px 18px;font-weight:500}.btn-segment:last-child{border-right:none}.btn-segment.active{background:var(--color-accent);color:#fff}.btn-chip{min-height:28px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.btn-chip.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-chip:hover:not(:disabled):not(.active){background:var(--color-surface-alt)}.btn-group{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.action-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:4px}.action-bar--split{justify-content:space-between}.action-bar__start,.action-bar__end{display:flex;align-items:center;gap:10px}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.pagination-bar .btn-ghost{min-width:92px}.pagination-bar__label{font-size:13px;color:var(--color-text-muted);min-width:140px;text-align:center}.btn-icon{min-height:unset;min-width:unset;padding:0;background:none;border:none;box-shadow:none;line-height:1}.btn-icon:hover:not(:disabled){background:none;opacity:.75}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:8px 11px;font-size:13px;font-family:var(--font);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0035941a}input::placeholder{color:#9baec4}label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-draft{background:#eef2f8;color:#5a6b8a}.badge-in_review{background:#e5ecfa;color:#003594;border:1px solid #C5D5F0}.badge-approved{background:#e5f5ec;color:#1b6b3a;border:1px solid #B5DEC7}.badge-superseded{background:#fdecea;color:#c62828;border:1px solid #F5C6C6}.badge-suspended{background:#fff3e0;color:#e65100;border:1px solid #FFCC80}.badge-mandatory{background:#fdecea;color:var(--color-mandatory)}.badge-recommended{background:#e5ecfa;color:var(--color-recommended)}.badge-optional{background:#e5f5ec;color:var(--color-optional)}.badge-pending{background:#fff3e0;color:#e65100;border:1px solid #FFCC80}.badge-high{background:#fdecea;color:var(--color-danger)}.badge-medium{background:#fff3e0;color:var(--color-warning)}.badge-low{background:#e5f5ec;color:var(--color-success)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:9px 14px;color:var(--color-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:#f8fafd;border-bottom:1px solid var(--color-border)}th:first-child{border-radius:8px 0 0}th:last-child{border-radius:0 8px 0 0}td{padding:11px 14px;border-bottom:1px solid var(--color-border-light);vertical-align:top;color:var(--color-text)}tr:last-child td{border-bottom:none}tr:hover td{background:#f5f8fe}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.page-header h1{font-size:1.25rem}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted);font-size:13px}.spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fdecea;border:1px solid #F5C6C6;border-radius:var(--radius);padding:10px 14px;color:var(--color-danger);margin-bottom:16px;font-size:13px;font-weight:500}.info-banner{background:var(--color-accent-light);border:1px solid #C5D5F0;border-radius:var(--radius);padding:10px 14px;color:var(--color-accent);margin-bottom:16px;font-size:13px}.warning-banner{background:#fff3e0;border:1px solid #FFCC80;border-radius:var(--radius);padding:10px 14px;color:var(--color-warning);margin-bottom:16px;font-size:13px;font-weight:500}.success-banner{background:#e5f5ec;border:1px solid #B5DEC7;border-radius:var(--radius);padding:10px 14px;color:var(--color-success);margin-bottom:16px;font-size:13px;font-weight:500}.divider{border:none;border-top:1px solid var(--color-border);margin:20px 0}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:12px}code{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--color-accent);overflow-wrap:anywhere}.app-main{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;background:var(--color-bg-gradient)}.page-shell,.page-content{max-width:var(--page-max-width);width:100%;min-width:0;margin:0 auto;padding:28px 32px 48px}.page-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--color-border);position:relative}.page-hero:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;border-radius:4px;background:var(--color-hero-accent)}.page-hero__back{flex:1 1 100%;padding-left:12px}.page-hero__main{flex:1 1 16rem;min-width:0;padding-left:12px}.page-hero__eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:6px}.page-hero__title{margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere}.page-hero__lead{margin:0;max-width:52rem;font-size:14px;line-height:1.55;color:var(--color-text-muted);overflow-wrap:anywhere}.page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow-sm);max-width:100%;min-width:0;overflow:hidden}.ui-card+.ui-card{margin-top:16px}.ui-card__title{margin:0 0 6px;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.ui-card__lead{margin:0 0 24px;font-size:13px;line-height:1.55;color:var(--color-text-muted);overflow-wrap:anywhere}.callout{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--color-border);font-size:13px;line-height:1.5;margin-bottom:16px;overflow-wrap:anywhere}.callout--info{background:var(--color-accent-light);border-color:#c5d5f0;color:var(--color-text)}.callout--warn{background:#fff8e1;border-color:#f9a825;color:#7a5000}.callout__title{font-weight:600;margin-bottom:6px}button.btn-panel,.btn-panel{white-space:normal;text-align:left;width:100%;min-height:unset;height:auto;padding:14px 16px;display:block;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;box-shadow:none;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color .15s,box-shadow .15s,background .15s}button.btn-panel:hover:not(:disabled),.btn-panel:hover:not(:disabled){border-color:#b0c0dc;box-shadow:var(--shadow-sm)}button.btn-panel.is-selected,.btn-panel.is-selected{border:2px solid var(--color-accent);background:var(--color-accent-light);padding:13px 15px;box-shadow:0 0 0 1px #00359414}.step-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:12px;margin-bottom:28px;max-width:100%}.step-bar__segment{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.step-bar__segment.is-active{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.step-bar__segment.is-done{border-color:#b5dec7;background:#f4fbf6}.step-bar__connector{display:none}.step-bar__label{font-size:13px;min-width:0;line-height:1.35;overflow-wrap:anywhere}.step-bar__label.is-active{font-weight:700;color:var(--color-text)}.step-bar__label.is-done{color:var(--color-success);font-weight:600}.step-bar__label.is-pending{color:var(--color-text-muted);font-weight:500}.list-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-border-light)}.list-row--card{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:8px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.list-row__body{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere;word-break:break-word}.list-row__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-shrink:0}.data-grid-row{display:grid;grid-template-columns:32px minmax(4.5rem,auto) minmax(0,1fr) minmax(5.5rem,auto);gap:12px;align-items:start}.data-grid-row>*{min-width:0;overflow-wrap:anywhere;word-break:break-word}.data-grid-scroll{border:1px solid var(--color-border);border-radius:var(--radius);overflow:auto;max-width:100%}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-bottom:20px}.preset-grid>*{min-width:0}.grid-1{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid-main-wide{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}.grid-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,320px);gap:20px;align-items:start}.grid-sidebar-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,268px);gap:16px;align-items:start}.grid-meta{display:grid;grid-template-columns:minmax(6rem,120px) minmax(0,1fr);gap:8px 16px}.grid-auto-fit-140{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.grid-auto-fit-200{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.grid-1>*,.grid-2>*,.grid-3>*,.grid-4>*,.grid-main-wide>*,.grid-sidebar>*,.grid-sidebar-editor>*,.grid-meta>*,.grid-auto-fit-140>*,.grid-auto-fit-200>*,.preset-grid>*{min-width:0}main,.content,.page-content{min-width:0}@media (max-width: 900px){.grid-sidebar,.grid-sidebar-editor,.grid-main-wide{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.data-grid-row{grid-template-columns:32px minmax(0,1fr)}.data-grid-row .data-grid-family{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.list-row{flex-direction:column;align-items:stretch}.list-row__actions{width:100%}.page-shell,.page-content{padding:20px 16px 32px}.page-hero__actions{width:100%}}input,textarea,select{overflow-wrap:anywhere}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.dashboard-kpi{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.dashboard-kpi--link:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000f}.dashboard-kpi__value{font-size:28px;font-weight:700;line-height:1.1;color:var(--color-text)}.dashboard-kpi__suffix{font-size:16px;font-weight:500;color:var(--color-text-muted)}.dashboard-kpi__label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.dashboard-pipeline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;padding:10px 16px;background:var(--color-surface-muted, var(--color-bg));border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--color-text-muted)}.dashboard-pipeline__step--active{color:var(--color-accent)}.dashboard-pipeline__arrow{opacity:.5}.dashboard-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.dashboard-section{padding:18px 20px}.dashboard-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-section__title{margin:0;font-size:16px;font-weight:700}.dashboard-section__link{font-size:13px;font-weight:600;color:var(--color-accent);text-decoration:none}.dashboard-section__foot{margin-top:12px;font-size:13px}.dashboard-empty{margin:0;color:var(--color-text-muted);font-size:14px}.dashboard-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-board__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-bg)}.dashboard-board__body{flex:1;min-width:0}.dashboard-board__title{font-weight:600;font-size:14px;margin-bottom:2px}.dashboard-board__meta{font-size:12px;color:var(--color-text-muted)}.dashboard-type-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:4px;background:var(--color-border-light);color:var(--color-text-muted)}.dashboard-type-badge--sgpak{background:#6366f11f;color:#6366f1}.dashboard-type-badge--cgd{background:#10b9811f;color:#10b981}.dashboard-type-badge--control{background:#f59e0b1f;color:#f59e0b}.dashboard-type-badge--catalog{background:#3b82f61f;color:#3b82f6}.dashboard-type-badge--process{background:#a855f71f;color:#a855f7}.dashboard-work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-work-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius)}.dashboard-work-list__item--muted{font-size:13px;color:var(--color-text-muted);justify-content:flex-start}.dashboard-work-list__title{font-weight:600;font-size:14px}.dashboard-work-list__meta{font-size:12px;color:var(--color-text-muted);margin-top:2px}.dashboard-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-library-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--color-bg);transition:border-color .15s ease}.dashboard-library-card:hover{border-color:var(--color-accent)}.dashboard-library-card__count{font-size:24px;font-weight:700}.dashboard-library-card__label{font-size:14px;font-weight:600}.dashboard-library-card__sub{font-size:12px;color:var(--color-text-muted)}@media (max-width: 1200px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.dashboard-columns,.dashboard-library-grid{grid-template-columns:1fr}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-board__row{flex-wrap:wrap}}.home-getting-started__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.home-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.home-checklist__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.home-checklist__item--done{border-color:#2e7d3259;background:#2e7d320a}.home-checklist__item--next{border-color:var(--color-accent);box-shadow:0 0 0 1px #1976d226}.home-checklist__num{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-alt);flex-shrink:0}.home-checklist__item--done .home-checklist__num{background:var(--color-success);color:#fff}.home-checklist__body{flex:1;min-width:0}.home-checklist__label{font-weight:600;font-size:14px}.home-checklist__detail{font-size:12px;color:var(--color-text-muted);margin-top:2px;line-height:1.45}.home-getting-started__cta{margin-top:14px}.home-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-workflow-card{display:block;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--color-surface);transition:border-color .12s,box-shadow .12s}.home-workflow-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.home-workflow-card__title{font-weight:700;font-size:14px;margin-bottom:6px}.home-workflow-card__body{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin:0 0 10px}.home-workflow-card__cta{font-size:12px;font-weight:600;color:var(--color-accent)}.readiness-fix-panel{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.readiness-fix-panel__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light)}.readiness-fix-panel__row:last-child{border-bottom:none}.dependency-map{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dependency-map__row{display:flex;align-items:center;gap:8px}.dependency-map__arrow{color:var(--color-text-muted);font-size:14px}.dependency-map__node{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--color-border);font-size:12px;font-weight:600}.dependency-map__node--ready{border-color:var(--color-success);background:#2e7d3214;color:var(--color-success)}.dependency-map__node--blocked{border-color:var(--color-warning);background:#ff980014}@media (max-width: 900px){.home-workflow-grid{grid-template-columns:1fr}}