:root{--bg-main: #FFFFFF;--bg-sidebar: #F4F4F4;--bg-hover: #EBEBEB;--bg-active: #E8E8E8;--bg-section: #F9F9F9;--text-primary: #1D1C1D;--text-secondary: #616061;--text-tertiary: #999999;--accent-link: #1264A3;--accent-cta: #007A5A;--accent-danger: #E01E5A;--accent-warning: #ECB22E;--border: #E1E1E1;--border-subtle: #F0F0F0;--roster-cell-past: #F0F0F0;--roster-cell-holiday: #E8E8E8;--roster-cell-friday: #E8F5E9;--roster-cell-friday-past: #D7ECD9;--roster-cell-leave: #F3E8FF;--roster-cell-leave-past: #E8DEF0;--roster-cell-leave-border: #D8B4FE;--roster-cell-wfh: #E8F5E9;--roster-cell-wfh-past: #D5F0DB;--roster-cell-dragover: #E8F0FE;--roster-pp-bg: #FFE0B2;--roster-activation-bg: #FCE4EC;--roster-activation-text: #AD1457;--roster-empty-ring: #E8E8E8;--roster-empty-ring-hover: #999999;--roster-empty-icon: #E0E0E0;--roster-empty-icon-hover: #666666;--roster-name-col-bg: #F9F9F9;--roster-name-col-drag: #E3F2FD;--roster-header-bg: var(--bg-section);--roster-header-friday: #E8F5E9;--roster-role-header-bg: var(--bg-hover);--roster-header-text: var(--text-primary);--roster-header-text-muted: var(--text-secondary);--roster-trello-bg: #E3F2FD;--roster-trello-hover: #BBDEFB;--roster-trello-border: #BBDEFB;--roster-trello-text: #0D47A1;--roster-trello-more: #0079BF;--roster-trello-done: #2E7D32;--status-success-bg: #E8F5E9;--status-success-text: #2E7D32;--status-success-text2: #1B5E20;--status-success-border: #C8E6C9;--status-warn-bg: #FFF3E0;--status-warn-text: #E67700;--status-warn-text2: #BF6000;--status-warn-border: #FFE0B2;--status-danger-bg: #FFEBEE;--status-danger-text: #C62828;--status-danger-border: #FFCDD2;--status-info-bg: #E3F2FD;--status-info-text: #1565C0;--status-info-text2: #0D47A1;--status-info-border: #BBDEFB;--status-purple-bg: #F3E5F5;--status-purple-text: #6A1B9A;--status-purple-border: #CE93D8;--status-neutral-bg: #F5F5F5;--status-neutral-text: #9E9E9E;--status-neutral-border: #E0E0E0;--card-bg: #FFFFFF;--card-bg-alt: #F8F8F8;--card-bg-faint: #FAFAFA;--input-bg: #FFFFFF;--avatar-border: #FFFFFF;--growth-up-bg: #DCFCE7;--growth-up-text: #22C55E;--growth-down-bg: #FEE2E2;--growth-down-text: #EF4444;--shoot-confirmed-bg: #DCFCE7;--shoot-confirmed-text: #22C55E;--shoot-pending-bg: #FEF9C3;--shoot-pending-text: #CA8A04;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 16px;--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--modal-shadow: 0 24px 80px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04);--transition: .2s ease;--transition-fast: .15s ease;--transition-sidebar: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-main);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,select,input,textarea{font-family:var(--font)}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}a{color:var(--accent-link)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}table{border-collapse:collapse}td,th{vertical-align:top}button{cursor:pointer}.btn-primary{background:var(--text-primary);color:var(--bg-main);border:none;border-radius:var(--radius);padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-primary:hover{opacity:.85}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-section);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--bg-hover)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{background:none;border:none;color:var(--accent-link);font-size:13px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:all var(--transition)}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{background:transparent;color:var(--accent-danger);border:1px solid var(--accent-danger);border-radius:var(--radius);padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-danger:hover{background:var(--status-danger-bg)}.btn-danger:active{transform:scale(.98)}.input{height:42px;border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;font-size:14px;font-family:var(--font);color:var(--text-primary);background:var(--bg-section);transition:all var(--transition);outline:none;width:100%}.input:focus{background:var(--bg-main);border-color:var(--text-tertiary);box-shadow:0 0 0 2px #0000000a}.badge-active{background:var(--status-success-bg);color:var(--status-success-text);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.badge-pending{background:var(--status-warn-bg);color:var(--status-warn-text);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.badge-completed{background:var(--status-info-bg);color:var(--status-info-text);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.badge-cancelled{background:var(--status-danger-bg);color:var(--status-danger-text);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.badge-draft{background:var(--status-neutral-bg);color:var(--status-neutral-text);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}[data-theme=dark]{--bg-main: #0a0a0a;--bg-sidebar: #0a0a0a;--bg-hover: rgba(255,255,255,.06);--bg-active: rgba(255,255,255,.1);--bg-section: #141414;--text-primary: #FFFFFF;--text-secondary: #9B9DB5;--text-tertiary: #6B6E85;--accent-link: #4C9FFF;--accent-cta: #00D084;--accent-danger: #FF4757;--accent-warning: #FFD700;--border: rgba(255,255,255,.1);--border-subtle: rgba(255,255,255,.06);--roster-cell-past: rgba(255,255,255,.04);--roster-cell-holiday: rgba(255,255,255,.06);--roster-cell-friday: rgba(76,168,79,.2);--roster-cell-friday-past: rgba(76,168,79,.12);--roster-cell-leave: rgba(147,51,234,.15);--roster-cell-leave-past: rgba(147,51,234,.09);--roster-cell-leave-border: rgba(196,132,252,.4);--roster-cell-wfh: rgba(52,168,83,.15);--roster-cell-wfh-past: rgba(52,168,83,.09);--roster-cell-dragover: rgba(76,159,255,.15);--roster-pp-bg: rgba(244,120,30,.22);--roster-activation-bg: rgba(233,30,99,.15);--roster-activation-text: #F06292;--roster-empty-ring: rgba(255,255,255,.12);--roster-empty-ring-hover: rgba(255,255,255,.45);--roster-empty-icon: rgba(255,255,255,.12);--roster-empty-icon-hover: rgba(255,255,255,.5);--roster-name-col-bg: #0a0a0a;--roster-name-col-drag: rgba(76,159,255,.15);--roster-header-bg: var(--bg-section);--roster-header-friday: rgba(76,168,79,.25);--roster-role-header-bg: rgba(255,255,255,.06);--roster-header-text: var(--text-primary);--roster-header-text-muted: var(--text-secondary);--roster-trello-bg: rgba(0,121,191,.22);--roster-trello-hover: rgba(0,121,191,.38);--roster-trello-border: rgba(0,121,191,.4);--roster-trello-text: #90CAF9;--roster-trello-more: #4C9FFF;--roster-trello-done: #66BB6A;--status-success-bg: rgba(46,125,50,.18);--status-success-text: #81C784;--status-success-text2: #66BB6A;--status-success-border: rgba(46,125,50,.35);--status-warn-bg: rgba(230,119,0,.15);--status-warn-text: #FFB74D;--status-warn-text2: #FFA726;--status-warn-border: rgba(230,119,0,.3);--status-danger-bg: rgba(198,40,40,.16);--status-danger-text: #EF9A9A;--status-danger-border: rgba(198,40,40,.35);--status-info-bg: rgba(21,101,192,.18);--status-info-text: #90CAF9;--status-info-text2: #64B5F6;--status-info-border: rgba(21,101,192,.35);--status-purple-bg: rgba(106,27,154,.18);--status-purple-text: #CE93D8;--status-purple-border: rgba(106,27,154,.35);--status-neutral-bg: rgba(255,255,255,.08);--status-neutral-text: #9B9DB5;--status-neutral-border: rgba(255,255,255,.15);--card-bg: #161616;--card-bg-alt: #121212;--card-bg-faint: rgba(255,255,255,.04);--input-bg: #141414;--avatar-border: #141414;--growth-up-bg: rgba(34,197,94,.18);--growth-up-text: #4ADE80;--growth-down-bg: rgba(239,68,68,.18);--growth-down-text: #F87171;--shoot-confirmed-bg: rgba(34,197,94,.18);--shoot-confirmed-text: #4ADE80;--shoot-pending-bg: rgba(202,138,4,.18);--shoot-pending-text: #FDE047;--card-shadow: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--modal-shadow: 0 24px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06)}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}[data-theme=dark] .btn-secondary{background:#ffffff0f}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a}[data-theme=dark] .input{background:#ffffff0f;color:#fff}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-main);color:var(--text-primary);color-scheme:dark}[data-theme=dark] [data-surface]{background:var(--bg-main)}[data-theme=dark] [data-stype=Outdoor]{background:#3d3305!important}[data-theme=dark] [data-stype=Studio]{background:#0c2340!important}[data-theme=dark] [data-stype=Reel]{background:#3b1018!important}[data-theme=dark] [data-stype=Pre-Production]{background:#3a2200!important}[data-theme=dark] [data-stype=Shoot]{background:#2a2a3d!important}@media print{body{background:#fff}}.ramadan-tip{position:relative;cursor:default}.ramadan-tip:after{content:"RAMADAN TIMING";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--card-bg, #1e1e1e);color:var(--status-info-text);border:1px solid var(--status-info-border, #3b82f6);font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap;padding:3px 8px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity 0s;z-index:9999}.ramadan-tip:hover:after{opacity:1}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}