:root{--navy: #003265;--navy-deep: #002046;--navy-mid: #0a4a8c;--navy-light: #1060a8;--green: #8cc63f;--green-deep: #6ea82d;--green-dark: #5a8a24;--green-soft: #b1d96f;--paper: #ffffff;--soft: #f5f7fa;--soft-2: #eef4f9;--line: #dde3ed;--line-2: #e8edf5;--text: #1c2b3a;--text-strong: var(--navy-deep);--muted: #617488;--muted-2: #8d9bae;--success: #2f9e6e;--warning: #d98e00;--danger: #c93b3b;--info: var(--navy-mid);--font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 50, 101, .05);--shadow-sm: 0 2px 8px rgba(0, 50, 101, .06);--shadow: 0 8px 28px rgba(0, 50, 101, .1);--shadow-lg: 0 24px 60px rgba(0, 50, 101, .16);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-1: .12s;--duration-2: .2s;--duration-3: .32s;--z-base: 1;--z-sticky: 20;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--color-brand: var(--navy);--color-brand-strong: var(--navy-deep);--color-brand-on: var(--paper);--color-accent: var(--green);--color-accent-strong: var(--green-deep);--color-accent-on: var(--paper);--color-surface: var(--paper);--color-surface-soft: var(--soft);--color-text: var(--text);--color-muted: var(--muted);--color-line: var(--line)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--app-sidebar-w: 248px;--app-sidebar-w-collapsed: 64px;--app-topbar-h: 56px;--app-content-max: 1440px;--surface-1: var(--paper);--surface-2: var(--soft);--surface-3: #fbfcfe;--surface-sunken: #eef2f8;--border: var(--line);--border-strong: #c7d0e0;--border-focus: var(--green);--control-h-sm: 28px;--control-h: 32px;--control-h-lg: 40px;--control-radius: var(--radius-sm);--focus-ring: 0 0 0 3px rgba(140, 198, 63, .4)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased}a{color:var(--navy-mid);text-decoration:none}a:hover{color:var(--navy);text-decoration:underline}img{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--navy)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.app-shell{display:grid;grid-template-columns:var(--app-sidebar-w) 1fr;grid-template-rows:var(--app-topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar content";min-height:100vh}.app-shell--collapsed{grid-template-columns:var(--app-sidebar-w-collapsed) 1fr}.app-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--navy);color:var(--paper);border-right:1px solid var(--navy-mid)}.app-sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-4);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--paper);letter-spacing:.02em}.app-topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface-1);border-bottom:1px solid var(--border)}.app-content{grid-area:content;padding:var(--space-6);overflow:auto}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#ffffffc7;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color var(--duration-1) var(--ease-out),color var(--duration-1) var(--ease-out)}.nav-link:hover{background:#ffffff0f;color:var(--paper);text-decoration:none}.nav-link.is-active{background:var(--green);color:var(--paper)}.nav-link.is-active:hover{background:var(--green-deep)}.nav-section-label{padding:var(--space-3) var(--space-3) var(--space-1);color:#ffffff73;font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--control-radius);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-1) var(--ease-out),border-color var(--duration-1) var(--ease-out),color var(--duration-1) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--fs-xs)}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-5);font-size:var(--fs-md)}.btn--block{width:100%}.btn--primary{color:var(--paper);background:var(--navy);border-color:var(--navy)}.btn--primary:hover{background:var(--navy-mid);border-color:var(--navy-mid)}.btn--accent{color:var(--paper);background:var(--green);border-color:var(--green)}.btn--accent:hover{background:var(--green-deep);border-color:var(--green-deep)}.btn--secondary{color:var(--navy);background:var(--surface-1);border-color:var(--border)}.btn--secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn--ghost{color:var(--navy);background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{color:var(--paper);background:var(--danger);border-color:var(--danger)}.btn--danger:hover{filter:brightness(.95)}.btn--icon{width:var(--control-h);padding:0}.btn--icon.btn--sm{width:var(--control-h-sm)}.btn--icon.btn--lg{width:var(--control-h-lg)}.field{display:grid;gap:var(--space-2)}.label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.input,.select,.textarea{display:block;width:100%;height:var(--control-h);padding:0 var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--control-radius);font-size:var(--fs-sm);color:var(--text);transition:border-color var(--duration-1) var(--ease-out),box-shadow var(--duration-1) var(--ease-out)}.textarea{height:auto;min-height:96px;padding:var(--space-2) var(--space-3);line-height:1.5;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-sunken);color:var(--muted);cursor:not-allowed}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--danger)}.input.is-invalid:focus,.select.is-invalid:focus,.textarea.is-invalid:focus{box-shadow:0 0 0 3px #c93b3b40}.help{font-size:var(--fs-xs);color:var(--muted)}.help--error{color:var(--danger)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);cursor:pointer}.checkbox input,.radio input{accent-color:var(--green)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.panel+.panel,*+.panel{margin-top:var(--space-5)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.panel__title{margin:0;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;color:var(--navy)}.panel__body{padding:var(--space-5)}.panel__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface-3);border-radius:0 0 var(--radius) var(--radius)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-3);white-space:nowrap}.table tbody tr{transition:background-color var(--duration-1) var(--ease-out)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.is-selected{background:#8cc63f1a}.table--zebra tbody tr:nth-child(2n){background:var(--surface-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;background:var(--surface-2);color:var(--text);border:1px solid var(--border);white-space:nowrap}.badge--brand{background:#00326514;color:var(--navy);border-color:#0032652e}.badge--accent{background:#8cc63f29;color:var(--green-dark);border-color:#8cc63f66}.badge--success{background:#2f9e6e1f;color:var(--success);border-color:#2f9e6e4d}.badge--warning{background:#d98e0024;color:var(--warning);border-color:#d98e004d}.badge--danger{background:#c93b3b1f;color:var(--danger);border-color:#c93b3b4d}.badge--solid{background:var(--navy);color:var(--paper);border-color:var(--navy)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-header__title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;color:var(--navy)}.page-header__subtitle{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--fs-sm)}.page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.tooltip{position:absolute;z-index:var(--z-overlay);padding:var(--space-1) var(--space-2);background:var(--navy-deep);color:var(--paper);border-radius:var(--radius-xs);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--navy);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:var(--fs-sm)}.toast--success{border-left-color:var(--success)}.toast--warning{border-left-color:var(--warning)}.toast--danger{border-left-color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:sib-skeleton 1.4s var(--ease-in-out) infinite}@keyframes sib-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--border);border:0;margin:var(--space-4) 0}.muted{color:var(--muted)}.text-brand{color:var(--navy)}.text-accent{color:var(--green-deep)}.bg-soft{background:var(--surface-2)}.bg-surface{background:var(--surface-1)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}[data-theme=dark]{--surface-1: #0e1a2c;--surface-2: #0a1424;--surface-3: #14223a;--surface-sunken: #060c18;--border: #1c2c47;--border-strong: #2a3d5d;--text: #e7eef9;--text-strong: #ffffff;--muted: #8da0bb;--muted-2: #6b7e9c;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow: 0 8px 28px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--color-text: var(--text);--color-line: var(--border);--color-surface: var(--surface-1)}[data-theme=dark] body{background:var(--surface-2);color:var(--text)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--text-strong)}[data-theme=dark] a{color:var(--green)}[data-theme=dark] a:hover{color:var(--green-soft)}[data-theme=dark] .panel{background:var(--surface-1)}[data-theme=dark] .panel__footer{background:var(--surface-3)}[data-theme=dark] .table th{background:var(--surface-3);color:var(--muted)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:var(--surface-1);color:var(--text)}[data-theme=dark] .app-topbar{background:var(--surface-1)}[data-theme=dark] .app-content{background:var(--surface-2)}[data-theme=dark] .btn--secondary{background:var(--surface-1);color:var(--text)}[data-theme=dark] .btn--secondary:hover{background:var(--surface-3)}[data-theme=dark] .toolbar{background:var(--surface-1)}.docx-preview header div[style*="width: 0px"][style*="height: 0px"],.docx-preview footer div[style*="width: 0px"][style*="height: 0px"]{width:auto!important;height:auto!important}