.navbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--brand-primary)}.navbar__logo{display:block;height:40px;width:auto}.navbar__user{display:flex;align-items:center;gap:var(--space-3)}.navbar__user-name{font-size:var(--fs-sm);color:var(--text-primary)}.navbar__user-role{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--bg-surface-alt);border-radius:var(--radius-full);padding:2px var(--space-2);text-transform:uppercase;letter-spacing:.04em}.navbar__logout-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.navbar__logout-btn:hover{background:var(--bg-surface-alt);color:var(--color-danger)}.sidebar{width:220px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar__separator{height:1px;background:var(--border-subtle);margin:var(--space-2) var(--space-2)}.sidebar__group{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sidebar__item:hover,.sidebar__item--active{background:var(--bg-surface-alt);color:var(--text-primary)}.sidebar__pillar-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--text-muted);flex-shrink:0}.sidebar__item[data-pillar=reagir] .sidebar__pillar-dot{background:var(--color-reagir)}.sidebar__item[data-pillar=anticiper] .sidebar__pillar-dot{background:var(--color-anticiper)}.sidebar__item[data-pillar=ameliorer] .sidebar__pillar-dot{background:var(--color-ameliorer)}.sidebar__item[data-pillar=piloter] .sidebar__pillar-dot{background:var(--color-piloter)}.sidebar__item[data-pillar=maitrise] .sidebar__pillar-dot{background:var(--color-maitrise)}.sidebar__item--active[data-pillar=reagir]{border-left:3px solid var(--color-reagir);padding-left:calc(var(--space-3) - 3px)}.sidebar__item--active[data-pillar=anticiper]{border-left:3px solid var(--color-anticiper);padding-left:calc(var(--space-3) - 3px)}.sidebar__item--active[data-pillar=ameliorer]{border-left:3px solid var(--color-ameliorer);padding-left:calc(var(--space-3) - 3px)}.sidebar__item--active[data-pillar=piloter]{border-left:3px solid var(--color-piloter);padding-left:calc(var(--space-3) - 3px)}.sidebar__item--active[data-pillar=maitrise]{border-left:3px solid var(--color-maitrise);padding-left:calc(var(--space-3) - 3px)}.sidebar__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)}.app-shell__body{display:flex;flex:1;min-height:0}.app-shell__content{flex:1;min-width:0;overflow-y:auto;padding:var(--space-6)}.loading-fallback{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:50vh;color:var(--text-secondary);font-size:var(--fs-sm)}.loading-fallback__spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);max-width:360px}.toasts__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:var(--bg-surface);box-shadow:var(--shadow-md);font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.toasts__item:hover{transform:translate(-2px)}.toasts__item--info{border-color:var(--color-info);color:var(--color-info)}.toasts__item--success{border-color:var(--color-success);color:var(--color-success)}.toasts__item--warning{border-color:var(--color-warning);color:var(--color-warning)}.toasts__item--error{border-color:var(--color-danger);color:var(--color-danger)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:root{--brand-primary: #5a7a9e;--brand-primary-dark: #3d5773;--brand-primary-light: #8ba6c4;--color-reagir: #b55a5a;--color-anticiper: #c88b4a;--color-ameliorer: #5a8f5a;--color-piloter: #5a7a9e;--color-maitrise: #5a9e9e;--color-success: #5a8f5a;--color-warning: #c88b4a;--color-danger: #b55a5a;--color-info: #5a7a9e;--neutral-0: #ffffff;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #868e96;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--bg-page: var(--neutral-50);--bg-surface: var(--neutral-0);--bg-surface-alt: var(--neutral-100);--bg-input: var(--neutral-100);--bg-hover: var(--neutral-100);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--surface-elevated: var(--neutral-0);--surface-hover: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-500);--font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;--font-mono: "Consolas", "Menlo", "Monaco", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.65;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-dropdown: 10;--z-sticky: 20;--z-modal: 40;--z-toast: 60}[data-theme=dark]{--bg-page: #10141a;--bg-surface: #1a1f2e;--bg-surface-alt: #1e2433;--bg-input: #0f1219;--bg-hover: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--surface-elevated: #222836;--surface-hover: rgba(255, 255, 255, .05);--text-primary: #e0e6f0;--text-secondary: #bdc5d4;--text-muted: #8892a4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4)}h1{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0 0 var(--space-4)}h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:0 0 var(--space-3)}h3{font-size:var(--fs-xl);font-weight:var(--fw-medium);line-height:var(--lh-snug);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],select,textarea{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:100%;box-sizing:border-box;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-piloter);box-shadow:0 0 0 2px #5a7a9e2e}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}.tbl-th__label{display:block;overflow:hidden;text-overflow:ellipsis}.tbl-th__resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:1}.tbl-th__resize:hover,.tbl-th__resize:active{background:var(--color-piloter);opacity:.35}