@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700&display=swap";
[data-theme=dark]{--bg:#060a06;--bg2:#0c120c;--bg3:#111811;--bg4:#161e16;--green:#0f8;--pink:#ff2d6b;--cyan:#00e5ff;--gold:#ffd166;--purple:#b388ff;--dim:#2a3a2a;--text:#b8ccb8;--text2:#5a7a5a;--border:#1a2a1a;--border2:#223022;--shadow:#0006;--s-avail-bg:#00ff881a;--s-avail-c:#0f8;--s-avail-b:#00ff884d;--s-assign-bg:#00e5ff1a;--s-assign-c:#00e5ff;--s-assign-b:#00e5ff4d;--s-leave-bg:#ffd1661a;--s-leave-c:#ffd166;--s-leave-b:#ffd1664d;--s-partial-bg:#b388ff1a;--s-partial-c:#b388ff;--s-partial-b:#b388ff4d;--ac-free-bg:#00ff8814;--ac-free-c:#0f8;--ac-free-b:#0f83;--ac-busy-bg:#00e5ff1a;--ac-busy-c:#00e5ff;--ac-busy-b:#00e5ff33;--ac-partial-bg:#ffd1661a;--ac-partial-c:#ffd166;--ac-partial-b:#ffd16633;--ac-leave-bg:#ff2d6b1a;--ac-leave-c:#ff2d6b;--ac-leave-b:#ff2d6b38;--ac-weekend-bg:#111811;--tl-project:#00e5ff26;--tl-project-b:#00e5ff4d;--tl-leave:#ff2d6b1f;--tl-leave-b:#ff2d6b40;--tl-weekend:#111811}[data-theme=light]{--bg:#f0f2f0;--bg2:#e8ebe8;--bg3:#dfe3df;--bg4:#d6dbd6;--green:#1a7a50;--pink:#c03060;--cyan:#1a6a7a;--gold:#8a6010;--purple:#6040b0;--dim:#b0c0b0;--text:#2a382a;--text2:#6a826a;--border:#cdd5cd;--border2:#bac4ba;--shadow:#0000001a;--s-avail-bg:#1a7a501a;--s-avail-c:#1a7a50;--s-avail-b:#1a7a504d;--s-assign-bg:#1a6a7a1a;--s-assign-c:#1a6a7a;--s-assign-b:#1a6a7a4d;--s-leave-bg:#8a60101a;--s-leave-c:#8a6010;--s-leave-b:#8a60104d;--s-partial-bg:#6040b01a;--s-partial-c:#6040b0;--s-partial-b:#6040b04d;--ac-free-bg:#1a7a501a;--ac-free-c:#1a7a50;--ac-free-b:#1a7a5040;--ac-busy-bg:#1a6a7a1a;--ac-busy-c:#1a6a7a;--ac-busy-b:#1a6a7a40;--ac-partial-bg:#8a60101a;--ac-partial-c:#8a6010;--ac-partial-b:#8a601040;--ac-leave-bg:#c0306014;--ac-leave-c:#c03060;--ac-leave-b:#c0306038;--ac-weekend-bg:#dfe3df;--tl-project:#1a6a7a1f;--tl-project-b:#1a6a7a47;--tl-leave:#c030601a;--tl-leave-b:#c0306038;--tl-weekend:#dfe3df}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:JetBrains Mono,monospace;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.app-shell{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-content{flex:1;padding:26px 32px;overflow-y:auto}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;transition:background .3s,border-color .3s;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);padding:24px 20px 20px}.sidebar-logo .brand{color:var(--green);letter-spacing:-.5px;font-size:16px;font-weight:700}.sidebar-logo .brand span{color:var(--pink)}.sidebar-logo .sub{color:var(--text2);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:9px}.sidebar-nav{flex:1;padding:16px 0}.nav-group{margin-bottom:6px}.nav-group-label{letter-spacing:3px;text-transform:uppercase;color:var(--text2);padding:8px 20px 4px;font-size:8px}.nav-item{cursor:pointer;color:var(--text2);border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:12px;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text);border-left-color:var(--dim)}.nav-item.active{color:var(--green);border-left-color:var(--green);background:#80c8801a}.nav-icon{text-align:center;width:18px;font-size:13px}.nav-badge{background:var(--pink);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);padding:16px 20px}.topbar{border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 32px;transition:background .3s;display:flex}.topbar-title{align-items:baseline;gap:12px;display:flex}.topbar-title h1{color:var(--text);letter-spacing:-.5px;font-size:17px;font-weight:700}.topbar-breadcrumb{color:var(--text2);letter-spacing:2px;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.av-green{background:linear-gradient(135deg,#2a9e68,#1a7a50)}.av-pink{background:linear-gradient(135deg,#c03060,#903048)}.av-cyan{background:linear-gradient(135deg,#2a8a9a,#1a6a7a)}.av-gold{background:linear-gradient(135deg,#b07818,#8a5c10)}.av-purple{background:linear-gradient(135deg,#7050c0,#5040a0)}[data-theme=dark] .av-green{color:#060a06;background:linear-gradient(135deg,#0f8,#00cc6e)}[data-theme=dark] .av-pink{color:#060a06;background:linear-gradient(135deg,#ff2d6b,#c25)}[data-theme=dark] .av-cyan{color:#060a06;background:linear-gradient(135deg,#00e5ff,#00b8cc)}[data-theme=dark] .av-gold{color:#060a06;background:linear-gradient(135deg,#ffd166,#c90)}[data-theme=dark] .av-purple{color:#060a06;background:linear-gradient(135deg,#b388ff,#7c4dff)}.badge{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:2px;padding:3px 8px;font-size:9px}.badge-available{background:var(--s-avail-bg);color:var(--s-avail-c);border-color:var(--s-avail-b)}.badge-assigned{background:var(--s-assign-bg);color:var(--s-assign-c);border-color:var(--s-assign-b)}.badge-leave{background:var(--s-leave-bg);color:var(--s-leave-c);border-color:var(--s-leave-b)}.badge-partial{background:var(--s-partial-bg);color:var(--s-partial-c);border-color:var(--s-partial-b)}.badge-pending{color:var(--gold);background:#ffd1661a;border-color:#ffd1664d}.badge-approved{background:var(--s-avail-bg);color:var(--s-avail-c);border-color:var(--s-avail-b)}.badge-starting{color:var(--cyan);background:#00e5ff1a;border-color:#00e5ff4d}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .15s}.btn-primary{background:var(--green);color:var(--bg2);font-weight:700}.btn-primary:hover{filter:brightness(.88)}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--text2);color:var(--text)}.btn-danger{color:var(--pink);border:1px solid var(--pink);background:0 0}.btn-sm{padding:5px 10px;font-size:9px}.search-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;width:190px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .15s}.search-input:focus{border-color:var(--green)}.search-input::placeholder{color:var(--text2)}.panel{background:var(--bg2);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);border-radius:4px;margin-bottom:14px;overflow:hidden}.panel:last-child{margin-bottom:0}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.panel-title{color:var(--text);letter-spacing:.5px;font-size:11px;font-weight:700}.panel-action{color:var(--text2);cursor:pointer;letter-spacing:1px;background:0 0;border:none;font-size:10px;transition:color .15s}.panel-action:hover{color:var(--green)}.panel-body{padding:14px 18px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.kpi-card{background:var(--bg2);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);border-radius:4px;padding:18px 20px;position:relative;overflow:hidden}.kpi-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi-green:before{background:var(--green)}.kpi-pink:before{background:var(--pink)}.kpi-cyan:before{background:var(--cyan)}.kpi-gold:before{background:var(--gold)}.kpi-label{letter-spacing:2px;text-transform:uppercase;color:var(--text2);margin-bottom:10px;font-size:9px}.kpi-value{color:var(--text);margin-bottom:6px;font-size:30px;font-weight:700;line-height:1}.kpi-value span{color:var(--text2);font-size:13px;font-weight:400}.kpi-trend{align-items:center;gap:4px;font-size:10px;display:flex}.trend-up{color:var(--green)}.trend-down{color:var(--pink)}.trend-flat{color:var(--text2)}.progress-bar{background:var(--border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .6s}.consultant-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:11px 0;transition:all .1s;display:flex}.consultant-item:last-child{border-bottom:none}.consultant-item:hover{background:var(--bg3);margin:0 -18px;padding:11px 18px}.c-name{color:var(--text);margin-bottom:2px;font-size:12px;font-weight:600}.c-role{color:var(--text2);font-size:10px}.data-table{border-collapse:collapse;width:100%}.data-table thead th{letter-spacing:2px;text-transform:uppercase;color:var(--text2);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:9px;font-weight:400}.data-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:var(--bg3)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:var(--text);vertical-align:middle;padding:11px 12px;font-size:11px}.td-primary{font-weight:600}.stat-row{gap:12px;margin-bottom:16px;display:flex}.stat-box{background:var(--bg2);border:1px solid var(--border);text-align:center;box-shadow:0 1px 3px var(--shadow);border-radius:4px;flex:1;padding:14px}.stat-n{font-size:26px;font-weight:700}.stat-l{letter-spacing:2px;text-transform:uppercase;color:var(--text2);margin-top:4px;font-size:9px}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;gap:12px;padding:11px 0;transition:all .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg3);margin:0 -18px;padding:11px 18px}.notif-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.notif-text{color:var(--text2);font-size:11px;line-height:1.5}.notif-time{color:var(--text2);opacity:.7;margin-top:4px;font-size:9px}.notif-unread .notif-text{color:var(--text)}.project-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:2fr auto 80px auto;align-items:center;gap:16px;padding:12px 0;transition:all .1s;display:grid}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--bg3);margin:0 -18px;padding:12px 18px}.pr-name{color:var(--text);font-size:12px;font-weight:600}.pr-client{color:var(--text2);margin-top:2px;font-size:10px}.pr-team{display:flex}.pr-member{border:1px solid var(--bg2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:8px;font-weight:700;display:flex}.pr-member:first-child{margin-left:0}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.avail-header{grid-template-columns:140px repeat(5,1fr);gap:4px;margin-bottom:4px;display:grid}.avail-col-label{color:var(--text2);letter-spacing:1px;text-align:center;padding:4px;font-size:9px}.avail-row{grid-template-columns:140px repeat(5,1fr);gap:4px;margin-bottom:4px;display:grid}.avail-name{color:var(--text);align-items:center;padding:10px 8px;font-size:11px;display:flex}.avail-cell{letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;height:38px;font-size:9px;font-weight:700;transition:filter .1s;display:flex}.avail-cell:hover{filter:brightness(.92)}.ac-free{background:var(--ac-free-bg);color:var(--ac-free-c);border:1px solid var(--ac-free-b)}.ac-busy{background:var(--ac-busy-bg);color:var(--ac-busy-c);border:1px solid var(--ac-busy-b)}.ac-partial{background:var(--ac-partial-bg);color:var(--ac-partial-c);border:1px solid var(--ac-partial-b)}.ac-leave{background:var(--ac-leave-bg);color:var(--ac-leave-c);border:1px solid var(--ac-leave-b)}.ac-weekend{background:var(--ac-weekend-bg);border:1px solid var(--border);cursor:default}.timeline-wrap{padding-bottom:4px;overflow-x:auto}.tl-name-col{flex-shrink:0;width:140px}.tl-days{flex:1;min-width:600px;display:flex}.tl-day-label{color:var(--text2);letter-spacing:1px;text-align:center;flex:1;padding:4px 2px;font-size:8px}.tl-day-label.today-col{color:var(--green)}.tl-bar-row{flex:1;gap:2px;min-width:600px;display:flex}.tl-cell{border:1px solid var(--border);border-radius:2px;flex:1;height:26px}.tl-cell.tl-project{background:var(--tl-project);border-color:var(--tl-project-b)}.tl-cell.tl-leave{background:var(--tl-leave);border-color:var(--tl-leave-b)}.tl-cell.tl-weekend{background:var(--tl-weekend)}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-month{color:var(--text);font-size:12px;font-weight:700}.cal-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;transition:color .15s}.cal-btn:hover{color:var(--green)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day-label{letter-spacing:1px;text-transform:uppercase;color:var(--text2);text-align:center;padding:4px 0;font-size:8px}.cal-day{aspect-ratio:1;cursor:pointer;color:var(--text2);border-radius:3px;justify-content:center;align-items:center;font-size:10px;transition:all .1s;display:flex}.cal-day:hover{background:var(--bg3);color:var(--text)}.cal-day.today{color:var(--green);background:#80c8802e;border:1px solid #80c8804d;font-weight:700}.cal-day.has-event{color:var(--text);position:relative}.cal-day.has-event:after{content:"";background:var(--pink);border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day.other-month{opacity:.3}.week-nav{align-items:center;gap:10px;margin-bottom:18px;display:flex}.week-label{color:var(--text);font-size:13px;font-weight:700}.dispo-legend{background:var(--bg2);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;gap:20px;margin-bottom:18px;padding:10px 16px;display:flex}.legend-item{color:var(--text2);align-items:center;gap:8px;font-size:10px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.user-card{align-items:center;gap:10px;display:flex}.user-name{color:var(--text);font-size:11px;font-weight:600}.user-role{color:var(--text2);letter-spacing:1px;font-size:9px}.conge-card{border-bottom:1px solid var(--border);padding:14px 0}.conge-card:last-child{border-bottom:none}.conge-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.conge-actions{gap:6px;display:flex}.conge-impact{color:var(--text2);background:var(--bg3);border-left:2px solid var(--gold);border-radius:3px;padding:8px 12px;font-size:10px}.conge-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.conge-meta{color:var(--text2);font-size:10px}.conge-meta strong{color:var(--text)}