:root{--blue: #2563eb;--violet: #7c3aed;--fuchsia: #db2777;--fuchsia-light: #f472b6;--gradient: linear-gradient(120deg, var(--blue) 0%, var(--violet) 50%, var(--fuchsia) 100%);--gradient-soft: linear-gradient(120deg, #eef2ff 0%, #f5f3ff 50%, #fdf2f8 100%);--bg: #f7f5ff;--surface: #ffffff;--border: #e9e5fb;--text: #1e1b4b;--text-muted: #6b6894;--danger: #e11d48;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 20px rgba(124, 58, 237, .08);--shadow-hover: 0 12px 32px rgba(124, 58, 237, .18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%,rgba(37,99,235,.08),transparent 40%),radial-gradient(circle at 100% 30%,rgba(219,39,119,.07),transparent 40%),var(--bg);background-attachment:fixed;min-height:100vh}header{background:var(--gradient);color:#fff;padding:28px 0 22px;box-shadow:0 8px 30px #7c3aed59;margin-bottom:28px}.brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:20px;color:#fff;text-decoration:none}.brand-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;box-shadow:0 8px 24px #1e1b4b40,inset 0 0 0 1px #fff9;transform:rotate(-6deg);transition:transform .3s}.brand:hover .brand-logo{transform:rotate(0) scale(1.05)}.brand-logo svg{width:28px;height:28px}.brand-text{display:grid;line-height:1.1}.brand h1{font-size:28px;font-weight:800;letter-spacing:-.8px}.brand h1 span{font-weight:400;opacity:.85}.brand small{margin-top:4px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;opacity:.75}nav{display:flex;flex-wrap:wrap;gap:8px}nav button:last-child{margin-left:auto}nav button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 20px;border-radius:999px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}nav button:hover{background:#ffffff47;transform:none;box-shadow:none}nav button.active{background:#fff;color:var(--violet);border-color:#fff}.profiles{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.profile-tab{display:inline-flex;align-items:center;border-radius:999px;background:#00000026;color:#ffffffd9;transition:background .2s}.profile-tab:hover{background:#00000040}.profile-tab button{background:transparent;color:inherit}.profile-tab button:hover{transform:none;box-shadow:none}.profile-select{display:inline-flex;align-items:center;gap:8px;padding:5px 16px 5px 5px;border-radius:999px}.profile-tab.active .profile-select{padding-right:6px}.profile-settings{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:4px;padding:0;border-radius:50%}.profile-settings app-icon{width:17px;height:17px;transition:transform .4s}.profile-tab .profile-settings:hover{background:#fdf2f8}.profile-settings:hover app-icon{transform:rotate(90deg)}.profile-tab .avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff40;font-size:12px;font-weight:800}.profile-tab.active{background:#fff;color:var(--fuchsia);box-shadow:0 4px 14px #00000026}.profile-tab.active .avatar{background:var(--gradient);color:#fff}.profile-add{padding:6px 14px;font-size:18px;line-height:1;border-radius:999px;border:1px dashed rgba(255,255,255,.5);background:transparent}.profile-add:hover{background:#ffffff26;transform:none;box-shadow:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#1e1b4b73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease-out}.modal{position:relative;width:min(440px,100%);padding:32px 28px 24px;background:var(--surface);border-radius:20px;box-shadow:0 24px 60px #7c3aed59;overflow:hidden;text-align:center;animation:pop-in .2s ease-out}.modal:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--gradient)}.modal.danger:before{background:linear-gradient(120deg,var(--fuchsia),var(--danger))}.modal-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:12px;border-radius:50%;background:var(--gradient-soft);border:1px solid var(--border);color:var(--violet)}.modal-icon app-icon{width:26px;height:26px}.modal.danger .modal-icon{color:var(--danger)}.modal h2{font-size:20px;font-weight:800;margin-bottom:20px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.modal .form-group{display:grid;gap:6px;text-align:left}.modal .form-group label{font-size:13px;font-weight:600;color:var(--text-muted)}.modal-text{font-size:14px;line-height:1.6;color:var(--text-muted)}.modal-text strong{color:var(--text)}.modal-error{margin-top:14px;padding:8px 12px;border-radius:var(--radius-sm);background:#fff1f2;color:var(--danger);font-size:13px}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions button{flex:1}.modal-danger-zone{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.link-danger{background:none;color:var(--danger);padding:4px 8px;font-size:13px}.link-danger:hover{background:#fff1f2;transform:none;box-shadow:none}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}.container{max-width:1200px;margin:0 auto;padding:0 20px 20px}header .container{padding-bottom:0}.card{background:var(--surface);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.card h2{font-size:20px;font-weight:700;margin-bottom:18px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--gradient);background-size:150% 100%;border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s,box-shadow .2s,background-position .3s}button:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed4d}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:var(--surface);color:var(--violet);border:1px solid var(--border)}button.secondary:hover{border-color:var(--violet);box-shadow:0 4px 12px #7c3aed26}button.secondary.on{background:#fdf2f8;color:var(--fuchsia);border-color:var(--fuchsia-light)}button.danger{background:var(--danger)}button.danger:hover{box-shadow:0 6px 18px #e11d484d}input,select{font-family:inherit;font-size:14px;color:var(--text);padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;transition:border-color .2s,box-shadow .2s}@media(max-width:640px),(pointer:coarse){input,select,textarea{font-size:16px}}input:focus,select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #7c3aed26}input[type=checkbox]{accent-color:var(--fuchsia);width:16px;height:16px;cursor:pointer}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.offer{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s}.offer:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient);opacity:.35}.offer.new:before{opacity:1}.offer:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.offer h3{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px}.offer-details{font-size:13px;color:var(--text-muted);line-height:1.8;margin-bottom:12px}.offer-details>div{display:flex;align-items:center;gap:8px}.offer-details app-icon{color:var(--violet);opacity:.7}.offer-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.offer-actions button{padding:8px 12px;font-size:12px;flex:1}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;color:#fff;background:linear-gradient(120deg,var(--violet),var(--fuchsia))}.badge.muted{background:#f1f0f7;color:var(--text-muted)}.empty{text-align:center;padding:48px 20px;color:var(--text-muted)}@media(max-width:640px){.container{padding:0 16px 16px}header{padding:18px 0 16px;margin-bottom:20px}.brand{gap:12px;margin-bottom:16px}.brand-logo{width:40px;height:40px;border-radius:12px}.brand-logo svg{width:24px;height:24px}.brand h1{font-size:23px}.brand small{font-size:10px;letter-spacing:1.2px}.profiles{padding-bottom:12px;margin-bottom:12px}.profile-select{max-width:100%}nav{gap:6px}nav button{padding:7px 14px;font-size:13px}.card{padding:18px 16px}.modal{padding:28px 20px 20px}}@media(max-width:380px){nav button{padding:6px 10px}}.loading{text-align:center;padding:24px;color:var(--violet);font-weight:600}