@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--brand-navy: #0A1730;--brand-navy-2: #14315C;--brand-ice: #2F9BE0;--star: #F2B705;--primary: #2F9BE0;--primary-hover: #2384C6;--primary-press: #1E72AB;--on-primary: #ffffff;--primary-container: #D7EEFC;--on-primary-container: #0A3A5C;--primary-soft: #EEF8FE;--success: #0C8A55;--success-container: #D6F2E4;--on-success-container: #053D27;--warning: #C07A00;--warning-container: #FBEBCC;--on-warning-container: #432A00;--critical: #D63A36;--critical-container: #FBE2E0;--on-critical-container: #440908;--info: #2660E6;--info-container: #DEE9FF;--background: #F6F8FB;--surface: #FFFFFF;--surface-1: #FBFCFE;--surface-2: #F4F6FA;--surface-3: #ECEFF4;--surface-inverse: #0D1525;--on-surface: #1B2230;--on-surface-strong: #0A0E18;--on-surface-variant: #586273;--on-surface-muted: #8A93A2;--outline: #DCE1E8;--outline-variant: #EAEDF2;--outline-strong: #C2C8D3;--e1: 0 1px 2px rgba(10,14,24,.04);--e2: 0 1px 3px rgba(10,14,24,.06), 0 1px 2px rgba(10,14,24,.04);--e3: 0 4px 16px rgba(10,14,24,.08);--e4: 0 16px 40px rgba(10,14,24,.14);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--font-display: "Hanken Grotesk", system-ui, sans-serif;--font-ui: "Public Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: cubic-bezier(.2,.8,.2,1);--ease-emph: cubic-bezier(.2,0,0,1);--sidebar-w: 248px;--topbar-h: 64px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);color:var(--on-surface);background:var(--background);font-size:14px;line-height:1.5;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--primary-container)}.scrollable::-webkit-scrollbar{width:10px;height:10px}.scrollable::-webkit-scrollbar-thumb{background:var(--outline);border-radius:99px;border:3px solid transparent;background-clip:content-box}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--outline-strong);background-clip:content-box;border:3px solid transparent}.scrollable::-webkit-scrollbar-track{background:transparent}.t-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;line-height:1.04}.t-h1{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.025em;line-height:1.15;color:var(--on-surface-strong);margin:0}.t-h2{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--on-surface-strong);margin:0}.t-h3{font-family:var(--font-display);font-weight:700;font-size:15.5px;letter-spacing:-.015em;color:var(--on-surface-strong);margin:0}.t-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-muted)}.t-mono{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.01em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:none;border-radius:var(--r-sm);font-family:var(--font-ui);font-weight:600;font-size:14px;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease),box-shadow .18s var(--ease),color .15s,transform .06s,border-color .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(.5px)}.btn svg{width:18px;height:18px}.btn-filled{background:var(--primary);color:var(--on-primary);box-shadow:0 1px 2px #0a0e182e,inset 0 1px #ffffff1f}.btn-filled:hover{background:var(--primary-hover)}.btn-filled:active{background:var(--primary-press)}.btn-tonal{background:var(--primary-container);color:var(--on-primary-container)}.btn-tonal:hover{background:#cfddfa}.btn-outline{background:var(--surface);color:var(--on-surface);border:1px solid var(--outline);box-shadow:0 1px 1px #0a0e1808}.btn-outline:hover{background:var(--surface-2);border-color:var(--outline-strong)}.btn-text{background:transparent;color:var(--primary);padding:0 10px}.btn-text:hover{background:var(--primary-soft)}.btn-ghost{background:transparent;color:var(--on-surface-variant)}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:var(--r-xs)}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:var(--r-md)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--r-sm)}.btn-icon.btn-sm{width:32px;height:32px;border-radius:var(--r-xs)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:var(--critical);color:#fff}.btn-danger:hover{background:#b9302b}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--r-full);font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.chip .dot{width:7px;height:7px;border-radius:99px;background:currentColor}.chip-sm{height:22px;padding:0 8px;font-size:11.5px;gap:5px}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-full);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:-.005em;border:1px solid transparent}.pill .dot{width:7px;height:7px;border-radius:99px;background:currentColor;flex:none}.s-new{background:#deeaff;color:#0e4fc2;border-color:#c5d9fb}.s-assigned{background:#ebe6fc;color:#5733b8;border-color:#dcd2f7}.s-progress{background:#fcebce;color:#9a5a00;border-color:#f4d8a6}.s-waiting{background:#fbe3cf;color:#9c4410;border-color:#f4cdae}.s-onway{background:#d7eefc;color:#0b6cb6;border-color:#b9e0f7}.s-completed{background:#d2f3e3;color:#0a6e42;border-color:#aee6cc}.s-critical{background:#fbe1e0;color:#b22a29;border-color:#f5c6c4}.s-cancelled{background:var(--surface-3);color:var(--on-surface-muted);border-color:var(--outline-variant)}.prio{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}.prio .bar{width:4px;height:14px;border-radius:2px}.prio-critical{color:var(--critical)}.prio-critical .bar{background:var(--critical)}.prio-high{color:var(--warning)}.prio-high .bar{background:var(--warning)}.prio-medium{color:var(--primary)}.prio-medium .bar{background:var(--primary)}.prio-low{color:var(--on-surface-muted)}.prio-low .bar{background:var(--outline-strong)}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-md)}.card-pad{padding:20px}.divider{height:1px;background:var(--outline-variant);border:none;margin:0}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:13px;font-weight:600;color:var(--on-surface-variant)}.field .req{color:var(--critical)}.input,.select,.textarea{width:100%;height:44px;padding:0 13px;border:1px solid var(--outline);border-radius:var(--r-sm);background:var(--surface);font-family:var(--font-ui);font-size:14px;color:var(--on-surface);transition:border-color .15s,box-shadow .15s;outline:none;box-shadow:0 1px 1px #0a0e1808}.textarea{height:auto;min-height:96px;padding:11px 13px;resize:vertical;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:var(--outline-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder,.textarea::placeholder{color:var(--on-surface-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234C525C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.input-icon{position:relative}.input-icon>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--on-surface-muted);pointer-events:none}.input-icon .input{padding-left:40px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.anim-up{animation:fadeUp .4s var(--ease) both}.anim-in{animation:fadeIn .3s var(--ease) both}.anim-scale{animation:scaleIn .28s var(--ease-emph) both}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.muted{color:var(--on-surface-muted)}.variant{color:var(--on-surface-variant)}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);flex:none;background:var(--surface);color:var(--on-surface);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;padding:18px 14px;gap:6px}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:8px 10px 18px}.sidebar .brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand-ice),var(--primary));display:flex;align-items:center;justify-content:center;color:#fff;flex:none;box-shadow:0 4px 12px #2f9be057}.sidebar .brand .name{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--on-surface-strong)}.sidebar .brand .tag{font-size:11px;color:var(--on-surface-muted);font-weight:600;letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-md);color:var(--on-surface-variant);font-weight:600;font-size:14px;cursor:pointer;transition:background .16s,color .16s}.nav-item:hover{background:var(--surface-2);color:var(--on-surface-strong)}.nav-item.active{background:var(--primary-container);color:var(--on-primary-container);font-weight:700}.nav-item svg{width:20px;height:20px;flex:none;color:var(--primary)}.sidebar .spacer{flex:1}.sidebar .lang-switch{display:flex;gap:4px;padding:4px;margin-bottom:8px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--outline-variant)}.sidebar .lang-switch button{flex:1;border:none;background:transparent;cursor:pointer;padding:7px 0;border-radius:var(--r-sm);font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--on-surface-variant);transition:background .15s,color .15s}.sidebar .lang-switch button:hover{color:var(--on-surface-strong)}.sidebar .lang-switch button.active{background:var(--surface);color:var(--primary);box-shadow:var(--e1)}.sidebar .user-card{display:flex;align-items:center;gap:11px;padding:10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--outline-variant)}.sidebar .user-card .meta{flex:1;min-width:0}.sidebar .user-card .meta .nm{font-weight:700;font-size:13.5px;color:var(--on-surface-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-card .meta .rl{font-size:11.5px;color:var(--on-surface-muted);text-transform:capitalize}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;background:var(--surface);border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;gap:16px;padding:0 28px}.topbar .title{flex:1}.content{flex:1;overflow-y:auto;padding:28px}.content-narrow{max-width:1180px;margin:0 auto}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex:none;font-family:var(--font-ui)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.kpi{position:relative;padding:0}.kpi-hit{all:unset;box-sizing:border-box;width:100%;padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer}.kpi-hit:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--r-md)}.kpi .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}.kpi .val{font-family:var(--font-mono);font-weight:600;font-size:30px;letter-spacing:-.03em;color:var(--on-surface-strong)}.kpi .lbl{font-size:13px;color:var(--on-surface-variant);font-weight:600}.kpi .kpi-go{position:absolute;top:16px;right:16px;color:var(--on-surface-muted);opacity:0;transform:translate(-4px);transition:opacity .16s var(--ease),transform .16s var(--ease)}.kpi:hover .kpi-go{opacity:1;transform:none;color:var(--primary)}.dash-2col{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 920px){.dash-2col{grid-template-columns:1fr}}.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.report-filters .field>span{font-size:13px;font-weight:600;color:var(--on-surface-variant)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-muted);padding:12px 14px;border-bottom:1px solid var(--outline-variant);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid var(--outline-variant);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.spinner{width:22px;height:22px;border:2.5px solid var(--outline);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.center-fill{flex:1;display:flex;align-items:center;justify-content:center;min-height:240px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;background:var(--surface-inverse);color:#fff;padding:12px 18px;border-radius:var(--r-sm);font-weight:600;font-size:13.5px;box-shadow:var(--e4);display:flex;align-items:center;gap:9px}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--outline-variant);border-radius:var(--r-sm);padding:3px;gap:2px}.segmented button{border:none;background:transparent;padding:6px 12px;border-radius:var(--r-xs);font-weight:600;font-size:13px;color:var(--on-surface-variant);cursor:pointer}.segmented button.active{background:var(--surface);color:var(--on-surface-strong);box-shadow:var(--e1)}.lift{transition:box-shadow .18s var(--ease),transform .18s var(--ease),border-color .18s var(--ease)}.lift:hover{box-shadow:var(--e3);transform:translateY(-3px);border-color:var(--outline)}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:900px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--r-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-full);font-size:12px;font-weight:700}.badge .dot{width:7px;height:7px;border-radius:99px;background:currentColor}.badge-ok{background:var(--success-container);color:var(--on-success-container)}.badge-off{background:var(--surface-3);color:var(--on-surface-muted)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:56px 24px;color:var(--on-surface-muted)}.empty .ico{width:64px;height:64px;border-radius:var(--r-lg);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}