:root{--brand: #ff8000;--brand-dark: #e36b00;--ink: #242e30;--muted: #6b7678;--line: #e6e8e9;--bg: #fff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.header{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}.logo{font-size:22px;font-weight:800;color:var(--brand)}.logo span{color:var(--ink)}.header-spacer{flex:1}.btn{border:none;border-radius:24px;padding:10px 20px;font-weight:700;background:var(--brand);color:#fff}.btn:hover{background:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:#f3f4f4}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{background:linear-gradient(135deg,#ff8000,#ff5a1f);color:#fff;padding:72px 24px;text-align:center}.hero h1{font-size:44px;margin:0 0 12px;max-width:720px;margin-inline:auto}.hero p{font-size:18px;opacity:.95;margin:0 0 28px}.search{display:flex;gap:8px;max-width:560px;margin:0 auto;background:#fff;padding:8px;border-radius:12px;box-shadow:0 10px 30px #0000002e}.search input{flex:1;border:none;outline:none;font-size:16px;padding:12px;color:var(--ink)}.container{max-width:1040px;margin:0 auto;padding:32px 24px}.container h2{font-size:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s;background:#fff}.card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.card-banner{height:96px;background:linear-gradient(135deg,#ffd8b0,#ffb066);display:flex;align-items:center;justify-content:center;font-size:34px}.card-body{padding:16px}.card-body h3{margin:0 0 4px;font-size:18px}.card-body .muted{color:var(--muted);font-size:14px}.empty{color:var(--muted);padding:24px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;padding:28px;width:360px;max-width:calc(100vw - 32px)}.modal h2{margin:0 0 16px}.modal form{display:grid;gap:10px}.modal input{border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px}.modal .btn{margin-top:4px}.modal .link{color:var(--brand);background:none;border:none;padding:8px 0}.error{color:#c0392b;font-size:14px}.close{background:none;border:none;font-size:22px;line-height:1;color:var(--muted)}.opt-group{margin:14px 0}.opt-title{font-weight:700;font-size:14px;margin-bottom:6px}.opt-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid #f0f1f2;font-size:15px;cursor:pointer}.opt-row input{margin-right:4px}