.wpcoder-calendar-app{--cal-bg:#f7f4ef;--cal-card:#ffffff;--cal-text:#1f2933;--cal-muted:#6b7280;--cal-border:#e7ded2;--cal-primary:#b9813b;--cal-primary-dark:#8a5d25;--cal-danger:#b42318;--cal-soft:#fff8ed;max-width:1180px;margin:40px auto;padding:28px;background:var(--cal-bg);border-radius:28px;color:var(--cal-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.wpcoder-calendar-app *,.wpcoder-calendar-app *::before,.wpcoder-calendar-app *::after{box-sizing:border-box}.calendar-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.calendar-kicker{margin:0 0 6px;color:var(--cal-primary-dark);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.calendar-header h2,.calendar-card h3{margin:0;line-height:1.15}.calendar-header h2{font-size:clamp(30px, 4vw, 48px)}.calendar-subtitle{margin:8px 0 0;color:var(--cal-muted)}.calendar-actions-top{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.calendar-month-label{min-width:180px;padding:12px 16px;border:1px solid var(--cal-border);border-radius:999px;background:var(--cal-card);text-align:center;font-weight:700}.calendar-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:22px;align-items:start}.calendar-card{background:var(--cal-card);border:1px solid var(--cal-border);border-radius:24px;box-shadow:0 18px 50px rgb(31 41 51 / .08)}.calendar-form-card,.appointment-list-card{padding:24px}.appointment-form{display:grid;gap:16px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row label{display:block;margin-bottom:7px;font-size:14px;font-weight:700}.form-row input,.form-row textarea{width:100%;border:1px solid var(--cal-border);border-radius:15px;padding:12px 13px;background:#fff;color:var(--cal-text);font:inherit;outline:none}.form-row input:focus,.form-row textarea:focus{border-color:var(--cal-primary);box-shadow:0 0 0 4px rgb(185 129 59 / .13)}.calendar-btn{border:0;border-radius:999px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.calendar-btn:hover{transform:translateY(-1px)}.calendar-btn-primary{background:var(--cal-primary);color:#fff;box-shadow:0 10px 22px rgb(185 129 59 / .25)}.calendar-btn-primary:hover{background:var(--cal-primary-dark)}.calendar-btn-secondary{width:44px;height:44px;padding:0;background:#fff;color:var(--cal-text);border:1px solid var(--cal-border);font-size:28px;line-height:1}.calendar-btn-danger,.calendar-btn-danger-outline{color:var(--cal-danger);background:#fff5f5;border:1px solid rgb(180 35 24 / .25)}.calendar-btn-danger{padding:8px 12px;font-size:13px}.calendar-main-card{padding:18px;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{color:var(--cal-muted);font-size:13px;font-weight:800;text-align:center}.calendar-day{min-height:108px;padding:10px;border:1px solid var(--cal-border);border-radius:18px;background:#fff;cursor:pointer}.calendar-day.is-muted{opacity:.35;background:#fafafa}.calendar-day.is-today{border-color:var(--cal-primary);box-shadow:inset 0 0 0 2px rgb(185 129 59 / .18)}.calendar-day-number{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}.calendar-badge{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--cal-primary);color:#fff;font-size:12px}.calendar-day-items{display:grid;gap:5px;margin-top:9px}.calendar-mini-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 7px;border-radius:999px;background:var(--cal-soft);color:var(--cal-primary-dark);font-size:12px;font-weight:700}.appointment-list-card{margin-top:22px}.list-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.list-header p{margin:6px 0 0;color:var(--cal-muted)}.appointment-list{display:grid;gap:12px}.appointment-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px;border:1px solid var(--cal-border);border-radius:18px;background:#fffdf9}.appointment-date{color:var(--cal-primary-dark);font-weight:800;font-size:14px}.appointment-title{margin:4px 0 0;font-size:17px;font-weight:800}.appointment-note{margin:6px 0 0;color:var(--cal-muted)}.empty-state{padding:18px;border:1px dashed var(--cal-border);border-radius:18px;color:var(--cal-muted);background:#fffdf9}@media (max-width:900px){.wpcoder-calendar-app{padding:18px;margin:24px auto}.calendar-header,.list-header{align-items:flex-start;flex-direction:column}.calendar-layout{grid-template-columns:1fr}.calendar-actions-top{width:100%}.calendar-month-label{flex:1;min-width:0}}@media (max-width:620px){.calendar-main-card{padding:10px}.calendar-weekdays,.calendar-grid{gap:5px}.calendar-day{min-height:78px;padding:7px;border-radius:12px}.calendar-mini-item{display:none}.form-grid,.appointment-item{grid-template-columns:1fr}}