@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Instrument+Serif&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--b9: #0c1d3a;--b8: #102a52;--b5: #2563eb;--b4: #4a86f5;--b1: #dbe9fd;--b0: #eff5ff;--w: #fff;--g0: #f8f9fb;--g1: #f1f3f5;--g2: #e5e7eb;--g4: #9ca3af;--g5: #6b7280;--g6: #4b5563;--g7: #374151;--g8: #1f2937;--g9: #111827;--gn: #22c55e;--gn1: #dcfce7;--rd: #ef4444;--rd1: #fee2e2;--am: #f59e0b;--am1: #fef3c7;--fs: "DM Sans", -apple-system, sans-serif;--ff: "Instrument Serif", Georgia, serif;--sh: 0 1px 2px rgba(0, 0, 0, .04);--r: 6px;--rm: 10px;--rl: 14px;--rx: 20px}body,html,#root{height:100%;font-family:var(--fs);background-color:var(--g0);color:var(--g9)}.lp{min-height:100vh;display:flex;background:var(--w)}.ll{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.lr{flex:1;background:linear-gradient(145deg,var(--b8),var(--b9));display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.lrc{position:relative;z-index:1;color:var(--w);max-width:400px}.lrc h2{font-family:var(--ff);font-size:42px;font-weight:400;line-height:1.2;margin-bottom:20px}.lrc p{font-size:15px;color:#b4d0fb;line-height:1.7}.lf{width:100%;max-width:400px}.logo{display:flex;align-items:center;gap:10px;margin-bottom:48px}.logo-i{width:38px;height:38px;background:var(--b5);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--ff);font-size:20px}.logo-t{font-size:22px;font-weight:600;color:var(--g9)}.lf h1{font-size:28px;font-weight:700;color:var(--g9);margin-bottom:6px}.lf .sub{font-size:14px;color:var(--g5);margin-bottom:36px}.fg{margin-bottom:20px}.fl{display:block;font-size:13px;font-weight:500;color:var(--g7);margin-bottom:7px}.fiw{position:relative}.fii{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--g4);display:flex}.fi{width:100%;padding:12px 14px 12px 44px;border:1.5px solid var(--g2);border-radius:var(--rm);font-size:14px;font-family:var(--fs);color:var(--g9);background:var(--w);outline:none}.fi:focus{border-color:var(--b5);box-shadow:0 0 0 3px var(--b1)}.fi::placeholder{color:var(--g4)}.pt{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--g4);display:flex;padding:4px}.bp{width:100%;padding:13px 24px;background:var(--b5);color:#fff;border:none;border-radius:var(--rm);font-size:14px;font-weight:600;font-family:var(--fs);cursor:pointer;margin-top:8px}.bp:hover{background:#1a4a8a}.bp:disabled{opacity:.6;cursor:not-allowed}.err{background:var(--rd1);color:var(--rd);font-size:13px;padding:10px 14px;border-radius:var(--r);margin-bottom:16px}.vp{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--g0)}.vc{background:var(--w);border-radius:var(--rx);padding:48px;max-width:440px;width:100%;box-shadow:0 8px 30px #00000014;text-align:center}.vi{width:64px;height:64px;background:var(--b0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--b5)}.vc h1{font-size:24px;font-weight:700;color:var(--g9);margin-bottom:8px}.vc p{font-size:14px;color:var(--g5);margin-bottom:32px}.vc strong{color:var(--g7)}.oi{display:flex;gap:10px;justify-content:center;margin-bottom:32px}.oin{width:52px;height:56px;text-align:center;font-size:22px;font-weight:600;font-family:var(--fs);border:1.5px solid var(--g2);border-radius:var(--rm);color:var(--g9);outline:none}.oin:focus{border-color:var(--b5);box-shadow:0 0 0 3px var(--b1)}.rl{font-size:13px;color:var(--g5);margin-top:16px}.rl button{background:none;border:none;color:var(--b5);font-weight:500;cursor:pointer;font-size:13px;font-family:var(--fs)}.dash{display:flex;height:100vh;background:var(--g0);overflow:hidden}.sb{width:260px;background:linear-gradient(180deg,var(--b8),var(--b9));display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .25s ease,transform .25s ease}.sb:not(.open){width:0}.sb-h{padding:24px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.sb-li{width:34px;height:34px;background:#ffffff26;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--ff);font-size:18px;flex-shrink:0}.sb-lt{font-size:17px;font-weight:600;color:#fff}.sb-n{flex:1;padding:16px 12px;overflow-y:auto}.ns{font-size:10px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;padding:16px 12px 8px}.ni{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r);cursor:pointer;color:#fff9;font-size:14px;position:relative;text-decoration:none}.ni:hover{background:#ffffff14;color:#ffffffe6}.ni.act{background:#ffffff1f;color:#fff;font-weight:500}.ni.act:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--b4);border-radius:0 3px 3px 0}.ni-i{display:flex;align-items:center;flex-shrink:0}.nsm{padding-left:44px;overflow:hidden;transition:max-height .25s ease}.nsi{padding:7px 12px;font-size:13px;color:#ffffff73;cursor:pointer;border-radius:var(--r);display:flex;align-items:center;gap:6px;text-decoration:none}.nsi:hover{color:#fffc;background:#ffffff0d}.nsi.act{color:#fff;font-weight:500}.nsi.lk{opacity:.3;cursor:not-allowed}.sb-f{padding:16px 12px;border-top:1px solid rgba(255,255,255,.08)}.sb-u{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);cursor:pointer}.sb-u:hover{background:#ffffff14}.sb-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.sb-un{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sb-ur{font-size:11px;color:#fff6}.mc{flex:1;display:flex;flex-direction:column;overflow:hidden}.topb{height:64px;background:var(--w);border-bottom:1px solid var(--g2);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0}.topb-l{display:flex;align-items:center;gap:16px}.mt{background:none;border:none;cursor:pointer;color:var(--g5);display:flex;padding:4px}.topb-t{font-size:18px;font-weight:600;color:var(--g9)}.topb-r{display:flex;align-items:center;gap:12px}.topb-rb{display:inline-flex;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.topb-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.pc{flex:1;overflow-y:auto;padding:28px}.cc{background:var(--w);border-radius:var(--rl);box-shadow:var(--sh);border:1px solid var(--g1);overflow:hidden;margin-bottom:20px}.cc-h{padding:18px 24px;border-bottom:1px solid var(--g1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.cc-t{font-size:15px;font-weight:600;color:var(--g9)}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sc{background:var(--w);border-radius:var(--rl);padding:20px;box-shadow:var(--sh);border:1px solid var(--g1)}.sc-l{font-size:12px;font-weight:500;color:var(--g5);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.sc-v{font-size:26px;font-weight:700;color:var(--g9)}.dt{width:100%;border-collapse:collapse}.dt th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;color:var(--g5);text-transform:uppercase;letter-spacing:.05em;background:var(--g0);border-bottom:1px solid var(--g1)}.dt td{padding:10px 16px;font-size:13px;color:var(--g7);border-bottom:1px solid var(--g1)}.dt tr:last-child td{border-bottom:none}.dt tr:hover td{background:var(--b0)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.approved,.badge.available{background:var(--gn1);color:#16a34a}.badge.pending{background:var(--am1);color:#d97706}.badge.draft{background:var(--g1);color:var(--g5)}.badge.rejected,.badge.missing{background:var(--rd1);color:var(--rd)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.btn{padding:7px 14px;font-size:13px;font-weight:500;font-family:var(--fs);border:1px solid var(--g2);border-radius:var(--r);background:#fff;color:var(--g7);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:var(--g0)}.btn.pri{background:var(--b5);border-color:var(--b5);color:#fff}.btn.pri:hover{background:#1a4a8a}.btn.gn{background:var(--gn);border-color:var(--gn);color:#fff}.btn.rd{background:var(--rd);border-color:var(--rd);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-hdr{padding:8px 4px;text-align:center;font-size:12px;font-weight:600;color:var(--g5)}.cal-cell{min-height:80px;border:1.5px solid var(--g2);border-radius:var(--rm);padding:8px;cursor:pointer;background:var(--w)}.cal-cell:hover{border-color:var(--b4)}.cal-cell.today{border-color:var(--am)}.cal-cell.other{opacity:.4}.cal-cell .cdate{font-size:11px;color:var(--g5)}.cal-cell .cday{font-size:18px;font-weight:700;color:var(--g9)}.cal-cell .chrs{font-size:14px;font-weight:600;margin-top:4px}.cal-cell .chrs.approved{color:var(--gn)}.cal-cell .chrs.pending{color:var(--am)}.cal-cell .chrs.draft{color:var(--g4)}.cal-cell.he.s-approved{background:#f0fdf4;border-color:#bbf7d0}.cal-cell.he.s-pending{background:#fffbeb;border-color:#fde68a}.cal-cell.he.s-draft{background:var(--g0);border-color:var(--g2)}.cal-nav{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cal-nav button{background:none;border:1px solid var(--g2);border-radius:var(--r);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g6)}.cal-nav .ml{font-size:16px;font-weight:600;color:var(--g9);min-width:180px;text-align:center}.legend{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--g6)}.legend-dot{width:10px;height:10px;border-radius:3px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-start;justify-content:center;z-index:200;padding:40px 20px;overflow-y:auto}.modal{background:var(--w);border-radius:var(--rx);padding:32px;max-width:720px;width:100%;box-shadow:0 16px 50px #00000026;margin:auto}.modal h2{font-size:20px;font-weight:700;color:var(--g9);margin-bottom:4px}.modal .msub{font-size:13px;color:var(--g5);margin-bottom:20px}.mact{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.mrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.mrow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.mf{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.mf label{font-size:12px;font-weight:500;color:var(--g7)}.mf input,.mf select,.mf textarea{padding:8px 10px;border:1.5px solid var(--g2);border-radius:var(--r);font-size:13px;font-family:var(--fs);color:var(--g9);outline:none;background:var(--w)}.mf input:focus,.mf select:focus,.mf textarea:focus{border-color:var(--b5);box-shadow:0 0 0 2px var(--b1)}.mf textarea{resize:vertical;min-height:60px}.chk-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--g7)}.chk-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--b5)}.chk-row .freq{color:var(--g5);font-size:11px;margin-left:auto}.tabs{display:flex;gap:2px;background:var(--g1);padding:3px;border-radius:var(--rm);margin-bottom:20px;flex-wrap:wrap;width:fit-content}.tab{padding:8px 14px;border-radius:var(--r);font-size:12px;font-weight:500;font-family:var(--fs);color:var(--g6);cursor:pointer;border:none;background:none}.tab.act{background:var(--w);color:var(--g9);box-shadow:var(--sh)}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--g0);border:1px solid var(--g2);border-radius:var(--rm);min-width:220px}.search-bar input{border:none;background:none;outline:none;font-size:13px;font-family:var(--fs);color:var(--g9);flex:1}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.empty-i{width:72px;height:72px;border-radius:50%;background:var(--g1);display:flex;align-items:center;justify-content:center;color:var(--g4);margin-bottom:20px}.empty h3{font-size:17px;font-weight:600;color:var(--g8);margin-bottom:6px}.empty p{font-size:14px;color:var(--g5);max-width:340px}.hinp{width:70px;padding:5px 8px;border:1.5px solid var(--g2);border-radius:6px;font-size:14px;font-family:var(--fs);text-align:center;outline:none}.hinp:focus{border-color:var(--b5)}.acc-cell{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:6px;font-size:11px;font-weight:700;padding:0 4px}.acc-v{background:var(--gn1);color:#16a34a}.acc-r{background:var(--b0);color:var(--b5)}.acc-a{background:var(--am1);color:#d97706}.acc-n{background:var(--g1);color:var(--g4)}.doc-row{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid var(--g1);gap:16px}.doc-row:last-child{border-bottom:none}.doc-row:hover{background:var(--b0)}.doc-row label{font-size:14px;font-weight:500;color:var(--g8);flex:1;cursor:pointer;display:flex;align-items:center;gap:10px}.doc-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gn);cursor:pointer}.doc-row .doc-notes{font-size:12px;color:var(--g5);min-width:100px}.proj-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.proj-tab{padding:8px 16px;border-radius:var(--rm);font-size:13px;font-weight:500;font-family:var(--fs);color:var(--g6);cursor:pointer;border:1.5px solid var(--g2);background:var(--w);transition:all .15s}.proj-tab:hover{border-color:var(--b4)}.proj-tab.act{background:var(--b5);border-color:var(--b5);color:#fff}.sticky-footer{position:sticky;bottom:0;background:var(--w);border-top:1px solid var(--g2);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fi-a{animation:fadeIn .4s ease forwards}@media(max-width:900px){.lr{display:none}.sg{grid-template-columns:repeat(2,1fr)}.sb{position:fixed;z-index:100;height:100vh;transform:translate(-100%);transition:transform .3s ease}.sb.open{transform:translate(0)}.mrow,.mrow3{grid-template-columns:1fr}}