*{box-sizing:border-box;margin:0}body{color:#e2e8f0;background-color:#0000;background-image:radial-gradient(1100px 520px at 12% -8%,#3b82f624,#0000 60%),radial-gradient(900px 480px at 88% -12%,#8b5cf61a,#0000 60%),radial-gradient(1200px 800px at 50% 115%,#1e3a8a2e,#0000 65%),linear-gradient(#151a22 0%,#12161d 45%,#0f1319 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:Inter,Roboto,Helvetica,Arial,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px}button{font:inherit;cursor:pointer;color:#e2e8f0;background:#242b35;border:1px solid #94a3b82e;border-radius:10px;padding:7px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);font-weight:600}button:hover{background:#2d3644}button[type=submit],form button:not(.link){color:#fff;background:#3b82f6;border:none;box-shadow:0 2px 10px #3b82f659}button[type=submit]:hover,form button:not(.link):hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 16px #3b82f673}button:disabled{opacity:.6;cursor:default;transform:none}button.link{box-shadow:none;color:#60a5fa;background:0 0;border:none;padding:2px 6px;font-weight:500}button.link:hover{text-decoration:underline;box-shadow:none;background:0 0;transform:none}button.link.danger{color:#f87171}input{font:inherit;color:#e2e8f0;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;background:#374151;border:1px solid #fff3;border-radius:10px;padding:8px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1)}input:hover{border-color:#ffffff4d}input:focus{outline:none;border-color:#2563eb}input::placeholder{color:#94a3b8}.error{color:#f87171}.hint{color:#94a3b8;font-size:13px}h3{letter-spacing:-.01em;font-size:15px;font-weight:600}.panel,.login-box{background:linear-gradient(160deg,#262e3ae0 0%,#1a202ae0 100%);border:1px solid #94a3b82e;border-radius:14px;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.login-wrap{display:flex;justify-content:center;align-items: center;min-height:100vh;padding:16px}.login-box{display:flex;backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;width:400px;max-width:100%;padding:40px;box-shadow:0 25px 50px #00000059,inset 0 1px #ffffff0d}.login-box .logo{display:block;width:128px;height:128px;margin:0 auto 8px}.login-box h1{letter-spacing:-.01em;text-align:center;margin-bottom:8px;font-size:20px;font-weight:600}.app{display:flex;flex-direction:column;width:100%;min-height:100vh}header{position:sticky;z-index:10;display:flex;backdrop-filter:blur(14px);background:#12161dbf;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items: center;padding:12px 24px;top:0}header h1{letter-spacing:-.01em;display:flex;align-items: center;gap:10px;font-size:19px;font-weight:600}header h1 img{width:30px;height:30px}.main{display:flex;flex:1;align-items: flex-start;gap:20px;padding:20px 24px}.cal-panel{flex:1;min-width:0;padding:18px}.side{display:flex;position:sticky;flex-direction:column;flex-shrink:0;gap:16px;width:340px;top:76px}.add-form{display:flex;flex-direction:column;gap:12px;padding:18px}.add-form label{display:flex;color:#94a3b8;flex-direction:column;gap:5px;font-size:13px}.add-form input{width:100%}.cal-nav{display:flex;align-items: center;gap:10px;margin-bottom:14px}.cal-nav h2{letter-spacing:-.01em;text-align:center;text-transform:capitalize;min-width:190px;font-size:18px;font-weight:600}.nav-btn{display:flex;border-radius:50%;justify-content:center;align-items: center;width:36px;height:36px;padding:0;font-size:16px}.view-switch{display:flex;background:#242b35;border:1px solid #94a3b82e;border-radius:10px;gap:2px;margin-left:auto;padding:3px}.view-switch button{box-shadow:none;color:#94a3b8;background:0 0;border:none;border-radius:8px;padding:5px 14px;font-weight:500}.view-switch button:hover{color:#e2e8f0;background:#2d3644;transform:none}.view-switch button.active{color:#fff;background:#3b82f6}.calendar{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;user-select:none;background:#94a3b824;border:1px solid #94a3b82e;border-radius:12px;gap:1px}.weekday{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#242b35;padding:8px;font-size:12px;font-weight:600}.day{display:flex;cursor:pointer;background:#1f2630;flex-direction:column;gap:3px;min-height:108px;padding:6px;transition:background .15s}.chips{display:flex;flex-direction:column;flex:1;gap:2px;min-height:0}.chips .chip{display:flex;text-align:left;flex-direction:column;flex:1 1 0;justify-content:center;align-items: flex-start;gap:1px;min-height:17px}.chip-name,.chip-note{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chip-note{text-align:left;opacity:.78;font-size:.86em;font-style:italic;font-weight:400}.chip-note:before{content:"╰╴"}.calendar.view-week .day{min-height:56vh}.calendar.view-day{grid-template-columns:1fr}.calendar.view-day .day{min-height:56vh;padding:10px}.calendar.view-day .chip{border-radius:10px;font-size:16px}.day-empty{margin:auto;font-size:14px}.day:hover{background:#252d39}.day.dim{color:#64748b;background:#1a202a}.day.dim:hover{background:#1e2530}.day.today{background:#3b82f612;box-shadow:inset 0 0 0 1px #3b82f68c}.day.sel{background:#8b5cf640;box-shadow:inset 0 0 0 1px #8b5cf6b3}.day.sel:hover{background:#8b5cf652}.day.today .num{color:#fff;background:#3b82f6;border-radius:50%;font-weight:600}.num{display:flex;justify-content:center;align-items: center;width:22px;height:22px;font-size:12px}.chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;padding:2px 7px;font-size:11.5px;font-weight:600}.vac-list{padding:18px}.vac-list h3{text-transform:capitalize;margin-bottom:10px}.vac-list ul{list-style:none;display:flex;flex-direction:column;padding:0}.vac-list li{display:flex;border-bottom:1px solid #94a3b81a;flex-wrap:wrap;align-items: center;gap:8px;padding:8px 4px;font-size:13.5px}.vac-list li:last-child{border-bottom:none}.vac-list li>button{margin-left:auto}.modal-overlay{position:fixed;z-index:100;display:flex;backdrop-filter:blur(6px);background:#0a0d1299;justify-content:center;align-items: center;padding:16px;inset:0}.modal{backdrop-filter:blur(20px);border-radius:16px;width:380px;max-width:100%;padding:22px;box-shadow:0 25px 50px #00000073,inset 0 1px #ffffff0d}.modal .add-form{padding:0}.modal-actions{display:flex;justify-content:flex-end;align-items: center;gap:10px;margin-top:4px}@media (max-width:900px){.main{flex-direction:column;padding:14px}.side{position:static;width:100%}.day{min-height:64px}.chip{padding:1px 3px;font-size:9px}.cal-panel{width:100%}}