:root{--bg-start:#f6fbff;--bg-end:#f0f7f9;--card-bg:#ffffff;--primary:#1b4965;--accent:#ff8a65;--muted:#6b7280;--success:#28a745}body,html{height:100%}body{margin:0;font-family:Inter,'Segoe UI',Roboto,'Helvetica Neue',Arial;background:linear-gradient(180deg,var(--bg-start),var(--bg-end));color:#263238;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:95%;margin:24px auto;padding:16px}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,.06);padding:16px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.btn{display:inline-block;padding:8px 12px;border-radius:8px;border:none;cursor:pointer;background:var(--primary);color:#fff;font-weight:600}.btn.action{padding:8px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12);border:none;font-weight:600;cursor:pointer}.btn.calendar{padding:6px 10px;min-width:40px}.btn.ghost.small{padding:6px 8px}.btn.ghost{background:0 0;border:1px solid rgba(0,0,0,.06);color:var(--primary)}.small{padding:6px 8px;font-size:.9rem}.center{text-align:center}.muted{color:var(--muted)}.modal-window{border-radius:12px}@media (max-width:800px){.app-container{padding:10px;margin:12px}}