@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--senal-50:#ecf7f6;--senal-100:#d2edec;--senal-200:#a8dcda;--senal-300:#7cc9c6;--senal-400:#5db9b6;--senal-500:#46a5a2;--senal-600:#348783;--senal-700:#266865;--senal-800:#1b4d4b;--ink-50:#f4f5f6;--ink-100:#e6e7ea;--ink-200:#c7cace;--ink-300:#9ca1a8;--ink-400:#6b7079;--ink-500:#444a52;--ink-600:#2a2f36;--ink-700:#1e2228;--ink-800:#14181c;--ink-900:#0b0e11;--nodo-100:#ece9ef;--nodo-300:#a097ab;--nodo-500:#5c5267;--nodo-700:#3d3645;--paper:#fff;--bone:#f6f5f2;--mist:#f0f1f3;--line:#e6e7ea;--line-strong:#c7cace;--ok-50:#e8f4ec;--ok-500:#3f9460;--ok-700:#2a6a43;--warn-50:#fbf1e2;--warn-500:#c98321;--warn-700:#8a570f;--err-50:#f8e6e5;--err-500:#b23a33;--err-700:#7c261f;--info-50:#e6eef7;--info-500:#3a6fb0;--info-700:#23477a;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-pill:999px;--shadow-1:0 1px 2px rgba(20,24,28,.06);--shadow-2:0 2px 6px rgba(20,24,28,.07),0 1px 2px rgba(20,24,28,.04);--shadow-3:0 4px 16px rgba(20,24,28,.08),0 1px 2px rgba(20,24,28,.04);--ease:cubic-bezier(0.2,0.7,0.2,1);--dur-fast:150ms;--dur:200ms;--bg-app:var(--bone);--bg-surface:var(--paper);--bg-subtle:var(--mist);--fg-default:var(--ink-800);--fg-muted:var(--ink-400);--fg-subtle:var(--ink-300);--fg-inverse:var(--paper);--border:var(--line);--border-strong:var(--line-strong);--accent:var(--senal-400);--accent-strong:var(--senal-600);--accent-soft:var(--senal-50)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}body,html{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg-default);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.display{font-size:56px;line-height:1.05;letter-spacing:-.02em}.display,.h1{font-family:var(--font-display);font-weight:600}.h1{font-size:40px;line-height:1.1;letter-spacing:-.015em}.h2{font-size:28px;line-height:1.2;letter-spacing:-.01em}.h2,.h3{font-family:var(--font-display);font-weight:600}.h3{font-size:20px;line-height:1.3;letter-spacing:-.005em}.body{font-size:15px;line-height:1.55}.small{font-size:13px;line-height:1.5}.caption{font-size:11px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:13px}.container{width:100%;max-width:1240px;margin:0 auto}.btn,.container{padding:0 var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;border-radius:var(--r-md);font-weight:500;font-size:14px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--bg-surface);color:var(--fg-default);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--fg-default)}.btn-ghost:hover:not(:disabled){background:rgba(20,24,28,.06)}.btn-danger{background:var(--err-500);color:var(--paper)}.btn-danger:hover:not(:disabled){background:var(--err-700)}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:13px}.btn-icon{width:32px;height:32px;padding:0}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font-size:13px;font-weight:500;color:var(--fg-default)}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);font-size:14px}.textarea{height:auto;min-height:80px;padding:var(--sp-3);resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--senal-100)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-subtle);color:var(--fg-muted);cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.card-flush{padding:0;overflow:hidden}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-3);border-radius:var(--r-pill);font-size:12px;font-weight:500;line-height:1.4}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.badge-warn{background:var(--warn-50);color:var(--warn-700)}.badge-warn .badge-dot{background:var(--warn-500)}.badge-ok{background:var(--ok-50);color:var(--ok-700)}.badge-ok .badge-dot{background:var(--ok-500)}.badge-err{background:var(--err-50);color:var(--err-700)}.badge-err .badge-dot{background:var(--err-500)}.badge-info{background:var(--info-50);color:var(--info-700)}.badge-info .badge-dot{background:var(--info-500)}.badge-neutral{background:var(--bg-subtle);color:var(--fg-default)}.badge-neutral .badge-dot{background:var(--ink-400)}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.table th{font-weight:500;color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tbody tr:hover,.table th{background:var(--bg-subtle)}.table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.row{align-items:center}.col,.row{display:flex;gap:var(--sp-3)}.col{flex-direction:column}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.app-sidebar{grid-area:sidebar;background:var(--ink-800);color:var(--paper);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-5);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.app-topbar{grid-area:topbar;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.app-main{grid-area:main;padding:var(--sp-6);min-width:0}.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--fg-default);background:var(--bg-surface);border:1px solid var(--border)}.menu-toggle:hover{background:var(--bg-subtle)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(20,24,28,.5);z-index:40}.sidebar-overlay.open{display:block}.brand-lockup{display:block;background:var(--paper);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);line-height:0}.brand-lockup img{display:block;width:100%;height:auto;max-width:100%}.brand-lockup-bare{display:block;line-height:0}.brand-lockup-bare img{display:block;width:100%;height:auto;max-width:100%}.nav-list{display:flex;flex-direction:column;gap:2px}.nav-section-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-300);padding:0 var(--sp-3);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);color:var(--ink-200);font-size:14px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--paper)}.nav-item.active{background:var(--senal-400);color:var(--ink-800)}.nav-item.active:hover{background:var(--senal-300)}.user-card{margin-top:auto;padding:var(--sp-3);border-radius:var(--r-md);background:hsla(0,0%,100%,.04);display:flex;align-items:center;gap:var(--sp-3)}.avatar{width:36px;height:36px;border-radius:var(--r-pill);background:var(--senal-400);color:var(--ink-800);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bone);padding:var(--sp-5)}.login-card{width:100%;max-width:420px;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-3)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.calendar .dow{background:var(--bg-subtle);padding:var(--sp-2);text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);font-weight:500}.calendar .day{background:var(--paper);min-height:84px;padding:var(--sp-2);display:flex;flex-direction:column;gap:4px;transition:background var(--dur) var(--ease);cursor:pointer}.calendar .day:hover{background:var(--bg-subtle)}.calendar .day.outside{background:var(--mist);color:var(--fg-subtle);cursor:default}.calendar .day.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar .day.selected{background:var(--senal-100)}.calendar .day .num{font-weight:500;font-size:13px}.calendar .day .marker{font-size:10px;padding:2px 6px;border-radius:var(--r-pill);align-self:flex-start}.inst-table{width:100%;border-collapse:collapse;font-size:13px}.inst-table td,.inst-table th{border:1px solid var(--border);padding:4px;text-align:center;min-width:36px}.inst-table thead th{background:var(--bg-subtle);top:0;z-index:1;font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.inst-table tbody th,.inst-table thead th{position:-webkit-sticky;position:sticky;font-weight:500}.inst-table tbody th{text-align:left;background:var(--bg-surface);left:0;z-index:0;min-width:220px;padding:var(--sp-2) var(--sp-3)}.inst-table tbody th .pts{color:var(--fg-muted);font-size:11px;font-family:var(--font-mono)}.inst-table .total-row td,.inst-table .total-row th{background:var(--ink-800);color:var(--paper);font-weight:600}.inst-table input{width:100%;height:28px;border:1px solid transparent;background:transparent;text-align:center;border-radius:var(--r-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inst-table input:hover{border-color:var(--border)}.inst-table input:focus{outline:none;border-color:var(--accent);background:var(--senal-50)}.inst-table .sum-col{font-weight:600}.inst-table .day-today,.inst-table .sum-col{background:var(--senal-50)}.inst-table .day-weekend{background:var(--mist)}.inst-scroll{overflow:auto;max-width:100%}.grid-totals,.inst-scroll{border:1px solid var(--border);border-radius:var(--r-md)}.grid-totals{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--bg-surface)}.totals-item{display:flex;flex-direction:column;gap:2px}.totals-item .total-num{font-size:18px;font-weight:600}.totals-actions{display:flex;gap:var(--sp-2);margin-left:auto}@media (max-width:640px){.grid-totals{gap:var(--sp-3);padding:var(--sp-3)}.totals-item{flex:1 1;min-width:0}.totals-actions{width:100%;margin-left:0}.totals-actions .btn{flex:1 1}}.day-picker{padding:var(--sp-4);flex-direction:column}.day-picker,.day-picker-nav{display:flex;gap:var(--sp-3)}.day-picker-nav{align-items:center}.day-picker-label{flex:1 1;text-align:center}.day-picker-num{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1}.day-picker-slider{display:flex;overflow-x:auto;gap:var(--sp-1);padding-bottom:var(--sp-1);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.day-picker-slider::-webkit-scrollbar{height:4px}.day-picker-slider::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.day-chip{flex:0 0 auto;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--bg-subtle);color:var(--fg-default);font-size:13px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;position:relative;scroll-snap-align:center;transition:background var(--dur-fast) var(--ease)}.day-chip.has:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.day-chip.today{box-shadow:inset 0 0 0 1px var(--accent)}.day-chip.active{background:var(--accent);color:var(--paper)}.day-chip.active.has:after{background:var(--paper)}.day-summary{background:var(--accent-soft);border-radius:var(--r-md);flex-direction:column;gap:4px}.day-summary,.type-row{padding:var(--sp-3) var(--sp-4);display:flex}.type-row{align-items:center;gap:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.type-row.filled{border-color:var(--accent);background:var(--accent-soft)}.type-row-info{flex:1 1;min-width:0}.type-row-name{font-weight:500;font-size:14px;line-height:1.3}.type-row-pts{font-size:11px;color:var(--fg-muted);margin-top:2px}.type-row-controls{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.type-row-input{width:56px;height:44px;text-align:center;border:1px solid var(--border);border-radius:var(--r-md);background:var(--paper);font-size:16px;font-weight:600}.type-row-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--senal-100)}.save-bar{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--border);padding:var(--sp-3);margin:var(--sp-4) calc(var(--sp-3) * -1) calc(var(--sp-3) * -1);display:flex;gap:var(--sp-2);box-shadow:0 -4px 12px rgba(20,24,28,.06);z-index:10}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:14px}.notice-ok{background:var(--ok-50);color:var(--ok-700)}.notice-err{background:var(--err-50);color:var(--err-700)}.notice-warn{background:var(--warn-50);color:var(--warn-700)}.notice-info{background:var(--info-50);color:var(--info-700)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,24,28,.4);display:grid;place-items:center;z-index:50;padding:var(--sp-5)}.modal{border-radius:var(--r-lg);width:100%;max-width:520px;padding:var(--sp-6);box-shadow:var(--shadow-3)}.kpi,.modal{background:var(--paper)}.kpi{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.kpi .kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-weight:500}.kpi .kpi-value{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1}.kpi .kpi-sub{font-size:13px;color:var(--fg-muted)}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.divider{height:1px;background:var(--border);border:none;margin:var(--sp-5) 0}.month-switcher{display:flex;align-items:center;gap:var(--sp-3)}.month-switcher-label{min-width:200px;text-align:center}@media (max-width:640px){.month-switcher{width:100%;justify-content:space-between}.month-switcher-label{flex:1 1;min-width:0;font-size:18px}}@media (max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "main"}.app-sidebar{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;transform:translateX(-100%);transition:transform var(--dur) var(--ease);z-index:50;box-shadow:var(--shadow-3)}.app-sidebar.open{transform:translateX(0)}.menu-toggle{display:inline-flex}.app-topbar{padding:var(--sp-3) var(--sp-4)}.app-main{padding:var(--sp-4)}.between{flex-wrap:wrap}.display{font-size:40px}.h1{font-size:32px}.h2{font-size:24px}.modal{max-width:92vw;padding:var(--sp-5)}.modal-backdrop{padding:var(--sp-4)}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kpi .kpi-value{font-size:28px}.calendar .day{min-height:64px;padding:6px}.calendar .day .marker{font-size:9px;padding:1px 4px}}@media (max-width:640px){.app-main,.app-topbar{padding:var(--sp-3)}.container{padding:0 var(--sp-3)}.modal .row{flex-wrap:wrap}.modal .field{flex:1 1 100%!important;width:100%!important}.modal .row>.field{min-width:0}.between{gap:var(--sp-3)}.display{font-size:32px}.h1{font-size:26px}.h2{font-size:22px}.h3{font-size:18px}.card{padding:var(--sp-4)}.btn{height:44px}.btn-sm{height:38px}.btn-icon,.menu-toggle{width:44px;height:44px}.input,.select{height:44px;font-size:16px}.textarea{font-size:16px}.grid-kpi{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.kpi{padding:var(--sp-4)}.kpi .kpi-value{font-size:24px}.kpi .kpi-label{font-size:11px}.calendar .day{min-height:48px;padding:4px;gap:2px}.calendar .day .num{font-size:12px}.calendar .day .marker{font-size:0;padding:0;width:8px;height:8px;border-radius:50%;background:currentColor}.calendar .day .marker .badge-dot{display:none}.calendar .dow{padding:6px 2px;font-size:10px}.modal{max-width:100%;padding:var(--sp-4);border-radius:var(--r-md)}.modal-backdrop{padding:var(--sp-2);align-items:flex-end}.table-responsive thead{display:none}.table-responsive,.table-responsive tbody,.table-responsive td,.table-responsive tr{display:block;width:100%}.table-responsive tr{border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.table-responsive tr,.table-responsive tr:hover{background:var(--bg-surface)}.table-responsive td{border:none;padding:var(--sp-2) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);text-align:right;min-height:auto}.table-responsive td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-weight:500;flex-shrink:0}.table-responsive td.actions{justify-content:flex-end;padding-top:var(--sp-3)}.table-responsive td.actions:before{display:none}.table-responsive td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}}@media (hover:none){.table tbody tr:hover{background:transparent}.calendar .day:hover{background:var(--paper)}}