@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";
:root{--bg:#f8f5ec;--panel:#fffdf7;--text:#1f2a24;--muted:#5c665f;--accent:#0b7f6d;--accent-2:#f18f3b;--danger:#bf3f3f;--radius:16px}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 5% -10%,#0b7f6d33,transparent 65%),radial-gradient(800px 500px at 95% 0%,#f18f3b3d,transparent 70%),var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1040px;margin:0 auto;padding:28px 20px 42px;animation:.45s ease-out reveal}.page.wide{max-width:1240px}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--panel);border-radius:var(--radius);border:1px solid #1f2a241a;padding:18px;box-shadow:0 10px 24px #1f2a240f}.grid{gap:12px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:720px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}input,textarea,select,button{width:100%;font:inherit;background:#fff;border:1px solid #1f2a2438;border-radius:10px;padding:10px 12px}button{cursor:pointer;background:var(--accent);color:#fff;border:none;font-weight:700}.btn{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;font-weight:700;display:inline-flex}button.secondary,.btn.secondary{color:var(--text);background:#e6ece8}button.danger,.btn.danger{background:var(--danger);color:#fff}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.confirmed,.badge.delivered{color:#0b7f6d;background:#0b7f6d24}.badge.scheduled,.badge.sent{color:#4f5852;background:#5c665f33}.badge.rescheduled{color:#9b561f;background:#f18f3b33}.badge.cancelled{color:#8e2a2a;background:#bf3f3f2e}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #1f2a241a;padding:10px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cta{width:auto;padding:10px 16px}.error{color:#8e2a2a;margin-top:10px;font-weight:600}.success{color:#0b7f6d;margin-top:10px;font-weight:600}.small{color:var(--muted);font-size:13px}.template-card{background:linear-gradient(180deg,#0b7f6d0a,#0b7f6d03),var(--panel);border:1px solid #0b7f6d29;gap:10px;padding:16px;display:grid}.template-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-title{letter-spacing:.2px;font-size:16px}.template-meta{margin:0}.template-body-label{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.template-body{border-color:#1f2a242e}textarea.template-body{resize:vertical;min-height:136px;line-height:1.5}.template-toggle{width:fit-content;color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.template-toggle input{width:18px;height:18px;margin:0}.template-save{margin-top:2px}.public-page{max-width:760px}.public-card{gap:14px;display:grid}.mode-switch{gap:8px;display:flex}.login-page{place-items:center;max-width:560px;min-height:90vh;display:grid}.login-card{gap:12px;width:100%;display:grid}.form-section{background:#ffffff8c;border:1px solid #1f2a241a;border-radius:12px;gap:10px;padding:12px;display:grid}.section-title{letter-spacing:.2px;margin:0;font-size:15px}.dashboard-page h1{font-size:1.8rem;line-height:1.1}.dashboard-page .small{font-size:.9rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.summary-card{background:#ffffffb3;border:1px solid #1f2a241f;border-radius:12px;gap:.35rem;min-width:0;padding:.75rem .85rem;display:grid}.summary-card label{color:var(--muted);gap:.4rem;font-size:.82rem;font-weight:600;display:grid}.summary-card input[type=month]{width:fit-content;max-width:100%}.summary-card input[type=checkbox]{width:auto;margin:0}.summary-card label:has(input[type=checkbox]){color:var(--text);align-items:center;gap:.5rem;font-weight:400;display:flex!important}.summary-card p{margin:0}.summary-card .metric-label{color:var(--muted);font-size:.82rem}.summary-card .metric-value{font-size:1.55rem;font-weight:700;line-height:1.05}.data-table th,.data-table td{padding:.75rem .9rem;font-size:.95rem}.data-table-scroll{width:100%}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.actions .btn,.actions a{font-weight:700}.data-table[data-hover] tbody tr:hover{cursor:pointer;background:#1f2a2414}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}.dashboard-page h1{font-size:1.35rem}.dashboard-page .small{font-size:.8rem}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.summary-card{padding:.65rem .7rem}.summary-card label{gap:.25rem;font-size:.74rem}.summary-card input[type=month]{border-radius:8px;width:fit-content;max-width:100%;padding:.3rem .45rem;font-size:.76rem}.summary-card .metric-value{font-size:1.25rem}.actions{gap:.5rem;width:100%}.actions .btn,.actions a{flex:1;min-width:120px;padding:.45rem .7rem;font-size:.78rem}.summary-card label:has(input[type=checkbox]){font-size:.78rem}input[type=datetime-local]{border-radius:8px;width:fit-content;max-width:100%;padding:.3rem .45rem;font-size:.76rem}.data-table th,.data-table td{word-break:break-word;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:91px;padding:.35rem .2rem;font-size:.75rem}.data-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{background:var(--panel);border-radius:var(--radius);border:1px solid #1f2a241a;padding:9px;box-shadow:0 10px 24px #1f2a240f}.data-table[data-hide-first] th:first-child,.data-table[data-hide-first] td:first-child{display:none}}