:root{--primary:#5c7cfa;--secondary:#40916c;--accent:#ffd43b;--bg:#1a1c22;--card-bg:#25262b;--border:#373a40;--text:#909296;--text-strong:#c1c2c5;--font-family:"Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-family);min-height:100vh;line-height:1.6;overflow-x:hidden}.app-container{flex-direction:column;gap:.75rem;width:100%;max-width:100%;margin:0;padding:.5rem 1rem;display:flex;overflow-x:hidden}header{text-align:center;margin-bottom:2rem}h1{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}p.subtitle{color:var(--text-muted);font-size:1.1rem}.view-switcher{border:1px solid var(--border);background:#ffffff08;border-radius:999px;align-self:center;gap:.5rem;padding:.35rem;display:inline-flex}.view-tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.7rem 1.1rem;font-weight:600}.view-tab-active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.main-layout{grid-template-columns:350px 1fr;gap:2rem;display:grid}@media (width<=900px){.main-layout{grid-template-columns:1fr}}.planner-modern-layout{flex-direction:column;gap:1rem;width:100%;display:flex}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.section-title{color:var(--text-strong);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.15rem;font-weight:600;display:flex}.form-group{margin-bottom:1.25rem}label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;display:block}input[type=time],input[type=number],input[type=file],input[type=month],input[type=date]{border:1px solid var(--border);width:100%;color:var(--text-strong);background:#1a1b1e;border-radius:.375rem;padding:.75rem;font-family:inherit;transition:all .2s}input:focus{border-color:var(--primary);outline:none}.date-picker-placeholder{border:2px dashed var(--border);height:200px;color:var(--text-muted);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.date-picker-placeholder:hover{border-color:var(--text-muted);background:#ffffff05}.file-upload-zone{border:2px dashed var(--primary);text-align:center;cursor:pointer;background:#3b82f60d;border-radius:1rem;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-upload-zone:hover{background:#3b82f61a;transform:translateY(-2px)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;width:100%;margin-top:1rem;padding:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #3b82f666}.btn-secondary{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#2c2e33;border-radius:.375rem;padding:.5rem 1rem}.btn-secondary:hover{color:var(--text-strong);background:#383a40}.planner-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.planner-top-section{align-items:center;gap:1rem;display:flex}.stats-section{border:1px solid var(--border);background:#ffffff08;border-radius:8px;gap:2rem;padding:.5rem 1.5rem}.stat-badge{flex-direction:column;align-items:center;display:flex}.stat-label{color:var(--text-muted);font-size:.75rem}.stat-val{color:var(--text-strong);font-size:1.1rem;font-weight:700}.planner-toolbar{align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.toolbar-group{align-items:center;gap:.8rem;display:flex}.toolbar-label{color:var(--text-strong);font-size:.85rem;font-weight:600}.brush-toggles{background:#0003;border-radius:8px;padding:.2rem;display:flex}.brush-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.brush-toggle.active{background:var(--card-bg);color:var(--text-strong);box-shadow:0 1px 3px #0003}.template-palette{gap:.5rem;display:flex}.palette-item{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .8rem;transition:all .2s;display:flex}.palette-item:hover{background:#ffffff0d}.palette-item.active{border-color:var(--theme-color);background:color-mix(in srgb, var(--theme-color) 15%, transparent)}.palette-item .dot{border-radius:50%;width:10px;height:10px}.palette-item .time{color:var(--text-muted);font-size:.75rem}.btn-icontext{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:6px;padding:.45rem .8rem;font-size:.85rem;transition:all .2s}.btn-icontext:hover{color:var(--text-strong);background:#ffffff0f}.planner-board-container{width:100%;padding:0;overflow:hidden}.planner-board-shell{width:100%}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-content{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;min-width:380px;max-width:90vw;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.dialog-content.dialog-wide{width:720px}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dialog-header h3{color:var(--text-strong);margin:0;font-size:1.25rem}.dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;display:flex}.dialog-close:hover{color:var(--text-strong)}.add-employee-row{border-top:1px solid var(--border);background:#ffffff03;align-items:center;gap:1rem;padding:1rem;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.planner-template-time-row,.planner-template-edit-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.planner-template-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.planner-template-item{border:1px solid var(--border);background:#ffffff05;border-radius:.8rem;padding:.75rem}.template-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:.75rem;transition:border-color .2s}.template-card:hover{border-color:#ffffff1f}.segment-row{background:#00000026;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;display:flex}.segment-row .seg-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.segment-row input[type=time]{height:30px;padding:.3rem .4rem;font-size:.82rem}.new-template-area{border:1px dashed var(--border);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.planner-surface{flex-direction:column;gap:1rem;display:flex}.planner-board-shell{padding:1rem}.planner-board-scroll{overflow:auto}.planner-board-header,.planner-board-row{grid-template-columns:130px repeat(var(--planner-days,31), minmax(32px, 1fr));gap:.2rem;width:100%;display:grid}.planner-board-header{z-index:2;background:linear-gradient(180deg, var(--card-bg) 80%, transparent);padding-bottom:.75rem;position:sticky;top:0}.planner-board-sticky,.planner-row-label{z-index:1;background:var(--card-bg);border:1px solid var(--border);border-radius:.8rem;position:sticky;left:0}.planner-board-sticky{color:var(--text-strong);justify-content:center;align-items:center;font-weight:600;display:flex}.planner-board-day-head{border:1px solid var(--border);background:#ffffff08;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:44px;padding:.1rem;display:flex}.planner-board-day-head strong{color:var(--text-strong)}.planner-board-day-head span{color:var(--text-muted);font-size:.75rem}.planner-board-group{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.planner-group-title{color:var(--text-strong);padding-left:.4rem;font-weight:700}.planner-board-row{align-items:stretch}.planner-board-row-active .planner-row-label{border-color:#60a5fab3}.planner-board-row-selected .planner-row-label{box-shadow:inset 0 0 0 1px #34d39959}.planner-row-label{color:var(--text-strong);cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:.4rem .6rem;font-size:.85rem;display:flex}.planner-row-label small{color:var(--text-muted)}.planner-shift-cell{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:.4rem;min-height:46px;padding:.1rem;transition:border-color .2s,transform .2s}.planner-shift-cell:hover{border-color:#60a5fa8c}.planner-shift-cell-selected{border-color:#60a5fad9;box-shadow:0 0 0 1px #60a5fa40}.planner-shift-block,.planner-shift-empty{text-align:center;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.2rem;display:flex}.planner-shift-block{color:#0f172a}.planner-shift-name{font-size:.72rem;font-weight:700;line-height:1.1}.planner-shift-time{display:none}.planner-shift-empty{color:var(--text-muted);background:#ffffff0a;align-items:center}.planner-editor{flex-direction:column;align-self:start;gap:.9rem;display:flex;position:sticky;top:1rem}.planner-editor-meta{color:var(--text-muted);flex-direction:column;gap:.2rem;display:flex}.planner-editor-meta strong{color:var(--text-strong)}.planner-editor-templates{flex-wrap:wrap;gap:.5rem;display:flex}.planner-editor-template{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .8rem;display:inline-flex}.planner-editor-template-active{color:#dbeafe;background:#3b82f629;border-color:#60a5facc}.planner-editor-actions{gap:.6rem;display:flex}.planner-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}@media (width<=900px){.planner-header{flex-direction:column}}.planner-employee-meta{gap:.75rem;min-width:min(320px,100%);display:grid}.planner-selection-hint{color:var(--text-muted);font-size:.82rem}.batch-active{color:#dbeafe;background:#3b82f629;border-color:#60a5facc}.employee-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.employee-card-selected{border-color:#34d39973;box-shadow:0 0 0 1px #34d3992e}.planner-employee-select{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.planner-employee-select input{accent-color:#34d399}.planner-employee-info{min-width:0}.calendar-picker{border:1px solid var(--border);background:#0003;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;display:grid}.results-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-container{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;border:1px solid var(--border);width:100%;font-size:.85rem}th{text-align:left;color:var(--text);border:1px solid var(--border);background:#1d1e21;padding:.875rem;font-weight:500}td{border:1px solid var(--border);color:var(--text-strong);padding:.875rem}tr:hover{background:#ffffff05}.status-tag{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.status-normal{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-abnormal{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.status-missing{color:#9ca3af;background:#6b72801a;border:1px solid #6b728033}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-item{flex-direction:column;gap:.5rem;display:flex}.summary-val{font-size:1.5rem;font-weight:700}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.empty-state{text-align:center;color:var(--text-muted);padding:5rem}.daily-detail-list{flex-direction:column;gap:.35rem;min-width:240px;max-height:180px;padding-right:.25rem;display:flex;overflow-y:auto}.daily-detail-item{border:1px solid #0000;border-radius:.45rem;align-items:center;gap:.5rem;padding:.2rem .4rem;line-height:1.3;display:flex}.daily-detail-date{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:3rem;font-size:.72rem}.daily-detail-status{white-space:nowrap;font-size:.75rem}.daily-detail-normal{background:#40916c1f;border-color:#40916c4d}.daily-detail-rest{background:#ffffff0a;border-color:#ffffff14}.daily-detail-field{background:#3b82f624;border-color:#3b82f659}.daily-detail-late{background:#facc1526;border-color:#facc154d}.daily-detail-abnormal{background:#ef444424;border-color:#ef444459}.mini-calendar{grid-template-columns:repeat(7,18px);gap:3px;min-width:150px;display:grid}.mini-day{font-variant-numeric:tabular-nums;color:#ffffffe6;cursor:help;border:1px solid #ffffff2e;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.mini-blank{cursor:default;background:0 0;border:none}.mini-normal{background:var(--secondary)}.mini-rest{color:#ffffffb3;background:#ffffff1f}.mini-field{background:var(--primary)}.mini-late{background:var(--accent);color:#111827}.mini-abnormal{background:#ef4444}