.wrap{max-width:860px;margin:0 auto;padding:28px 0}.back{color:#6b7280;text-decoration:none;font-size:14px}
    h1{margin:20px 0 8px;font-size:30px}.sub{color:#6b7280;margin-bottom:18px;line-height:1.8}
    .card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
    label{display:block;margin:0 0 8px;color:#6b7280;font-size:14px}
    select{width:100%;height:46px;border:1px solid #d9dce6;border-radius:12px;padding:0 12px;font-size:16px;background:#fff;color:inherit}.date-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.date-grid{grid-template-columns:1fr}}
    .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-size:14px}
    .primary{background:#3b5bff;color:#fff}.danger{background:#ffecec;color:#7f1d1d}
    .result{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:640px){.result{grid-template-columns:1fr}}
    .item{border:1px solid #e5e7eb;border-radius:16px;padding:15px;background:#fafafa}.label{font-size:13px;color:#6b7280;margin-bottom:6px}.value{font-size:20px;font-weight:700;line-height:1.5}
    .note{margin-top:16px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:14px;color:#6b7280;font-size:13px;line-height:1.8;background:#fafafa}
    footer{margin-top:34px;color:#9ca3af;font-size:13px;line-height:1.8;text-align:center}footer a{color:inherit;text-decoration:none}