:root{--bg:#f7fafc;--card:#ffffff;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb;--green:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;background:var(--bg);color:#111827}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #0000000a}.header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.title{font-size:20px;font-weight:700}.grid{display:grid;gap:16px}@media (min-width:1024px){.grid-3{grid-template-columns:2fr 1fr}}.section{padding:16px 20px}.label{font-size:12px;color:var(--muted);margin-bottom:4px}.input,.btn{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px}.input:focus{outline:2px solid var(--accent);border-color:transparent}.btn{background:var(--accent);color:#fff;border:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.badge{background:#eef2ff;color:#3730a3;padding:6px 8px;border-radius:999px;font-size:12px;border:1px solid #e5e7eb}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);font-size:14px;text-align:left}.canvas-wrap{border:1px solid var(--border);border-radius:0;overflow:hidden;background:#e5f6ee}.muted{color:#00000073;font-size:.95em}.flex{display:flex;gap:10px;align-items:center;justify-content:space-between}.row{display:grid;gap:8px;margin-bottom:10px}hr{border:none;border-top:1px solid var(--border);margin:10px 0}.link{color:var(--accent);text-decoration:none}.center{text-align:center;padding:40px}.input::placeholder{color:#00000059}.error.small{color:#b00020;font-size:.85em;margin-top:4px}.alert{padding:10px 12px;border-radius:12px;margin:12px 0;font-weight:600}.alert.error{background:#ffe7e7;border:1px solid #f2b7b7}.alert.success{background:#e6ffed;border:1px solid #b7f2c4}.no-underline{text-decoration:none}.calendar-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0b0f19,#1e3a5f);color:#e6ecff;border-radius:14px;padding:14px 20px;margin:-16px 0 16px;text-decoration:none;border:1px solid #2d4a6f;transition:transform .12s ease,box-shadow .12s ease}.calendar-banner:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.calendar-banner .banner-icon{font-size:1.6rem;flex-shrink:0}.calendar-banner .banner-text{flex:1}.calendar-banner .banner-title{font-weight:700;font-size:1rem}.calendar-banner .banner-subtitle{font-size:.85rem;color:#a8b3cf;margin-top:2px}.calendar-banner .banner-arrow{font-size:1.2rem;color:#60a5fa;flex-shrink:0}.progress{width:100%;height:10px;background:#eceff3;border-radius:999px;overflow:hidden;border:1px solid #dde2e8}.progress-bar{height:100%;background:linear-gradient(90deg,#28a745,#4cd964);border-radius:999px 0 0 999px;transition:width .3s ease}body{background:url(/assets/bg-C4fi__yd.jpg) no-repeat center center fixed;background-size:cover}.header{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.header .logo{height:100px;object-fit:contain}@media (max-width: 768px){.header{flex-direction:column}.header .logo{margin-bottom:8px}}@media (min-width: 769px){.header{flex-direction:row}}