:root{--bg-soft: #f4efe4;--bg-main: #ece5d6;--bg-spot-a: #fef6de;--bg-spot-b: #d8ebff;--text-main: #1f2933;--text-muted: #5a6673;--panel: #ffffffcc;--border: #ccd4dd;--shadow: 0 10px 24px rgba(26, 32, 38, .12);--board-shell: #ffffff90;--board-scroll-bg: #fff;--board-grid-bg: #f8f7f2;--board-grid-line: rgba(38, 49, 66, .08);--help-bg: #eef5ff;--help-border: #bfd2ea;--help-text: #29445f;--button-bg: #fff;--button-text: #1f2933;--legend-text: #1f2933;--legend-normal-bg: #def8ea;--legend-normal-border: #9fdabb;--legend-warning-bg: #fff2cd;--legend-warning-border: #f0cf70;--legend-max-bg: #ffe0c8;--legend-max-border: #edac71;--legend-over-bg: #ffd5d5;--legend-over-border: #ec9e9e;--normal: #1f9d55;--warning: #d58f00;--max: #d96a1b;--over: #d23636}:root[data-theme=dark]{--bg-soft: #111620;--bg-main: #1b2433;--bg-spot-a: #102030;--bg-spot-b: #1b2f3d;--text-main: #e5edf6;--text-muted: #a7b5c6;--panel: #1b2533dd;--border: #304357;--shadow: 0 12px 26px rgba(5, 8, 12, .45);--board-shell: #1a2432cc;--board-scroll-bg: #111a25;--board-grid-bg: #14202d;--board-grid-line: rgba(154, 177, 199, .13);--help-bg: #22374b;--help-border: #36536d;--help-text: #d8e8f9;--button-bg: #263648;--button-text: #e9f1f8;--legend-text: #e7f0f9;--legend-normal-bg: #1f3b2e;--legend-normal-border: #4ca679;--legend-warning-bg: #4a3a12;--legend-warning-border: #d1a548;--legend-max-bg: #4d301c;--legend-max-border: #d8925b;--legend-over-bg: #4a2020;--legend-over-border: #c96b6b}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at 10% 10%,var(--bg-spot-a) 0,transparent 40%),radial-gradient(circle at 90% 12%,var(--bg-spot-b) 0,transparent 42%),linear-gradient(135deg,var(--bg-soft),var(--bg-main))}button,input,select{font:inherit}.login-card,.panel,.modal-card,.board-area{border:1px solid var(--border);box-shadow:var(--shadow)}.login-card,.panel,.modal-card{background:var(--panel)}.login-card input,.topbar-actions button,.mobile-menu-toggle,.panel input,.panel select,.panel button,.modal-close,.file-input-label,.name-input,.drag-handle,.metrics-grid input,.quick-load-buttons button{border:1px solid var(--border);background:var(--button-bg);color:var(--button-text)}.danger-button,.danger-icon-button{border-color:#e79c9c!important;background:#ffe6e6!important;color:#8f1f1f!important}:root[data-theme=dark] .danger-button,:root[data-theme=dark] .danger-icon-button{border-color:#8c4c4c!important;background:#492525!important;color:#ffd7d7!important}.loading-screen{min-height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:20px}.login-layout{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-card h1{margin-top:0;margin-bottom:10px}.login-card p{margin-top:0;margin-bottom:20px;color:var(--text-muted)}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;font-size:14px}.login-card input{border-radius:12px;padding:10px 12px}.login-card button{border:0;border-radius:12px;padding:11px 14px;background:linear-gradient(90deg,#19694a,#157d67);color:#fff;font-weight:700;cursor:pointer}.hint{margin-top:16px;font-size:13px;color:var(--text-muted);line-height:1.45}.app{min-height:100%;height:100%;height:100dvh;max-height:100%;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:18px 22px;background:var(--panel);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar-main{display:flex;align-items:flex-end;gap:12px;min-width:0;flex:1 1 auto}.topbar-main>div{min-width:0}.topbar h1{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:var(--text-muted)}.topbar-actions{display:flex;gap:10px;flex-wrap:nowrap;justify-content:flex-start;margin-left:auto;flex:0 1 auto;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}.topbar-actions button{border-radius:12px;padding:9px 12px;cursor:pointer;white-space:nowrap;flex:0 0 auto}.icon-button{width:38px;height:38px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{stroke-width:2.1}.mobile-menu-toggle{display:none;border-radius:12px;padding:8px 10px;cursor:pointer;white-space:nowrap}.error-banner{margin-top:14px;padding:11px 14px;border-radius:12px;background:#ffe5e5;border:1px solid #efb1b1;color:#8f1f1f;font-size:14px}.error-banner.global{margin:12px 22px 0}.content{display:grid;grid-template-columns:minmax(330px,390px) 1fr;gap:16px;padding:10px 12px 12px;min-height:0;flex:1;overflow:hidden}.content.content-board-only{grid-template-columns:1fr}.sidebar{display:grid;gap:14px;align-content:start;overflow:auto;padding-right:4px}.panel{border-radius:14px;padding:14px}.panel h2{margin-top:0;margin-bottom:10px;font-size:18px}.panel form{display:grid;gap:10px}.panel label{display:grid;gap:6px;font-size:13px;color:var(--text-muted)}.panel input,.panel select,.panel button{border-radius:10px;padding:8px 10px}.panel button{cursor:pointer;background:color-mix(in srgb,var(--button-bg) 80%,#5ea8ff 20%)}.users-list{display:grid;gap:8px;margin-top:12px}.user-row{border:1px solid var(--border);border-radius:10px;padding:9px;background:var(--button-bg);min-width:0;overflow:hidden}.user-row small{color:var(--text-muted);overflow-wrap:anywhere}.user-row>div{min-width:0;overflow-wrap:anywhere}.user-row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin-top:8px;min-width:0}.user-row-actions button{min-width:0;width:100%;padding:6px}.password-reset{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px;min-width:0}.password-reset input{min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#090d1394;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(780px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:16px}.modal-card.wide{width:min(1120px,100%)}.modal-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-header h2{margin:0;font-size:20px}.modal-close{border-radius:10px;padding:7px 10px;cursor:pointer}.modal-content{padding:14px}.modal-content>.error-banner{margin-top:0;margin-bottom:12px}.modal-panels{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.modal-panels>.panel{min-width:0}.board-area{border-radius:14px;background:var(--board-shell);padding:12px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.board-area.board-area-full{height:100%}.board-top-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.zoom-control{display:grid;gap:4px;color:var(--text-muted);font-size:14px}.board-help-inline{border:1px dashed var(--help-border);background:var(--help-bg);color:var(--help-text);border-radius:10px;padding:7px 10px;font-size:12px;white-space:normal}.legend{display:flex;gap:8px;flex-wrap:wrap}.board-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.board-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;-webkit-user-select:none;user-select:none;white-space:nowrap}.board-toggle input{width:16px;height:16px;accent-color:var(--normal)}.guide-panel{margin-bottom:10px;border:1px solid var(--help-border);background:var(--help-bg);color:var(--help-text);border-radius:12px;padding:10px 12px}.guide-panel h3{margin:0 0 8px;font-size:15px}.guide-panel ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px}.import-export-actions{display:grid;gap:10px}.file-input-label{border:1px dashed var(--border);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.file-input-label input{display:none}.muted-note{display:block;color:var(--text-muted);margin-top:8px;line-height:1.4}.employee-delete-list{max-height:320px;overflow:auto}.legend-item{border-radius:999px;font-size:12px;padding:4px 8px;border:1px solid transparent;color:var(--legend-text);font-weight:600;background:var(--legend-bg);border-color:var(--legend-border)}.legend-item.normal{--legend-bg: var(--legend-normal-bg);--legend-border: var(--legend-normal-border)}.legend-item.warning{--legend-bg: var(--legend-warning-bg);--legend-border: var(--legend-warning-border)}.legend-item.max{--legend-bg: var(--legend-max-bg);--legend-border: var(--legend-max-border)}.legend-item.over{--legend-bg: var(--legend-over-bg);--legend-border: var(--legend-over-border)}.board-scroll{overflow:auto;border-radius:12px;border:1px solid var(--border);flex:1;min-height:0;background:var(--board-scroll-bg);touch-action:none;overscroll-behavior:contain}.board-scroll.can-pan{cursor:grab}.board-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.board-surface{background-color:var(--board-grid-bg);background-image:linear-gradient(to right,var(--board-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--board-grid-line) 1px,transparent 1px)}.board-canvas{position:relative;transform-origin:top left;background-color:var(--board-grid-bg);background-image:linear-gradient(to right,var(--board-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--board-grid-line) 1px,transparent 1px);background-size:40px 40px}.board-canvas.dragging{cursor:grabbing}.employee-card{position:absolute;width:320px;min-height:250px;border-radius:14px;border:2px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 8px 18px #1c2a3826;padding:10px}.employee-card.is-dragging{box-shadow:0 16px 24px #162e4942}.employee-card.normal{border-color:#8fcea6}.employee-card.warning{border-color:#efcb62}.employee-card.max{border-color:#f0a36d}.employee-card.over{border-color:#eb7f7f;background:color-mix(in srgb,#ffb8b8 22%,var(--panel))}.employee-card header{display:flex;justify-content:space-between;gap:8px}.title-block{min-width:0}.title-block h3{margin:0;font-size:17px;line-height:1.2}.title-block small{color:var(--text-muted);font-size:12px}.name-input{width:100%;border-radius:8px;padding:6px 7px;font-weight:600}.drag-handle{border:1px dashed var(--border);border-radius:8px;width:55px;height:30px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.metrics-grid label{display:grid;gap:4px;color:var(--text-muted);font-size:12px}.metrics-grid input{width:100%;border-radius:8px;padding:6px 8px}.quick-load-buttons{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-load-buttons button{border-radius:8px;padding:6px;cursor:pointer}.summary-row{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px;color:var(--text-muted)}.progress-track{margin-top:8px;height:10px;background:color-mix(in srgb,var(--button-bg) 72%,#4b647a 28%);border-radius:999px;overflow:hidden}.progress-fill{height:100%;transition:width .2s ease;background:var(--status-color)}.status-label{margin-top:7px;font-size:12px;font-weight:700;color:var(--status-color)}.progress-fill.normal,.status-label.normal{--status-color: var(--normal)}.progress-fill.warning,.status-label.warning{--status-color: var(--warning)}.progress-fill.max,.status-label.max{--status-color: var(--max)}.progress-fill.over,.status-label.over{--status-color: var(--over)}@media (max-width: 1220px){.content{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:8px}.sidebar{max-height:48vh}.topbar{padding:12px 14px}.board-top-controls{align-items:flex-start}.modal-backdrop{padding:10px}.modal-card.wide{width:100%}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.topbar-main{width:100%;align-items:flex-start;gap:10px}.topbar-main>div{flex:1 1 auto;min-width:0}.topbar p{display:none}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.topbar-actions{display:none;width:100%;justify-content:flex-start;overflow-x:visible}.topbar-actions.open{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;max-height:40vh;overflow-y:auto;overflow-x:hidden;padding-right:0;gap:8px}.topbar-actions.open button:not(.icon-button){flex:1 1 100%;white-space:normal}.topbar-actions.open .icon-button{flex:0 0 42px;width:42px;height:42px}.topbar h1{font-size:20px}.board-top-controls{flex-direction:column;align-items:flex-start;gap:10px}.board-help-inline{font-size:11px;width:100%}.board-options{width:100%}.legend{display:none}.employee-card{width:270px}.board-area{padding:6px}.panel{padding:10px}.modal-header h2{font-size:17px}.modal-content{padding:10px}.modal-panels,.user-row-actions,.password-reset{grid-template-columns:1fr}}