:root{--brand-900: #1b2a52;--brand-800: #1f3a93;--brand-700: #2a3a6f;--brand-600: #4a5687;--brand-500: #5b7be0;--brand-400: #8aa0ec;--brand-300: #8a93b8;--brand-200: #a0a8c4;--brand-100: #dfe5f5;--bg: #faf9f5;--surface: #ffffff;--surface-alt: #fafbfe;--surface-muted: #eef1f9;--surface-soft: #f0f2f8;--text: #1b2a52;--text-secondary: #4a5687;--text-muted: #8a93b8;--text-faint: #a0a8c4;--text-inverse: #ffffff;--border: #e6e9f2;--border-strong: #c3c9dc;--success: #1f7a47;--success-bg: #e7f3ec;--success-border: #a9d6a2;--warning: #9a6b12;--warning-bg: #fdf1d6;--warning-border: #f2c45a;--danger: #b23a31;--danger-bg: #fbe6e4;--danger-border: #ecb0a8;--info: #1f3a93;--info-bg: #eef2fd;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(27, 42, 82, .06);--shadow: 0 2px 8px rgba(27, 42, 82, .08);--shadow-lg: 0 12px 32px rgba(27, 42, 82, .16);--sidebar-w: 248px;--topbar-h: 64px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{--brand-900: #0b1020;--brand-500: #7d9bff;--brand-400: #9db4ff;--bg: #0f1626;--surface: #161f33;--surface-alt: #1b2740;--surface-muted: #1f2c47;--surface-soft: #243150;--text: #e8ebf5;--text-secondary: #c2cae0;--text-muted: #8b95b6;--text-faint: #6b7494;--text-inverse: #0f1626;--border: #29375a;--border-strong: #3b4f7a;--success: #6ee7a0;--success-bg: #14301f;--success-border: #1f7a47;--warning: #f2c45a;--warning-bg: #362c12;--warning-border: #9a6b12;--danger: #f0a3a3;--danger-bg: #3a1f1f;--danger-border: #b23a31;--info: #9db4ff;--info-bg: #1a254570;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .55);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand-500);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--text);font-weight:700;line-height:1.25}input,select,textarea,button{font-family:inherit;font-size:inherit}::placeholder{color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-800);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}.btn-ghost{background:transparent;color:var(--brand-500)}.btn-ghost:hover:not(:disabled){background:var(--info-bg)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:6px 11px;font-size:12px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border)}.card-header h3{font-size:15px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;border:1px solid transparent;text-transform:capitalize}.badge-neutral{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border)}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--brand-100)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #5b7be026}.textarea{min-height:84px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:11px 16px;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-alt);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.table tbody tr:hover{background:var(--surface-alt)}.table tbody tr:last-child td{border-bottom:none}.muted{color:var(--text-muted)}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.grow{flex:1}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-500);color:#fff;font-weight:700;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a5273;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h3{font-size:15px}.modal-body{padding:20px 22px;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);background:var(--surface-alt);flex-shrink:0}.form-legend{font-size:12px;color:var(--text-muted);margin-bottom:14px}.req-star{color:var(--danger)}.alert{padding:11px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13px;margin-bottom:14px}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.alert-info{background:var(--info-bg);color:var(--info);border-color:var(--brand-100)}.state{text-align:center;padding:48px 24px;color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--surface-muted);border-top-color:var(--brand-500);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--brand-900);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:20px 22px;font-weight:800;font-size:16px;color:#fff}.sidebar-logo{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-size:19px;font-weight:800;color:#fff;letter-spacing:.2px}.brand-sub{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-400);margin-top:3px}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-300);padding:16px 12px 6px;font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--brand-200);font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff0f;color:#fff;text-decoration:none}.nav-link.active{background:var(--brand-800);color:#fff}.nav-link .nav-icon{width:18px;text-align:center;font-size:15px}.sidebar-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--brand-300)}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.topbar-user{display:flex;align-items:center;gap:11px}.icon-btn{position:relative;background:var(--surface-muted);border:1px solid var(--border);border-radius:50%;width:38px;height:38px;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-soft);color:var(--brand-500)}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.topbar-user .name{font-weight:600;font-size:13.5px;line-height:1.2}.topbar-user .sub{font-size:12px;color:var(--text-muted)}.content{padding:28px;max-width:1240px;width:100%;margin:0 auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:22px}.widget-list{list-style:none;margin:0;padding:0}.widget-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.widget-row:last-child{border-bottom:none}.widget-stat-row{display:flex;gap:12px}.widget-stat{flex:1;text-align:center;padding:14px 8px;border-radius:var(--radius);background:var(--surface-alt)}.widget-stat .value{font-size:22px;font-weight:700}.widget-stat .label{font-size:12px;color:var(--text-muted);margin-top:2px}.widget-stat.tone-success .value{color:#16a34a}.widget-stat.tone-warning .value{color:#d97706}.sim-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;background:#b45309;color:#fff;font-size:13px;font-weight:500}.sim-banner strong{font-weight:700}.birthday-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.birthday-card{display:flex;align-items:center;gap:14px}.birthday-avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--brand, #1f3a93),#5b7be0)}.birthday-body{min-width:0}.birthday-name{font-weight:600;display:flex;align-items:center;gap:8px}.birthday-when{font-size:13px;color:var(--text-muted);margin-top:4px}.stat{padding:18px 20px}.stat .label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat .value{font-size:28px;font-weight:800;color:var(--text);margin-top:6px}.stat .value.accent{color:var(--brand-800)}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0}.detail-item{padding:13px 0;border-bottom:1px solid var(--border)}.detail-item .k{font-size:12px;color:var(--text-muted);font-weight:600}.detail-item .v{margin-top:3px;color:var(--text);font-weight:500}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar .search{min-width:260px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#eef2fd 0%,var(--bg) 60%);padding:24px}.login-card{width:100%;max-width:420px;text-align:center;padding:40px 36px}.login-logo{width:64px;height:64px;border-radius:16px;display:block;margin:0 auto 20px}.ms-btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;width:100%;padding:12px;background:var(--brand-800);color:#fff;border-radius:var(--radius-sm);font-weight:600;margin-top:8px}.ms-btn:hover{background:var(--brand-700);text-decoration:none}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-dow{background:var(--surface-alt);padding:8px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cal-cell{background:var(--surface);min-height:96px;padding:6px 7px;display:flex;flex-direction:column;gap:4px}.cal-cell.empty,.cal-cell.weekend{background:var(--surface-alt)}.cal-daynum{font-size:12px;font-weight:600;color:var(--text-secondary)}.cal-cell.today .cal-daynum{background:var(--brand-800);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.cal-chip{font-size:11px;padding:2px 6px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-chip.leave{background:var(--info-bg);color:var(--info);border:1px solid var(--brand-100)}.cal-chip.holiday{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.cal-cell.att-present{background:#16a34a24}.cal-cell.att-leave{background:#2563eb24}.cal-cell.att-incomplete{background:#d977062e}.cal-cell.att-pending{background:#7c3aed29}.cal-cell.att-clickable{cursor:pointer}.cal-cell.att-clickable:hover{outline:2px solid var(--brand-800);outline-offset:-2px}.att-note{font-size:11px;color:var(--text-secondary)}.att-times{font-size:11px;font-weight:600;color:var(--text)}.att-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;font-size:13px}.att-legend .key{display:inline-flex;align-items:center;gap:7px}.att-legend .swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.swatch.present{background:#16a34a99}.swatch.leave{background:#2563eb99}.swatch.incomplete{background:#d97706b3}.swatch.pending{background:#7c3aed99}.org-scroll{overflow:auto;padding:8px 4px 16px}.org-tree{display:inline-block;min-width:100%;text-align:center}.org-tree ul{display:flex;justify-content:center;padding-top:22px;position:relative;list-style:none}.org-tree li{list-style:none;position:relative;padding:22px 12px 0}.org-tree li:before,.org-tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid var(--border-strong)}.org-tree li:after{right:auto;left:50%;border-left:2px solid var(--border-strong)}.org-tree li:only-child:before,.org-tree li:only-child:after{display:none}.org-tree li:first-child:before,.org-tree li:last-child:after{border:0 none}.org-tree li:last-child:before{border-right:2px solid var(--border-strong);border-radius:0 6px 0 0}.org-tree li:first-child:after{border-radius:6px 0 0}.org-tree ul ul:before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:2px solid var(--border-strong)}.org-tree>ul{padding-top:0}.org-tree>ul>li:only-child:before,.org-tree>ul>li:only-child:after{display:none}.org-node{display:inline-flex;align-items:center;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 12px;min-width:190px;max-width:230px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.org-node:hover{border-color:var(--brand-500);box-shadow:var(--shadow)}.org-node-info{min-width:0;flex:1}.org-node-name{font-weight:700;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-node-title{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-node-dept{font-size:11px;color:var(--text-muted)}.org-node-tags{display:flex;align-items:center;gap:6px;margin-top:4px}.org-node-count{font-size:10.5px;color:var(--text-muted);background:var(--surface-muted);border-radius:var(--radius-pill);padding:1px 7px}.org-caret{align-self:flex-start;width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-alt);color:var(--text-secondary);font-weight:700;cursor:pointer;line-height:1}.org-caret:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.org-list{display:flex;flex-direction:column}.org-list-row{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 8px;border-radius:8px;cursor:pointer}.org-list-row:hover{background:var(--surface-alt)}.org-list-caret{flex:0 0 auto;width:18px;height:18px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px;line-height:1}.org-list-caret.hidden{visibility:hidden;cursor:default}.org-list-info{display:flex;flex-direction:column;min-width:0;flex:1}.org-list-name{font-weight:600;color:var(--text)}.org-list-meta{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-list-tags{display:flex;align-items:center;gap:8px;flex:0 0 auto}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg-btn{border:none;background:var(--surface);color:var(--text-secondary);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.seg-btn.active{background:var(--brand-800);color:#fff}.org-viewport{position:relative;height:calc(100vh - 230px);min-height:440px;background:radial-gradient(circle,var(--border) 1px,transparent 1px) 0 0 / 22px 22px,var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.org-viewport.grabbing{cursor:grabbing}.org-canvas{position:absolute;top:28px;left:0;width:100%;display:flex;justify-content:center;transform-origin:top center;will-change:transform}.org-canvas .org-tree{min-width:0}.org-node.match{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100),var(--shadow)}.org-controls,.org-toolbar{position:absolute;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:5px}.org-controls{right:14px;bottom:14px}.org-toolbar{right:14px;top:14px}.org-ctl{border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;min-width:30px;height:30px;border-radius:7px;cursor:pointer}.org-ctl.wide{min-width:auto;padding:0 12px;font-size:12px;font-weight:600}.org-ctl:hover{background:var(--surface-alt);color:var(--text)}.org-zoom{font-size:12px;color:var(--text-muted);min-width:42px;text-align:center}.org-hint{position:absolute;left:14px;bottom:16px;font-size:12px;pointer-events:none}.org-empty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hamburger,.sidebar-backdrop{display:none}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-w);transform:translate(-100%);transition:transform .25s ease;z-index:70}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b102080;z-index:60}.hamburger{display:inline-flex}.topbar-context{display:none}.topbar{padding:0 16px}.content{padding:18px 16px}.grid-2,.form-grid,.detail-list{grid-template-columns:1fr}.cal-grid{min-width:600px}}