:root{--navy:#0b1f3a;--navy-2:#102a4c;--primary:#1677ff;--primary-soft:#e8f3ff;--bg:#eef2f7;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e8edf3;--border:#e8edf3;--hover:#f1f5f9;--blue:#1677ff;--green:#16a34a;--green-soft:#e8f8ee;--orange:#f59e0b;--orange-soft:#fff7e6;--red:#ef4444;--red-soft:#feecec;--teal:#0d9488;--sky:#0284c7;--rust:#c2410c;--forest:#15803d;--violet:#7c3aed;--shadow:0 10px 28px #0f234012;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow-x:hidden}body,#root{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}a{color:var(--primary);text-decoration:none}h1,h2,p{margin:0}.shell{width:100%;max-width:100%;min-height:100svh;display:flex;overflow-x:hidden}.sidebar{background:linear-gradient(180deg, #0a1a32 0%, var(--navy) 40%, #0d2748 100%);color:#dbe7f5;flex-direction:column;flex-shrink:0;width:248px;padding:20px 14px 16px;display:flex}.sidebar-brand{align-self:start;align-items:center;width:fit-content;margin-bottom:28px;padding:0;display:flex}.brand{height:var(--brand-h,42px);color:inherit;align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{background:0 0;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.brand-mark img{object-fit:contain;background:0 0;width:auto;max-width:100%;height:100%;display:block}.brand-word{letter-spacing:-.04em;font-weight:700;font-size:calc(var(--brand-h,42px) * .46);white-space:nowrap;line-height:1}.sidebar-logo{color:#fff;width:auto;display:inline-flex}.side-nav{gap:4px;display:grid}.side-nav-primary,.side-nav-more,.side-nav-more-panel{display:contents}.side-nav-more-toggle{display:none}.side-nav a,.support-link{color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.side-nav a svg,.support-link svg{width:18px;height:18px}.side-nav a.active{background:var(--primary);color:#fff}.side-nav a:hover:not(.active),.support-link:hover{background:var(--navy-2);color:#fff}.skip-link{z-index:20;color:var(--navy);background:#fff;border-radius:8px;padding:8px 12px;font-weight:700;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.empty-hint{gap:8px;display:grid}.summary-toggle{text-align:left;border:1px solid var(--line);cursor:pointer;background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.badge{background:var(--primary);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:11px;font-style:normal;display:grid}.side-nav a.active .badge{color:var(--primary);background:#fff}.support-link{margin-top:auto}.main{flex:1;min-width:0;max-width:100%}.main-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 8px;display:flex}.header-copy{flex:1;min-width:0}.main-header h1{word-break:break-word;font-size:28px}.main-header p{color:var(--muted);margin-top:4px}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.profile-block{box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:6px 10px;display:flex}.profile-meta{min-width:0;max-width:280px}.profile-meta strong,.profile-meta small{white-space:normal;line-height:1.25;display:block;overflow:visible}.avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#38bdf8);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.profile-block small{color:var(--muted)}.linkish{color:var(--primary);cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:13px}.content{gap:16px;width:100%;min-width:0;max-width:100%;padding:16px 28px 36px;display:grid}.card{background:var(--card);box-shadow:var(--shadow);overflow-wrap:break-word;border:1px solid #0f23400a;border-radius:16px;min-width:0;max-width:100%;padding:18px}.card h2{margin-bottom:14px;font-size:16px}.records-month-title{color:var(--muted);margin:16px 0 10px;font-size:13px;font-weight:700}.records-month-title:first-of-type{margin-top:0}.today-desk{gap:12px;width:100%;min-width:0;display:grid}.today-desk .card{border-radius:4px;width:100%;min-width:0}.today-desk .card>h2,.today-desk .section-head h2{margin:0}.today-desk .section-head{flex-wrap:nowrap;align-items:center;gap:10px}.dash{gap:18px;display:grid}.dash-welcome{color:var(--navy);box-shadow:var(--shadow);background:linear-gradient(#fbf6ee 0%,#f3eadc 100%);border:1px solid #eadfcf;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 24px;display:flex}.dash-kicker{letter-spacing:.08em;text-transform:uppercase;color:#8a734f;margin:0 0 6px;font-size:12px;font-weight:700}.dash-hello{letter-spacing:-.03em;color:var(--navy);margin:0;font-size:clamp(24px,4vw,32px);font-weight:800}.dash-welcome .muted{color:#6f6254;margin-top:8px}.dash-welcome-actions{flex-wrap:wrap;gap:10px;display:flex}.dash-welcome-actions a{display:inline-block}.dash-welcome-actions .btn-ghost{color:var(--navy);background:#fff;border-color:#e2d6c4}.dash-welcome-actions .btn-ghost:hover{background:#fffaf3}.dash-stats{grid-template-columns:1.15fr 1.05fr .9fr;gap:16px;display:grid}.dash-panel{background:var(--card);box-shadow:var(--shadow);color:inherit;border:1px solid #0f23400d;border-radius:20px;gap:8px;min-width:0;padding:18px 18px 16px;text-decoration:none;display:grid}a.dash-panel:hover{border-color:#1677ff47;transform:translateY(-1px)}.dash-panel-top{align-items:center;gap:10px;display:flex}.dash-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.dash-icon svg{width:20px;height:20px}.dash-icon.blue{background:var(--primary-soft);color:var(--primary)}.dash-icon.green{background:var(--green-soft);color:var(--green)}.dash-icon.navy{color:var(--navy);background:#e8eef6}.dash-card-value{font-size:clamp(18px,2.2vw,24px);font-weight:800;line-height:1.25}.dash-meter{background:#eef2f7;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.dash-meter i{background:linear-gradient(90deg, #38bdf8, var(--primary));transform-origin:0;border-radius:99px;height:100%;animation:.9s cubic-bezier(.22,.8,.32,1) both dash-meter-in;display:block}.dash-panel-close .dash-meter i{background:linear-gradient(90deg, #fbbf24, var(--orange))}.dash-panel-done .dash-meter i{background:linear-gradient(90deg, #4ade80, var(--green))}.dash-balance{align-items:center;gap:14px;min-width:0;display:flex}.dash-balance-copy{gap:4px;min-width:0;display:grid}.dash-balance-copy .dash-card-value{display:block}.dash-balance-copy .muted{line-height:1.35;display:block}.dash-donut{flex-shrink:0;width:72px;height:72px}.dash-donut-remain{stroke-dashoffset:0;animation:.85s ease-out both dash-donut-remain}.dash-donut-used{stroke-dashoffset:0;animation:.95s cubic-bezier(.22,.8,.32,1) .18s both dash-donut-used}.dash-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:108px;margin-top:6px;display:grid;overflow:visible}.dash-bars>div{grid-template-rows:1fr auto;justify-items:center;gap:4px;min-width:0;height:100%;display:grid}.dash-bar-track{pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.dash-bar-hit{pointer-events:auto;width:100%;max-width:14px;height:var(--h,0);transform-origin:bottom;animation:.75s cubic-bezier(.22,.8,.32,1) both dash-bar-in;display:block;position:relative}.dash-bar-fill{background:linear-gradient(180deg, #38bdf8, var(--primary));cursor:default;border-radius:8px 8px 4px 4px;width:100%;height:100%;display:block}.dash-bars .is-today .dash-bar-fill{background:linear-gradient(180deg, #fbbf24, var(--orange))}.dash-bars .is-today small{color:var(--orange);font-weight:700}.dash-bar-tip{z-index:3;color:#fff;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;background:#0b1f3a;border-radius:8px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.2;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0b1f3a38}.dash-bar-hit:hover .dash-bar-tip{opacity:1}@keyframes dash-meter-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dash-bar-in{0%{height:0}to{height:var(--h,0)}}@keyframes dash-donut-remain{0%{stroke-dashoffset:var(--ring)}to{stroke-dashoffset:0}}@keyframes dash-donut-used{0%{stroke-dashoffset:var(--arc)}to{stroke-dashoffset:0}}.dash-bars small{color:var(--muted);text-transform:capitalize;font-size:10px}.dash-table-card{padding:8px 8px 4px}.dash-table-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 4px;display:flex}.dash-table-head h2{margin:0 0 4px}.dash-more{color:var(--primary);font-size:13px;font-weight:700}.dash-empty{color:var(--muted);padding:8px 12px 16px}.dash-table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%}.dash-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px}.dash-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px;font-size:14px}.dash-table tbody tr:last-child td{border-bottom:0}.dash-table tbody tr:hover{background:#f8fbff}.dash-notes{padding:8px 8px 12px}.dash-note-add,.dash-note-edit{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px 10px;display:flex}.dash-note-add input,.dash-note-edit input{border:1px solid var(--line);border-radius:10px;flex:1;min-width:160px;padding:10px 12px}.dash-note-list{margin:0;padding:0 4px;list-style:none}.dash-note-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.dash-note-list li:first-child{border-top:0}.dash-note-list p{white-space:pre-wrap;word-break:break-word;flex:1;min-width:0;margin:0}.dash-note-actions{flex-shrink:0;gap:10px;display:flex}.board-status.idle{color:#64748b;background:#f1f5f9}.muted{color:var(--muted);font-size:14px}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.stat-row,.grid-2,.grid-3,.grid-chart{gap:16px;display:grid}.stat-row{grid-template-columns:repeat(4,1fr)}.stat-row.two{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1.4fr 1fr}.grid-3{grid-template-columns:1fr 1.2fr 1fr}.grid-chart{grid-template-columns:1.7fr .8fr}.stat-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}button.stat-hit{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border:2px solid #0000}button.stat-hit:hover{background:var(--hover)}button.stat-hit.is-on{border-color:var(--primary);background:var(--primary-soft)}.stat-card strong{font-size:28px;line-height:1;display:block}.stat-card span,.stat-card small{display:block}.stat-card small{color:var(--muted);font-size:12px}.stat-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stat-icon svg{width:22px;height:22px}.stat-icon.blue{background:var(--primary-soft);color:var(--primary)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.orange{background:var(--orange-soft);color:var(--orange)}.stat-icon.red{background:var(--red-soft);color:var(--red)}.pill{border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:600}.pill.green{background:var(--green-soft);color:var(--green)}.pill.blue{background:var(--primary-soft);color:var(--primary)}.pill.orange{background:var(--orange-soft);color:#b45309}.pill.red{background:var(--red-soft);color:#b91c1c}.leave-boxes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.leave-boxes div{background:#f7f9fc;border-radius:12px;padding:12px}.leave-boxes strong{font-size:22px;display:block}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick{border:1px solid var(--line);color:var(--text);border-radius:12px;justify-items:center;gap:8px;padding:14px 10px;font-size:13px;font-weight:600;display:grid}.quick svg{width:22px;height:22px;color:var(--primary)}.quick:hover{border-color:var(--primary);background:var(--primary-soft)}.text-link{font-size:13px;font-weight:600}.text-link:hover{text-decoration:underline}.btn-primary,.btn-danger,.btn-ghost,button.btn-primary,button.btn-danger{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:600}a.btn-primary{text-align:center;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost:hover{background:var(--primary-soft)}.btn-danger{background:var(--red);color:#fff}.btn-danger-sm{border:1px solid var(--line);color:#64748b;cursor:pointer;background:#fff;border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600;line-height:1.2}.btn-danger-sm:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}.btn-ghost{color:var(--primary);border:1px solid var(--line);background:#fff}.lg{padding:14px 22px;font-size:16px}button:disabled{opacity:.6;cursor:not-allowed}.punch-card{flex-direction:column;align-items:stretch;gap:0;display:flex}.punch-top{flex-direction:column;align-items:stretch;gap:14px;display:flex}.punch-top>div{min-width:0}.punch-top>button{width:100%}.punch-actions{flex-direction:column;flex-shrink:0;gap:10px;width:100%;display:flex}.punch-card h2{margin:0 0 4px;font-size:24px}.punch-card h2.punch-status{color:var(--text);margin:0 0 10px;font-size:16px;font-weight:600}.punch-card .muted{overflow-wrap:anywhere;word-break:break-word}.punch-card.punch-warn{background:linear-gradient(#fffbeb 0%,#fff 52%);border-color:#f59e0b}.punch-card.punch-danger{background:linear-gradient(#fef2f2 0%,#fff 52%);border-color:#dc2626}.punch-card.punch-live:not(.punch-warn):not(.punch-danger){background:linear-gradient(#f0fdf4 0%,#fff 52%);border-color:#86efac}.punch-card.punch-idle{background:linear-gradient(#f8fafc 0%,#fff 48%)}.eyebrow.punch-live-label{color:var(--green);align-items:center;gap:8px;display:inline-flex}.punch-live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite punch-live-pulse;box-shadow:0 0 #16a34a80}@keyframes punch-live-pulse{70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (prefers-reduced-motion:reduce){.punch-live-dot,.dash-meter i,.dash-bar-hit,.dash-donut-remain,.dash-donut-used{animation:none}}.punch-elapsed{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:2px 0 8px;font-size:40px;font-weight:700;line-height:1.05}.punch-elapsed-idle{color:#cbd5e1;font-weight:600}.punch-idle-hint{max-width:36rem;margin:0 0 4px}.staff-shift-note{gap:6px;width:100%;margin:14px 0 4px;display:grid}.staff-shift-note span{font-size:14px;font-weight:700}.staff-shift-note textarea{resize:vertical;border:2px solid var(--line);width:100%;min-height:84px;font:inherit;background:#fffbeb;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.4}.staff-shift-note textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.staff-shift-note-saved{background:#f1f5f9;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:14px}.hr-desk-note{white-space:pre-wrap;background:#fffbeb;border:1px solid #f3e8c8;border-radius:10px;gap:2px;padding:8px 10px;font-size:13px;line-height:1.35;display:grid}.hr-desk-note strong{letter-spacing:.02em;text-transform:uppercase;color:#92400e;font-size:11px}.punch-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.punch-start{color:var(--muted);font-size:13px}.punch-card .shift-stats{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.punch-card .shift-stat{box-shadow:none;background:#f7f9fc;padding:10px 12px}.punch-foot{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.punch-izin{min-height:32px;color:var(--primary);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.punch-izin:hover{text-decoration:underline}.shift-place{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.shift-place-now{margin:0 0 8px;font-size:14px}.shift-slices{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.shift-slices li{color:var(--muted);gap:10px;min-width:0;font-size:13px;display:flex}.shift-slices li.current{color:var(--text);font-weight:600}.shift-slice-time{font-variant-numeric:tabular-nums;flex-shrink:0;min-width:118px}.shift-slices.compact{margin:8px 0 0}.shift-slices .projesiz{color:#b91c1c;font-weight:600}.shift-place-form{margin-top:10px}.project-combo{gap:6px;display:grid;position:relative}.project-combo-box{align-items:stretch;gap:0;display:flex}.project-combo-face{text-align:left;border:1px solid var(--line);min-width:0;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-right:0;border-radius:10px 0 0 10px;flex:1;margin:0;padding:10px 12px;font-weight:600;overflow:hidden}.project-combo-face.is-empty{color:var(--muted);font-weight:500}.project-combo.is-invalid .project-combo-face,.project-combo-face.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc262629}.project-combo.is-invalid .project-combo-toggle{border-color:#dc2626}.project-combo.is-invalid>span{color:#b91c1c;font-weight:700}.project-combo-toggle{border:1px solid var(--line);width:44px;color:var(--text);cursor:pointer;background:#fff;border-left:0;border-radius:0 10px 10px 0;flex-shrink:0;margin:0;font-size:16px}.project-combo-toggle:disabled,.project-combo-face:disabled{cursor:not-allowed}.project-combo-panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;max-height:min(60vh,360px);margin-top:8px;padding:8px;display:flex;position:relative;box-shadow:0 10px 28px #0f172a1f}.project-combo-search{flex-shrink:0;margin:0 0 6px}.project-combo-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.project-combo-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;margin:0;padding:12px 14px;font-weight:600}.project-combo-list button:hover,.project-combo-list button.is-selected{background:var(--primary-soft)}.punch-card .project-combo{margin:12px 0 0}.place-kinds{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.place-kinds button{border:1px solid var(--line);cursor:pointer;color:var(--text);white-space:nowrap;background:#fff;border-radius:999px;margin:0;padding:10px 16px;font-size:14px;font-weight:600}.punch-card .punch-start-places{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:220px;display:grid}.punch-card .punch-start-places button{white-space:nowrap;min-height:52px}.punch-actions button,.punch-top .btn-primary,.punch-top .btn-danger,.punch-top .btn-ghost{white-space:nowrap;width:100%;min-height:52px}.shift-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shift-stat{background:var(--card);box-shadow:var(--shadow);border:1px solid #0f23400a;border-radius:12px;min-width:0;padding:14px 16px}.shift-stat small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.shift-stat strong{letter-spacing:-.02em;font-size:20px;line-height:1.15;display:block}.shift-stat .muted{margin-top:4px;font-size:12px}.alert{background:var(--red-soft);color:#b91c1c;border-radius:10px;margin:0;padding:12px 14px}.alert.info{background:var(--primary-soft);color:#1d4ed8}.reminder-card{background:#fef2f2;border:2px solid #dc2626}.reminder-card.reminder-alarm{animation:1.4s ease-in-out infinite reminder-pulse}.reminder-card .eyebrow.warn{color:#b91c1c}.reminder-card.reminder-end{background:#f5f3ff;border-color:#7c3aed}.reminder-card.reminder-end .eyebrow.warn{color:#6d28d9}.reminder-action{color:#991b1b;margin-top:10px;font-size:15px;font-weight:700}.reminder-end .reminder-action{color:#5b21b6}@keyframes reminder-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #dc262659}50%{transform:translateY(-1px);box-shadow:0 0 0 8px #dc262600}}.push-banner{background:#fffbeb;border:1px solid #f59e0b}.notif-gate{z-index:10000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0b141ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.notif-gate-card{color:#e9edef;text-align:center;background:#233138;border-radius:16px;width:min(360px,100%);padding:28px 24px 22px;box-shadow:0 16px 48px #00000059}.notif-gate-arrow{width:56px;height:56px;margin:0 auto 18px}.notif-gate-arrow svg{width:56px;height:56px;display:block}.notif-gate-card h2{color:#fff;margin:0 0 10px;font-size:20px;font-weight:700}.notif-gate-card p{color:#aebac1;margin:0 0 22px;font-size:14px;line-height:1.5}.notif-gate-card p strong{color:#fff;font-weight:600}.notif-gate-ok{cursor:pointer;color:#fff;background:#00a884;border:0;border-radius:24px;width:100%;padding:12px 18px;font-size:15px;font-weight:700}.notif-gate-ok:hover:not(:disabled){background:#06cf9c}.notif-gate-ok:disabled{opacity:.7;cursor:wait}@media (width<=800px){.notif-gate{padding:16px;padding-bottom:max(24px, env(safe-area-inset-bottom));align-items:end}.notif-gate-card{border-radius:18px;width:100%;padding:24px 20px 18px}.notif-gate-arrow.mobile{transform:rotate(45deg)}}.alarm-card{background:#fffbeb;border:1px solid #f59e0b}.alarm-card .eyebrow.warn{color:#b45309}.tag.alarm{color:#b45309;background:#fff7e6;border-radius:6px;padding:4px 8px;display:inline-block}.dev-panel{background:#f8fafc;border:1px dashed #94a3b8}.dev-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dev-actions button{padding:8px 12px;font-size:13px}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.board-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.board-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.board-status.open{color:#1d4ed8;background:#e8f3ff}.board-status.forgotten{color:#b45309;background:#fff7e6}.board-status.stale{color:#b91c1c;background:#feecec}.board-status.done{color:#15803d;background:#e8f8ee}.board-status.pending{color:#1d4ed8;background:#e8f3ff}.board-table .board-row{cursor:pointer}.board-table .board-row:hover{background:#f8fafc}.board-table .board-row.active{background:#f0f7ff}.board-batch{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;padding:12px;display:flex}.board-detail{border:1px solid #bfdbfe;outline:none;scroll-margin-top:24px}@media (width<=1100px){.board-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.board-stats{grid-template-columns:repeat(2,1fr)}.board-batch{flex-direction:column;align-items:stretch}}label{gap:6px;margin:12px 0;font-weight:600;display:grid}.overtime-check{align-items:flex-start;gap:10px;margin:12px 0;font-weight:600;display:flex}.overtime-check input{flex-shrink:0;width:auto;margin:4px 0 0}.overtime-check span{font-weight:600;line-height:1.4}input,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.project-hours-group{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:16px;overflow:hidden}.project-hours-head{background:var(--primary-soft);border-bottom:1px solid #d6e8ff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.project-hours-head .eyebrow{margin-bottom:4px}.project-hours-name{letter-spacing:-.03em;color:var(--navy);margin:0;font-size:22px;font-weight:800;line-height:1.2}.project-hours-meta{color:var(--muted);margin:0;font-size:13px;font-weight:600}.project-hours-group.unlabeled .project-hours-head{background:var(--orange-soft);border-bottom-color:#fde68a}.project-hours-group.unlabeled .eyebrow{color:#b45309}.project-hours-group .table-wrap,.project-hours-group table{margin:0}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.entry-stack{display:none}.entry-card{border:1px solid var(--line);background:var(--card,#fff);border-radius:14px;padding:12px 14px}.entry-card-head{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.entry-card-meta{gap:8px;margin:0;display:grid}.entry-card-meta div{gap:2px;display:grid}.entry-card-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.entry-card-meta dd{margin:0;font-size:13px}@media (width<=800px){.table-wrap table{min-width:520px}.entry-table-compact .table-wrap{display:none}.entry-table-compact .entry-stack{gap:10px;display:grid}}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px;font-size:13px}th{color:var(--muted);font-weight:600}.tag.warn{background:var(--orange-soft);color:#b45309;border-radius:6px;padding:4px 8px;display:inline-block}.tag.ot{background:var(--green-soft);color:#15803d;border-radius:6px;padding:4px 8px;display:inline-block}.tag.late{color:#b45309;background:#fff7e6;border-radius:6px;padding:4px 8px;display:inline-block}.centered{text-align:center;padding:48px}.login-layout{grid-template-columns:1.15fr 1fr;min-height:100svh;display:grid}.login-hero{background:radial-gradient(1200px 500px at -10% -20%, #38bdf82e, transparent 50%), linear-gradient(165deg, #071526 0%, var(--navy) 55%, #123056 100%);color:#fff;flex-direction:column;justify-content:center;padding:56px;display:flex}.login-hero .brand{color:#fff}.login-kicker{color:#7dd3fc;text-transform:none;margin-bottom:8px}.login-hero h1{max-width:520px;margin:12px 0 16px;font-size:36px;line-height:1.2}.login-hero-text{color:#b8c7db;max-width:440px;margin:0;font-size:16px;line-height:1.55}.login-main{background:var(--bg);place-items:center;padding:32px;display:grid}.login-card{gap:2px;width:min(420px,100%);display:grid}.login-card h2{margin:0 0 4px;font-size:24px}.login-lead{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.4}.login-card label{margin:10px 0 0}.login-card .btn-primary{width:100%;margin-top:16px}.login-brand-mobile{color:var(--navy);margin-bottom:12px;display:none}.login-brand-mobile .brand-word{color:var(--navy)}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:72px}.password-toggle{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:600;position:absolute;right:8px}.follow-up{scroll-margin-top:16px}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 0 0;font-size:13px;display:flex}.pagination-info{color:var(--muted)}.pagination-buttons{gap:2px;display:flex}.pagination-buttons button{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text);background:0 0;border-radius:6px;font-size:13px}.pagination-buttons button:hover:not(:disabled){background:var(--hover)}.pagination-buttons button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pagination-buttons button:disabled{opacity:.4;cursor:default}.pagination-ellipsis{text-align:center;width:24px;color:var(--muted)}@media (width<=1100px){.stat-row,.grid-2,.grid-3,.grid-chart{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.content{padding:14px 20px 32px}.leave-balance,.leave-fields,.leave-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){:root{--page-gutter:14px}.shell{background:var(--bg);flex-direction:column;width:100%;max-width:100vw;overflow-x:clip}.sidebar{width:auto;margin:var(--page-gutter) var(--page-gutter) 0;top:env(safe-area-inset-top,0);z-index:100;border-radius:14px;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;position:sticky;overflow:visible}.sidebar-brand{flex-shrink:0;margin-bottom:0;margin-right:4px}.sidebar-logo{--brand-h:28px;height:28px}.follow-up{scroll-margin-top:72px}.side-nav{flex:1;align-items:stretch;gap:4px;min-width:0;display:flex;overflow:visible}.side-nav-primary{flex:1;gap:2px;min-width:0;display:flex}.side-nav-more{flex-shrink:0;display:block;position:relative}.side-nav-more-toggle{min-width:52px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.side-nav-more-toggle svg{width:18px;height:18px}.side-nav-more-toggle.active,.side-nav-more.is-open .side-nav-more-toggle{background:var(--primary);color:#fff}.side-nav-more-panel{background:var(--navy);z-index:120;border-radius:12px;min-width:168px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0b1f3a59}.side-nav-more.is-open .side-nav-more-panel{gap:2px;display:grid}.side-nav a,.support-link{text-align:center;border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 6px;font-size:11px}.side-nav a svg,.support-link svg{width:18px;height:18px}.side-nav-more-panel a{text-align:left;flex-direction:row;flex:none;justify-content:flex-start;gap:10px;min-width:0;padding:10px 12px;font-size:13px}.side-nav-more-panel a svg{width:18px;height:18px}.support-link{display:none}.side-nav .badge{min-width:16px;height:16px;margin-left:0;font-size:9px;display:grid;position:absolute;top:4px;right:6px}.main{width:100%;min-width:0;max-width:100%}.main-header{padding:14px var(--page-gutter) 6px;flex-direction:column;align-items:stretch;gap:10px}.main-header h1{font-size:1.35rem;line-height:1.25}.header-actions{width:100%}.profile-block{border-radius:12px;justify-content:space-between;width:100%;padding:8px 10px}.profile-meta{flex:1;min-width:0;max-width:none}.profile-block strong{font-size:13px}.profile-block small{font-size:11px}.avatar{width:34px;height:34px;font-size:11px}.content{padding:8px var(--page-gutter) calc(24px + env(safe-area-inset-bottom,0px));gap:12px}.dash-welcome{flex-direction:column;align-items:stretch;padding:18px}.dash-welcome-actions .btn-primary,.dash-welcome-actions .btn-ghost{text-align:center;flex:1}.dash-stats,.catalog-list{grid-template-columns:1fr}.card h2{margin-bottom:10px;font-size:15px}.muted{font-size:13px;line-height:1.45}.stat-row{grid-template-columns:1fr 1fr;gap:8px}.stat-row.two{grid-template-columns:1fr}.stat-card{border-radius:12px;padding:12px}.stat-card strong{font-size:22px}.stat-icon{border-radius:10px;width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.grid-2,.grid-3,.grid-chart{grid-template-columns:1fr}.punch-card{text-align:left;gap:0}.punch-top{flex-direction:column;align-items:stretch;gap:14px}.punch-card h2{font-size:1.15rem}.punch-card h2.punch-status{font-size:15px}.punch-elapsed{font-size:34px}.punch-top .btn-primary,.punch-top .btn-danger,.punch-top .btn-ghost,.punch-actions{width:100%}.punch-actions{flex-direction:column}.punch-top .btn-primary,.punch-top .btn-danger,.punch-top .btn-ghost{border-radius:14px;width:100%;min-height:52px;font-size:17px}.place-kinds,.punch-card .punch-start-places{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.place-kinds button,.punch-card .punch-start-places button{width:100%;padding:12px 10px;font-size:15px}.shift-slices li{flex-wrap:wrap;gap:2px 10px}.shift-slice-time{min-width:0}.shift-stat{border-radius:14px;padding:12px 14px}.shift-stat strong{font-size:18px}.table-wrap{margin:0 -2px}table{font-size:12px}th,td{padding:8px 6px}.login-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:100dvh}.login-hero{padding:calc(12px + env(safe-area-inset-top,0px)) 20px 14px;flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.login-hero h1{display:none}.login-hero .brand{height:40px}.login-hero .brand-word{font-size:18px}.login-main{padding:20px var(--page-gutter) calc(24px + env(safe-area-inset-bottom,0px));align-content:start;place-items:stretch stretch;min-height:0}.login-card{border-radius:20px;width:100%;padding:22px 18px 24px}.login-card h2{font-size:22px}.login-card .btn-primary.lg{min-height:48px}.login-brand-mobile{display:none}.pagination{flex-direction:column;align-items:center;gap:8px}select{padding:8px 10px;font-size:16px}input,textarea{font-size:16px}.dev-panel{display:none}.dev-actions{flex-direction:column}.dev-actions button{width:100%;min-height:44px}.row{margin-top:10px}.row .btn-primary,.row .btn-ghost{flex:1;min-height:44px}}@media (width<=400px){:root{--page-gutter:12px}.stat-row{grid-template-columns:1fr}.main-header h1{font-size:1.2rem}}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar label{min-width:0;margin:0}.filter-bar input[type=search]{width:min(220px,100%);margin:0;padding:8px 12px}.filter-bar select{margin:0}.org-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.org-chart-card{overflow-x:auto}.org-chart{justify-content:center;min-width:min-content;padding:8px 4px 4px;display:flex}.org-branch{flex-direction:column;align-items:center;display:flex}.org-branch-root{flex-direction:column;align-items:center;width:max-content;margin-inline:auto;display:flex}.org-root-lead{flex-direction:column;align-items:center;display:flex;position:relative}.org-root-lead:after{content:"";background:#cbd5e1;width:1px;height:18px;margin:8px auto 0}.org-dept-row{grid-template-columns:1fr auto 1fr;align-items:start;column-gap:40px;width:100%;display:grid}.org-dept-row:not(.org-dept-row-gm-over-proje)>.org-root-lead{grid-column:1/-1}.org-dept-row-gm-over-proje{grid-template-rows:auto auto;grid-template-columns:1fr auto 1fr;row-gap:0}.org-dept-row-gm-over-proje:has(.org-dept-center-extra){grid-template-columns:1fr auto auto 1fr}.org-dept-row-gm-over-proje>.org-root-lead{z-index:1;grid-area:1/2;justify-self:center}.org-dept-row-gm-over-proje>.org-root-lead:after{height:36px;margin:14px auto 18px}.org-dept-row-gm-over-proje>.org-dept-side-left{grid-area:2/1}.org-dept-row-gm-over-proje>.org-dept-proje{flex-direction:column;grid-area:2/2;align-items:center;display:flex}.org-dept-row-gm-over-proje>.org-dept-center-extra{flex-direction:row;grid-area:2/3;align-items:flex-start;gap:36px;display:flex}.org-dept-row-gm-over-proje>.org-dept-side-right{grid-area:2/3}.org-dept-row-gm-over-proje:has(.org-dept-center-extra)>.org-dept-side-right{grid-column:4}.org-dept-row-gm-over-proje>.org-dept-center-team{grid-area:3/2/auto/4}.org-dept-side{align-items:flex-start;gap:28px;min-width:0;display:flex}.org-dept-side-left{justify-content:flex-end}.org-dept-side-right{justify-content:flex-start;padding-left:36px}.org-dept-center{flex-direction:column;align-items:center;gap:18px;display:flex}.org-dept-center-leads{flex-direction:row;justify-content:center;align-items:flex-start;gap:36px;display:flex}.org-children{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:28px;margin-top:18px;padding-top:18px;display:flex;position:relative}.org-children:before{content:"";background:#cbd5e1;width:1px;height:18px;position:absolute;top:0;left:50%}.org-dept-label{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.org-dept-label.tone-forest{color:var(--forest)}.org-dept-label.tone-violet{color:var(--violet)}.org-dept-label.tone-rust{color:var(--rust)}.org-dept-label.tone-teal{color:var(--teal)}.org-dept-label.tone-sky{color:var(--sky)}.org-dept-label.tone-navy{color:var(--navy)}.org-team{flex-direction:column;align-items:center;display:flex}.org-team-grid{grid-template-columns:repeat(2,196px);justify-content:center;gap:12px 14px;display:grid}@media (width>=1200px){.org-team-grid{grid-template-columns:repeat(3,196px)}}.org-kadro-name{white-space:nowrap}.org-kadro-branch{color:#94a3b8;letter-spacing:-.04em;font-weight:500}.org-dept-row td{border-bottom:1px solid var(--line);background:#f8fafc;padding-top:16px;padding-bottom:8px}.org-card{border:1px solid var(--line);border-top:3px solid var(--primary);text-align:center;background:#fff;border-radius:12px;width:196px;padding:12px 12px 10px;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 16px #0f23400d}.org-card.is-hit{box-shadow:0 0 0 2px var(--primary), 0 8px 20px #1677ff2e}.org-card.is-dim{opacity:.38}.org-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 8px;font-size:11px;font-weight:700;display:grid}.org-card strong{font-size:13px;line-height:1.3;display:block}.org-title{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.35;display:block}.org-card small{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-top:6px;font-size:10px;font-weight:700;display:block}.org-card.tone-navy{border-top-color:var(--navy)}.org-card.tone-navy .org-avatar{color:var(--navy);background:#e8eef6}.org-card.tone-navy small{color:var(--navy)}.org-card.tone-teal{border-top-color:var(--teal)}.org-card.tone-teal .org-avatar{color:var(--teal);background:#e6f7f5}.org-card.tone-teal small{color:var(--teal)}.org-card.tone-sky{border-top-color:var(--sky)}.org-card.tone-sky .org-avatar{color:var(--sky);background:#e8f4fc}.org-card.tone-sky small{color:var(--sky)}.org-card.tone-rust{border-top-color:var(--rust)}.org-card.tone-rust .org-avatar{color:var(--rust);background:#fff1ea}.org-card.tone-rust small{color:var(--rust)}.org-card.tone-forest{border-top-color:var(--forest)}.org-card.tone-forest .org-avatar{color:var(--forest);background:#eaf7ee}.org-card.tone-forest small{color:var(--forest)}.org-card.tone-violet{border-top-color:var(--violet)}.org-card.tone-violet .org-avatar{color:var(--violet);background:#f3e8ff}.org-card.tone-violet small{color:var(--violet)}.org-card.tone-slate{border-top-color:#64748b}.dept-chip{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.dept-chip.tone-navy{color:var(--navy);background:#e8eef6}.dept-chip.tone-teal{color:var(--teal);background:#e6f7f5}.dept-chip.tone-sky{color:var(--sky);background:#e8f4fc}.dept-chip.tone-rust{color:var(--rust);background:#fff1ea}.dept-chip.tone-forest{color:var(--forest);background:#eaf7ee}.dept-chip.tone-violet{color:var(--violet);background:#f3e8ff}@media (width<=800px){.org-stats{grid-template-columns:1fr}.org-chart-card{overflow:visible}.org-chart{flex-direction:column;align-items:stretch;gap:20px;min-width:0;padding:0;display:flex}.org-branch,.org-branch-root{align-items:stretch;width:100%}.org-root-lead{order:-1;align-items:stretch}.org-root-lead:after{display:none}:is(.org-dept-row,.org-dept-row-gm-over-proje,.org-dept-row-gm-over-proje:has(.org-dept-center-extra)){flex-direction:column;gap:12px 0;width:100%;display:flex}.org-dept-proje,.org-dept-center-extra,.org-dept-center-team{flex-direction:column;align-items:stretch;width:100%;display:flex}.org-dept-side,.org-dept-side-left,.org-dept-side-right,.org-dept-center,.org-dept-center-leads{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;padding-left:0;display:flex}.org-children{border-left:2px solid #e2e8f0;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:12px;margin-top:12px;padding:12px 0 0 12px;display:flex}.org-children:before{display:none}.org-team,.org-team-grid{grid-template-columns:1fr;justify-content:stretch;gap:12px;width:100%;display:grid}.org-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;min-width:0;max-width:none;padding:12px;display:grid}.org-avatar{grid-row:1/span 2;align-self:center;margin:0}.org-card strong,.org-title{overflow-wrap:anywhere;min-width:0}.org-dept-label{text-align:left}.org-kadro-name{white-space:normal}.filter-bar{width:100%}.filter-bar input[type=search],.filter-bar select{flex:1;width:100%;min-width:0}.leave-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.leave-tabs::-webkit-scrollbar{display:none}.leave-tabs button{flex-shrink:0}}.leave-tabs{flex-wrap:wrap;gap:6px;display:flex}.leave-tabs button{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.leave-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.leave-tabs .badge{min-width:18px;height:18px;margin-left:0;font-size:11px}.leave-tabs button.active .badge{color:var(--primary);background:#fff}.leave-form-head{border-bottom:1px solid var(--line);gap:4px;margin-bottom:8px;padding-bottom:16px;display:grid}.leave-form-head h2{margin:0;font-size:20px}.leave-hired{color:#4a5568;letter-spacing:.01em;margin-top:2px;font-size:11px;font-weight:600;line-height:1.35;display:block}.leave-balance{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 4px;display:grid}.leave-allowance{gap:4px;margin:0;font-size:12px;display:grid}.leave-allowance input{width:72px;padding:6px 8px}.leave-fields label .linkish{margin-top:6px;font-size:12px;display:inline-block}.leave-fields{grid-template-columns:repeat(3,1fr);align-items:start;gap:0 14px;display:grid}.leave-fields label{align-content:start}.leave-types{border:1px solid var(--line);border-radius:12px;gap:8px;margin:12px 0;padding:12px;display:grid}.leave-types legend{padding:0 6px;font-weight:700}.leave-types label{border-radius:10px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-weight:600;display:flex}.leave-types label.picked{background:var(--primary-soft)}.leave-types input{width:auto}.leave-list{gap:10px;display:grid}.catalog-list{grid-template-columns:1fr;align-items:stretch;gap:10px;display:grid}.catalog-item{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.catalog-filters{margin:0 0 12px}.leave-tabs .catalog-filter-analysis.active{color:#fff;background:#c2410c;border-color:#c2410c}.leave-tabs .catalog-filter-progress.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.leave-tabs .catalog-filter-done.active{color:#fff;background:#15803d;border-color:#15803d}.leave-tabs .catalog-filter-analysis.active .badge{color:#c2410c}.leave-tabs .catalog-filter-progress.active .badge{color:#1d4ed8}.leave-tabs .catalog-filter-done.active .badge{color:#15803d}.catalog-card{flex-direction:column;gap:12px;min-height:0;padding:16px 18px;display:flex}.catalog-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.catalog-card-head strong{min-height:0;font-size:16px;line-height:1.35;display:block;overflow:visible}.catalog-card .btn-ghost{margin-top:0}.catalog-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catalog-card-actions .btn-ghost{width:auto;min-height:36px;padding:8px 14px}.catalog-card-actions .btn-danger-sm{margin-left:auto}.catalog-card-analysis{border-left:4px solid #c2410c}.catalog-card-progress{border-left:4px solid #1d4ed8}.catalog-card-done{border-left:4px solid #15803d}.catalog-status-field{flex-shrink:0;gap:4px;min-width:180px;display:grid}.catalog-status{border-radius:10px;padding:8px 10px;font-weight:700}.catalog-status-analysis{color:#c2410c;background:#fff7ed;border-color:#fdba74}.catalog-status-progress{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.catalog-status-done{color:#15803d;background:#f0fdf4;border-color:#86efac}.catalog-crew h3{margin:0 0 8px;font-size:14px}.catalog-crew-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-crew-list li{background:var(--hover);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.catalog-live-now{gap:10px;margin:0;padding:0;list-style:none;display:grid}.catalog-live-now li{border:1px solid var(--line);background:var(--green-soft);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.catalog-live-now span{color:var(--text);font-size:14px}.catalog-live-assign{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.catalog-live-assign-row{grid-template-columns:minmax(9rem,1fr) minmax(11rem,1.6fr) auto;align-items:center;gap:8px;display:grid}.catalog-live-assign-name{min-width:0;font-size:14px;font-weight:600}.catalog-live-assign-row select{width:100%;min-width:0}.catalog-live{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.catalog-live-person{background:var(--green-soft);color:#15803d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.leave-item{padding:0;overflow:hidden}.leave-item-head{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.leave-item-head strong,.leave-item-head span{display:block}.leave-item-head .muted{margin-top:4px}.leave-detail{gap:12px;padding:0 16px 16px;display:grid}.leave-detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;display:grid}.leave-detail-grid dt{color:var(--muted);font-size:12px;font-weight:600}.leave-detail-grid dd{margin:4px 0 0;font-weight:600}.leave-reason{margin:0;font-size:14px;line-height:1.45}.leave-steps{border-left:2px solid var(--line);gap:10px;margin:0;padding:0;list-style:none;display:grid}.leave-steps li{gap:2px;padding-left:14px;display:grid;position:relative}.leave-steps li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-5px}.leave-steps span,.leave-steps small{color:var(--muted);font-size:12px}.leave-signoffs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leave-signoffs>div{border:1px dashed var(--line);background:#f7f9fc;border-radius:12px;padding:12px}.leave-signoffs>div.signed{background:var(--green-soft);border-style:solid;border-color:#bbf7d0}.leave-signoffs strong,.leave-signoffs small{display:block}.leave-signoffs small{color:var(--muted);margin-top:4px}.leave-decide{border-top:1px solid var(--line);padding-top:8px}.leave-year-report{margin-top:8px}.leave-year-name{letter-spacing:-.03em;color:var(--navy);margin:0;font-size:22px;font-weight:800}.leave-year-legend{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.leave-chip{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.leave-chip.annual,.leave-day.annual{color:#1d4ed8;background:#e8f3ff}.leave-chip.unpaid,.leave-day.unpaid{color:#4b5563;background:#f3f4f6}.leave-chip.sick,.leave-day.sick{color:#b45309;background:#fff7e6}.leave-chip.excuse,.leave-day.excuse{color:#15803d;background:#e8f8ee}.leave-chip.duty,.leave-day.duty{color:#6d28d9;background:#f3e8ff}.leave-year-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.leave-month-card{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:10px 10px 12px}.leave-month-card h4{color:var(--navy);margin:0 0 8px;font-size:14px}.leave-month-week,.leave-month-days,.leave-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;display:grid}.leave-month-week span,.leave-month-dow{text-align:center;color:var(--muted);padding:2px 0;font-size:10px;font-weight:700}.leave-day{min-width:0;min-height:28px;color:var(--text);box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.leave-day.is-empty{pointer-events:none;background:0 0}.leave-day b{font-weight:700;font-size:inherit}.leave-day.marked{font-weight:800}.leave-month-card.large{max-width:760px;padding:16px}.leave-month-card.large h4{margin-bottom:12px;font-size:20px}.leave-month-card.large .leave-month-dow{padding:6px 0;font-size:12px}.leave-month-card.large .leave-day{text-align:center;gap:4px;min-height:72px;padding:8px 4px 6px;font-size:13px}.leave-month-card.large .leave-day small{overflow-wrap:anywhere;max-width:100%;font-size:11px;font-weight:700;line-height:1.25;display:block}.leave-month-tabs{flex-wrap:wrap;gap:6px;margin:12px 0 4px;display:flex}.leave-month-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.leave-month-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}@media (width<=1100px){.leave-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.leave-year-grid{grid-template-columns:1fr}.leave-month-card.large .leave-day{min-height:56px;padding:4px;font-size:12px}.side-nav a .badge{display:grid}.leave-detail-grid,.leave-signoffs,.leave-balance{grid-template-columns:1fr 1fr}.leave-fields{grid-template-columns:1fr}.leave-item-head{flex-direction:column;align-items:flex-start}}@media (width<=480px){.leave-form-head,.leave-fields,.leave-detail-grid,.leave-signoffs,.leave-balance,.leave-year-grid,.org-stats{grid-template-columns:1fr}.punch-elapsed{font-size:30px}.leave-month-card.large .leave-day{min-height:44px}.leave-month-card.large .leave-day small{font-size:10px}}@media (width<=800px){.catalog-list{gap:10px}.catalog-card{gap:12px;min-height:0;padding:16px}.catalog-card-head{flex-direction:column;align-items:stretch;gap:10px;display:flex}.catalog-card-head strong{-webkit-line-clamp:unset;-webkit-box-orient:unset;min-height:0;display:block;overflow:visible}.catalog-live-assign-row{grid-template-columns:1fr}.catalog-status-field{width:100%}.catalog-filters{grid-template-columns:1fr;gap:8px;display:grid;overflow:visible}.leave-tabs.catalog-filters button{justify-content:space-between;width:100%}.section-head{flex-direction:column;align-items:stretch}.today-desk .section-head{flex-flow:row;align-items:center}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input[type=search],.filter-bar select,.filter-bar .btn-primary,.filter-bar .btn-ghost{width:100%;min-width:0}.shift-stats,.punch-card .shift-stats{grid-template-columns:1fr}.project-combo-panel{max-height:min(55vh,420px);margin-top:8px}.board-batch{flex-direction:column;align-items:stretch}.board-batch .btn-primary,.board-batch .btn-danger,.board-batch .btn-ghost{width:100%}}