:root{--purple:#7c3aed;--purple-light:#f3e8ff;--blue:#2563eb;--blue-light:#dbeafe;--green:#16a34a;--green-light:#dcfce7;--orange:#f97316;--orange-light:#ffedd5;--pink:#ec4899;--pink-light:#fce7f3;--teal:#14b8a6;--teal-light:#ccfbf1;--red:#dc2626;--red-light:#fee2e2;--gray:#64748b}body{background:#f5f7fb}.page-title{font-size:2.4rem;font-weight:800;color:#6d28d9;margin-bottom:8px}.page-subtitle{color:#64748b;font-size:1rem;margin-bottom:30px}.date-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 4px 14px rgba(0,0,0,.05);height:100%;transition:.25s;border:1px solid #eef2f7}.date-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.08)}.card-header-custom{display:flex;align-items:flex-start;margin-bottom:18px}.card-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;margin-right:14px;flex-shrink:0}.icon-purple{background:linear-gradient(135deg,var(--purple),#8b5cf6)}.icon-blue{background:linear-gradient(135deg,var(--blue),#3b82f6)}.icon-green{background:linear-gradient(135deg,var(--green),#22c55e)}.icon-orange{background:linear-gradient(135deg,var(--orange),#fb923c)}.icon-pink{background:linear-gradient(135deg,var(--pink),#f472b6)}.icon-teal{background:linear-gradient(135deg,var(--teal),#2dd4bf)}.icon-red{background:linear-gradient(135deg,var(--red),#ef4444)}.card-title{font-size:1.3rem;font-weight:800;margin-bottom:4px}.title-purple{color:var(--purple)}.title-blue{color:var(--blue)}.title-green{color:var(--green)}.title-orange{color:var(--orange)}.title-pink{color:var(--pink)}.title-teal{color:var(--teal)}.title-red{color:var(--red)}.card-desc{color:#64748b;font-size:.93rem}.form-label{font-size:.82rem;font-weight:700;color:#475569;margin-bottom:6px}.form-control,.form-select{height:48px;border-radius:12px;border:1px solid #dbe2ea;font-weight:600}.form-control:focus,.form-select:focus{box-shadow:none;border-color:#6366f1}.result-box{border-radius:16px;padding:18px;margin-top:18px}.result-purple{background:var(--purple-light)}.result-blue{background:var(--blue-light)}.result-green{background:var(--green-light)}.result-orange{background:var(--orange-light)}.result-pink{background:var(--pink-light)}.result-teal{background:var(--teal-light)}.result-red{background:var(--red-light)}.result-label{font-size:.74rem;font-weight:800;text-transform:uppercase;margin-bottom:5px}.label-purple{color:var(--purple)}.label-blue{color:var(--blue)}.label-green{color:var(--green)}.label-orange{color:var(--orange)}.label-pink{color:var(--pink)}.label-teal{color:var(--teal)}.label-red{color:var(--red)}.result-value{font-size:2rem;font-weight:800;line-height:1.1}.value-purple{color:var(--purple)}.value-blue{color:var(--blue)}.value-green{color:var(--green)}.value-orange{color:var(--orange)}.value-pink{color:var(--pink)}.value-teal{color:var(--teal)}.value-red{color:var(--red)}.formula-box{margin-top:14px;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:700}.formula-purple{background:var(--purple-light);color:var(--purple)}.formula-blue{background:var(--blue-light);color:var(--blue)}.formula-green{background:var(--green-light);color:var(--green)}.formula-orange{background:var(--orange-light);color:var(--orange)}.formula-pink{background:var(--pink-light);color:var(--pink)}.formula-teal{background:var(--teal-light);color:var(--teal)}.formula-red{background:var(--red-light);color:var(--red)}@media(max-width:768px){.page-title{font-size:2rem}.result-value{font-size:1.6rem}}