:root{--bg: #0b0b0e;--card: #121216;--border: #1f1f26;--text: #eaeaf0;--muted: #eeeef1;--accent: #3978ff;--danger: #ff5c5c;--success: #4ade80;--sidebar-w: 220px;--header-h: 64px;--gap: 16px;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga" 1;font-feature-settings:"liga" 1;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h2{font-size:20px;font-weight:700;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid rgba(106,227,255,.18);color:var(--text)}label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.small-muted{font-size:13px;color:var(--muted)}input,select,textarea{width:100%;padding:10px 12px;background:#0f0f14;border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #6ae3ff0f}.form-group{margin-bottom:16px}button{background:var(--accent);color:#000;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:active{transform:translateY(1px)}button.secondary{background:#1e1e26;color:var(--text)}button.danger{background:var(--danger);color:#fff}button:focus{outline:none;box-shadow:0 6px 18px #00000073}.app-layout{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--border);padding:24px 16px;position:fixed;left:0;top:0;bottom:0;z-index:250;transform:translate(0);transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s ease;will-change:transform;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar.hidden{transform:translate(-110%);box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:0 30px 60px #0009}.sidebar-logo{font-size:22px;font-weight:900;margin-bottom:32px;display:flex;align-items:center;gap:8px}.sidebar-logo span{color:var(--accent)}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav button{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--muted);text-align:left;padding:7px 14px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:400;transition:background .18s ease,color .12s ease,transform .08s ease}.sidebar-nav button svg{flex-shrink:0;opacity:.9}.sidebar-nav button:hover{background:#15151d;color:var(--text);transform:translate(2px)}.sidebar-nav button.active{background:linear-gradient(90deg,#ffffff0c,#ffffff08);color:var(--text);padding-left:12px}.app-main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:100vh;transition:margin-left .28s ease,width .28s ease}.top-header{position:fixed;left:var(--sidebar-w);right:0;top:0;height:var(--header-h);z-index:300;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(180deg,#0e0e12fa,#0e0e12eb);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:left .28s ease,width .28s ease,background .2s ease}.header-left{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:20px}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text);padding:8px;border-radius:8px;cursor:pointer}.mobile-menu-btn:focus{outline:none;box-shadow:0 6px 18px #00000080}.main-content{padding:calc(var(--header-h) + 28px) 28px 40px;max-width:1400px;margin:0 auto;transition:padding .2s ease}.main-content>*{width:100%}.automation-toggle{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding-right:14px;border-right:1px solid var(--border)}.switch{position:relative;width:44px;height:24px}.switch input{display:none}.slider{position:absolute;inset:0;background:#333;border-radius:999px;cursor:pointer;transition:background .2s ease}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.2,.9,.2,1)}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px)}.profile-wrapper{position:relative}.profile-btn{background:#16161c;border:1px solid var(--border);border-radius:999px;padding:9px;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center}.profile-btn:hover{background:#1f1f27}.profile-dropdown{position:absolute;right:0;top:52px;background:#121217;border:1px solid var(--border);border-radius:12px;width:260px;padding:12px;box-shadow:0 12px 30px #00000073}.profile-email{font-size:13px;color:var(--muted);padding:8px;border-bottom:1px solid var(--border);margin-bottom:8px;word-break:break-all}.logout-btn{width:100%;background:transparent;border:none;color:var(--danger);padding:10px;border-radius:8px;cursor:pointer;text-align:left}.logout-btn:hover{background:#ff5c5c14}.card{background:linear-gradient(180deg,#121216,#0f0f13);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:0 8px 28px #00000059;transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 48px #00000080}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.col{flex:1}@media(max-width:1100px){:root{--sidebar-w: 200px }.sidebar{width:var(--sidebar-w)}.app-main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w))}.top-header{left:var(--sidebar-w);width:calc(100% - var(--sidebar-w))}}@media(max-width:900px){.sidebar{transform:translate(-110%);width:var(--sidebar-w);box-shadow:none}.sidebar.mobile-open,.sidebar.open{transform:translate(0);box-shadow:0 30px 60px #0009}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000073;z-index:240;opacity:1;transition:opacity .18s ease}.app-main{margin-left:0;width:100%}.top-header{left:0;width:100%;padding:0 12px;justify-content:space-between}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.header-actions{gap:12px}.main-content{padding:calc(var(--header-h) + 18px) 16px 24px;max-width:100%}.sidebar-nav button{padding:14px 16px;font-size:15px}.row{grid-template-columns:1fr}}@media(max-width:480px){h2{font-size:18px}.sidebar{padding:18px 12px}.sidebar-logo{font-size:18px}.main-content{padding:calc(var(--header-h) + 12px) 12px 20px}.card{padding:16px;border-radius:12px}.sidebar-nav button{font-size:14px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.note{background:#6ae3ff0a;border:1px solid rgba(106,227,255,.06);color:var(--muted);padding:10px 12px;border-radius:10px;font-size:13px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.plan-header{display:flex;justify-content:space-between;gap:12px}.plan-header h3{margin:0}.plan-desc{color:var(--muted);margin-top:6px;font-size:14px}.plan-price{text-align:right}.plan-price .amount{font-size:22px;font-weight:800}.plan-price .period{font-size:12px;color:var(--muted)}.plan-features{list-style:none;padding:0;margin:16px 0;font-size:14px}.plan-features li{margin-bottom:6px}.plan-btn{width:100%;margin-top:auto}.pref-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.pref-col{display:flex;flex-direction:column}.pref-col.full{grid-column:1 / -1}@media(max-width:640px){.pref-row{grid-template-columns:1fr}}.g{color:#ffffff90}