.calendar-container{max-width:1200px;margin:0 auto;font-family:Inter,system-ui,sans-serif;color:#e2e8f0}.cal-tabs{display:flex;gap:15px;margin-bottom:25px;border-bottom:1px solid #334155;padding-bottom:15px}.cal-tab{background:transparent;border:none;color:#94a3b8;font-size:16px;font-weight:600;padding:10px 20px;cursor:pointer;border-radius:8px;transition:all .2s}.cal-tab:hover{color:#e2e8f0;background:hsla(0,0%,100%,.05)}.cal-tab.active{background:#4f46e5;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.calc-panel{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:30px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.calc-input-group{display:flex;flex-direction:column;gap:8px}.calc-input-group label{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.calc-input{background:#0f172a;border:1px solid #334155;color:#fff;padding:12px 16px;border-radius:8px;font-size:15px;outline:none}.calc-input:focus{border-color:#64748b}.calc-results{margin-top:30px;padding-top:30px;border-top:1px solid #334155;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;gap:20px}.calc-stat{background:#0f172a;border:1px solid #334155;padding:20px;border-radius:12px;text-align:center}.calc-stat-value{font-size:32px;font-weight:800;color:#fff;margin-bottom:5px}.calc-stat-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px}.cal-form{background:#1e293b;padding:20px;border-radius:12px;border:1px solid #334155;margin-bottom:30px;display:flex;gap:15px;align-items:center;justify-content:center}.cal-btn{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(79,70,229,.2)}.cal-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px rgba(79,70,229,.4)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}.month{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.month-name{text-align:center;font-weight:800;font-size:15px;padding:16px;color:#fff;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.1)}.month.january .month-name{background:#3b82f6}.month.february .month-name{background:#8b5cf6}.month.march .month-name{background:#10b981}.month.april .month-name{background:#f43f5e}.month.may .month-name{background:#0ea5e9}.month.june .month-name{background:#f59e0b}.month.july .month-name{background:#ec4899}.month.august .month-name{background:#14b8a6}.month.september .month-name{background:#f97316}.month.october .month-name{background:#ef4444}.month.november .month-name{background:#6366f1}.month.december .month-name{background:#059669}.days{display:grid;grid-template-columns:repeat(7,1fr);padding:15px;grid-gap:5px;gap:5px}.day{width:100%;text-align:center;font-size:14px}.day-name{font-weight:700;color:#64748b;font-size:12px;margin-bottom:10px;text-transform:uppercase}.day-number{height:36px;line-height:36px;border-radius:6px;color:#94a3b8;transition:all .2s;cursor:default}.day-number:hover{background:#4f46e5;color:#fff;font-weight:700;transform:scale(1.1);box-shadow:0 4px 10px rgba(79,70,229,.3)}.empty-day{background:transparent}