*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,#1e293b,#020617);color:#fff}.landing-new{width:100%;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;flex-wrap:wrap;gap:20px}.navbar h2{font-size:28px}.nav-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.nav-links span{cursor:pointer;transition:.3s}.nav-links span:hover{color:#3b82f6}.hero-new{text-align:center;padding:100px 20px 50px}.hero-new h1{font-size:56px;line-height:1.2}.hero-new span{color:#3b82f6}.hero-new p{color:#94a3b8;max-width:650px;margin:20px auto;line-height:1.7;font-size:18px}.hero-buttons{margin-top:25px}.hero-preview{display:flex;justify-content:center}.hero-preview img{width:65%;max-width:900px;margin-top:45px;border-radius:14px;box-shadow:0 30px 120px #2563eb80;border:1px solid #334155;transition:.4s}.hero-preview img:hover{transform:scale(1.02)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:60px}.strip-card{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #334155;padding:25px;border-radius:14px;transition:.4s;position:relative;overflow:hidden}.strip-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(59,130,246,.25),transparent);opacity:0;transition:.4s}.strip-card:hover:before{opacity:1}.strip-card:hover{transform:translateY(-8px);border-color:#3b82f6}.strip-card h3{margin-bottom:10px}.strip-card p{color:#94a3b8;line-height:1.5}.split{display:flex;align-items:center;justify-content:space-between;padding:100px 60px;gap:50px}.reverse{flex-direction:row-reverse}.split-text{flex:1}.split-text h2{font-size:38px;margin-bottom:15px}.split-text p{color:#94a3b8;line-height:1.8;font-size:18px}.split-img{flex:1;display:flex;justify-content:center}.split-img img{width:100%;max-width:500px;border-radius:14px;box-shadow:0 20px 80px #2563eb4d;border:1px solid #334155;transition:.4s}.split-img img:hover{transform:scale(1.03)}.cta-new{text-align:center;padding:120px 20px;position:relative}.cta-new:before{content:"";position:absolute;width:500px;height:500px;background:#2563eb;filter:blur(140px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.35}.cta-new h2{font-size:42px;position:relative;z-index:2}.cta-new button{margin-top:20px;position:relative;z-index:2}.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;padding:12px 22px;border-radius:8px;color:#fff;cursor:pointer}.secondary{margin-left:10px;background:transparent;border:1px solid #334155;padding:12px 22px;border-radius:8px;color:#fff}.large{padding:14px 30px}.footer{display:flex;justify-content:space-between;padding:40px 60px;border-top:1px solid #334155;color:#94a3b8;flex-wrap:wrap;gap:20px}.footer-left{font-size:18px;font-weight:700}.footer-right{display:flex;gap:20px;flex-wrap:wrap}.footer-right span{cursor:pointer;transition:.3s}.footer-right span:hover{color:#3b82f6}@media(max-width:992px){.navbar,.footer,.split,.feature-strip{padding-left:30px;padding-right:30px}.hero-new h1{font-size:46px}.feature-strip{grid-template-columns:repeat(2,1fr)}.split{flex-direction:column;text-align:center;padding:80px 30px}.reverse{flex-direction:column}.hero-preview img{width:90%}}@media(max-width:768px){.navbar{flex-direction:column;text-align:center;padding:20px}.nav-links{justify-content:center;gap:15px}.hero-new{padding:70px 15px 40px}.hero-new h1{font-size:34px}.hero-new p{font-size:16px}.hero-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.secondary{margin-left:0}.hero-preview img{width:100%;margin-top:35px}.feature-strip{grid-template-columns:1fr;padding:30px 20px}.split{padding:60px 20px}.split-text h2{font-size:30px}.split-text p{font-size:16px}.cta-new{padding:80px 20px}.cta-new h2{font-size:30px}.footer{flex-direction:column;text-align:center;padding:30px 20px}.footer-right{justify-content:center}}@media(max-width:480px){.hero-new h1{font-size:28px}.navbar h2{font-size:22px}.split-text h2,.cta-new h2{font-size:26px}.primary,.secondary{width:100%;max-width:260px}}:root{--bg: #0a0f1c;--header-bg: #070b16;--card: #0f1629;--card-soft: #121a33;--border: #1c2541;--text: #ffffff;--muted: #b6c2ff;--primary: #4f8cff;--primary-soft: #1b3a7a;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{background:radial-gradient(1200px 600px at top,#0d1430,var(--bg));color:var(--text)}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;background:linear-gradient(180deg,#0a1022,var(--header-bg));border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:32px}.logo{font-size:16px;font-weight:600;color:var(--primary)}.nav a{margin-right:22px;text-decoration:none;font-size:14px;color:var(--muted);position:relative}.nav a.active,.nav a:hover{color:var(--text)}.header-right{display:flex;align-items:center;gap:14px}.icon-btn{background:#0b1225;border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:8px;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--primary),#2563eb);display:flex;align-items:center;justify-content:center;font-weight:600}.dashboard{padding:28px 32px}.dd{color:#fff}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.dash-header h1{font-size:24px;margin-bottom:4px}.dash-header p{font-size:14px;color:var(--muted)}.filters button{margin-left:8px;background:#0b1225;border:1px solid var(--border);color:var(--muted);padding:6px 16px;border-radius:999px;font-size:13px}.filters .active{color:var(--text);background:linear-gradient(180deg,#1b3a7a,#10265c);border-color:var(--primary)}.card{background:linear-gradient(180deg,var(--card-soft),var(--card));border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000059}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-title{font-size:13px;color:var(--muted)}.stat h2{margin:10px 0 6px;font-size:22px}.stat h2{color:#fff;font-weight:600}.stat-change{font-size:12px;color:var(--success)}.main-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart h3{font-size:15px;margin-bottom:12px}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}table{width:100%;border-collapse:collapse;margin-top:10px}table th{font-size:12px;color:var(--muted);font-weight:500;padding-bottom:10px}table td{padding:10px 0;font-size:14px}.danger{color:var(--danger)}.warning{color:var(--warning)}.quick button{width:100%;margin-top:12px;background:linear-gradient(180deg,#0b1225,#060a16);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:10px;cursor:pointer}.line-chart{width:100%;height:100%}.line-chart polyline{stroke-linecap:round;stroke-linejoin:round}.line-chart path{stroke-linecap:round;stroke-linejoin:round}.line-chart path{filter:drop-shadow(0 0 6px rgba(79,140,255,.6))}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.header{padding:14px 20px;flex-wrap:wrap;gap:15px}.header-left{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.nav{display:flex;flex-wrap:wrap;gap:14px}.nav a{margin-right:0}.dashboard{padding:22px 20px}.dash-header{flex-direction:column;align-items:flex-start;gap:16px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters button{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.bottom-grid{grid-template-columns:1fr}}@media(max-width:768px){.header{flex-direction:row;align-items:flex-start;padding:14px 16px}.header-left,.header-right{width:100%;justify-content:space-between;flex-wrap:wrap}.logo{font-size:18px}.nav{width:100%;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.nav a{font-size:13px}.dashboard{padding:18px 16px}.dash-header h1{font-size:22px}.dash-header p{font-size:13px;line-height:1.5}.filters{width:100%}.filters button{width:100%;text-align:center}.stats-grid,.main-grid,.bottom-grid{grid-template-columns:1fr;gap:14px}.card{padding:16px}.stat h2{font-size:20px}.chart h3,.card h3{font-size:14px}.bottom-grid .card:first-child{overflow-x:auto}table{min-width:500px}table th,table td{font-size:13px;white-space:nowrap}.quick button{font-size:14px;padding:11px}.profile-modal{width:95%;padding:1.5rem}.modal-actions{flex-direction:column}.btn.primary,.btn.secondary{width:100%}}@media(max-width:480px){.dashboard{padding:14px}.dash-header h1{font-size:20px}.logo{font-size:16px}.nav a{font-size:12px}.card{padding:14px}.stat h2{font-size:18px}.quick button{font-size:13px}.avatar{width:28px;height:28px;font-size:12px}}.alert-wrapper{position:relative}.alert-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:999px;font-size:10px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;padding:0 4px}.alert-dropdown{position:absolute;right:0;top:42px;width:320px;background:#07111f;border-radius:14px;padding:14px;box-shadow:0 10px 30px #00000014;z-index:1000}.alert-dropdown h4{margin-bottom:12px;font-size:14px;font-weight:600}.alert-item{padding:10px 0;border-bottom:1px solid #f1f5f9}.alert-item:last-child{border-bottom:none}.alert-item p{margin:4px 0;font-size:13px;color:#475569}.alert-item small{color:#94a3b8;font-size:11px}.alert-item{cursor:pointer;transition:.2s ease}.alert-item.read{opacity:.55}.donut{position:relative;width:140px;height:140px;margin:20px auto;display:flex;align-items:center;justify-content:center}.donut-text{position:absolute;font-size:22px;font-weight:700}.premium-chart{background:linear-gradient(145deg,#0b1220,#0f172a);border-radius:18px;padding:22px;border:1px solid rgba(99,102,241,.15);box-shadow:0 10px 40px #0006}.chart-container{display:flex;justify-content:center;margin-top:18px}.recharts-wrapper{border-radius:12px}.recharts-cartesian-grid line{stroke:#1f2937;stroke-opacity:.8}.premium-chart:hover{transform:translateY(-4px);transition:.3s ease;box-shadow:0 18px 60px #6366f12e}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{width:100%;max-width:460px;background:#0f172a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:12px}.profile-modal h2{margin:0 0 6px;font-size:18px;font-weight:600;color:#fff}.profile-pic-section{display:flex;align-items:center;gap:14px;padding:12px 0 6px}.avatar-preview{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4f46e5;color:#fff;font-size:20px;font-weight:700;letter-spacing:.2px}.profile-modal label{font-size:13px;color:#9ca3af;margin-top:2px}.profile-modal input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#111827;color:#fff;outline:none;font-size:14px;transition:all .2s ease}.profile-modal input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e524}.profile-modal input[readonly]{color:#94a3b8;background:#0b1220;cursor:default}.profile-modal .modal-actions{display:flex;gap:10px;margin-top:8px}.profile-modal .btn{flex:1;padding:11px 14px;border-radius:10px;border:1px solid #374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-modal .btn.secondary{background:#111827;color:#e5e7eb}.profile-modal .btn.secondary:hover{background:#1f2937;border-color:#6366f12e}.profile-modal .btn.primary{background:#4f46e5;border:none;color:#fff}.profile-modal .btn.primary:hover{background:#4338ca}.seo-page{display:grid;grid-template-columns:2.2fr 1fr;gap:18px;background:#07111f;min-height:100vh;padding:22px;color:#fff;font-family:Arial,sans-serif}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}h1{margin:0;font-size:28px}.topbar p{margin:6px 0 0;color:#91a3bf;font-size:13px}.top-actions{display:flex;gap:10px}.btn{background:#0f1d34;color:#d6e4ff;border:1px solid #1c2f4d;padding:10px 14px;border-radius:8px;cursor:pointer}.primary{background:#2563eb;border:none}.table-tools input{max-width:280px}th,td{text-align:left;padding:14px 10px;border-top:1px solid #14233d;font-size:13px}th{color:#8ea2c0;border-top:none}.yellow{background:#facc15}.orange{background:#f59e0b}.badge{padding:6px 10px;border-radius:20px;font-size:11px;color:#fff;display:inline-block}label{display:block;font-size:12px;color:#8ea2c0;margin:10px 0 6px}.bottom-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1000px){.seo-page{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}.compare-link{font-size:13px;color:#2563eb;text-decoration:none}.compare-link:hover{text-decoration:underline}.compare-list{margin:0;padding-left:18px}.compare-list li{font-size:14px;margin-bottom:5px;color:#fff}button:disabled{opacity:.65;cursor:not-allowed}.seo-controls{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.seo-select select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:14px;transition:.3s ease}.seo-select select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.seo-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.btn{padding:10px 14px;border-radius:10px;border:1px solid #374151;background:#111827;color:#e5e7eb;cursor:pointer;transition:all .25s ease;font-weight:500}.btn:hover{transform:translateY(-2px);background:#1f2937;border-color:#4f46e5}.btn.primary{background:#4f46e5;border:none;color:#fff}.btn.primary:hover{background:#4338ca}.table-card{background:linear-gradient(145deg,#0b1220,#0f172a);border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000059;overflow-x:auto;width:100%;display:block}.table-tools{width:100%;display:flex;margin-bottom:15px}.table-tools input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;font-size:14px;outline:none;width:100%;max-width:100%}.table-tools input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}table{width:100%;border-collapse:collapse;color:#e5e7eb}thead th{text-align:left;font-size:13px;padding:12px 10px;color:#9ca3af;border-bottom:1px solid #1f2937;background:#0f172acc;position:sticky;top:0}tbody td{padding:12px 10px;border-bottom:1px solid #1f2937;font-size:14px}tbody tr{transition:.25s ease}tbody tr:hover{background:#6366f114;transform:scale(1.01)}.score-wrap{display:flex;align-items:center;gap:10px}.bar{width:100px;height:8px;background:#1f2937;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;border-radius:10px;transition:width .4s ease}.green{background:#22c55e}.yellow{background:#f59e0b}.red{background:#ef4444}.badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;display:inline-block}.badge.green{background:#22c55e26;color:#22c55e}.badge.yellow{background:#f59e0b26;color:#f59e0b}.badge.red{background:#ef444426;color:#ef4444}input[type=checkbox]{transform:scale(1.1);accent-color:#4f46e5}.seo-right{width:100%;display:flex;flex-direction:column}.panel{display:flex;flex-direction:column;gap:18px}.panel h3{color:#fff;font-size:18px;margin-bottom:5px}.circle{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:15px auto;position:relative;background:conic-gradient(var(--ring-color) calc(var(--score) * 1%),#1f2937 0)}.circle-inner{width:95px;height:95px;background:#0f172a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.circle-inner h2{margin:0;font-size:22px;color:#fff;font-weight:700}.circle-inner span{font-size:12px;color:#9ca3af}.panel label{color:#9ca3af;font-size:13px;margin-top:10px}.panel input,.panel textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:13px}.panel textarea{resize:none;height:80px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chips span{background:#6366f126;color:#a5b4fc;padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(99,102,241,.3);transition:.2s}.chips span:hover{transform:translateY(-2px);background:#6366f140}.compare-section h4{color:#fff;margin-bottom:10px}.compare-card{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;margin-bottom:12px;transition:.3s ease}.compare-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f126}.compare-header{display:flex;justify-content:space-between;align-items:center;color:#fff}.compare-link{color:#6366f1;font-size:13px;text-decoration:none}.compare-list{margin-top:10px;padding-left:18px;color:#cbd5e1;font-size:13px}.analysis-section h4{color:#fff;margin-bottom:10px}.analysis-card{background:#0b1220;border:1px solid rgba(255,255,255,.06);padding:14px;border-radius:14px;margin-bottom:12px}.analysis-title{display:flex;justify-content:space-between;color:#fff}.analysis-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.analysis-keywords span{font-size:12px;background:#22c55e26;color:#22c55e;padding:4px 8px;border-radius:999px}.analysis-list{color:#cbd5e1;font-size:13px;padding-left:18px}.gap-box h4{color:#fff;margin-bottom:10px}.gap-item{background:linear-gradient(145deg,#0b1220,#0f172a);border-radius:14px;padding:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.06)}.gap-item h5{color:#fff;margin-bottom:8px}.trend-box{margin-top:10px}.trend-box h4{color:#fff;margin-bottom:12px;font-size:16px}.trend-item{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:12px;transition:all .25s ease;position:relative;overflow:hidden}.trend-item:hover{transform:translateY(-4px);box-shadow:0 15px 40px #6366f126;border-color:#6366f14d}.trend-item h5{color:#fff;font-size:14px;margin-bottom:8px}.trend-item p{color:#9ca3af;font-size:13px;margin:3px 0}.trend-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.trend-badge.up,.trend-badge.increasing,.trend-badge.positive{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.trend-badge.down,.trend-badge.decreasing,.trend-badge.negative{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.trend-badge.stable,.trend-badge.same{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.mi-page{background:#07111f;min-height:100vh;padding:22px;color:#fff;font-family:Arial,sans-serif}.mi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.mi-top h1{margin:0;font-size:28px}.mi-top p{margin-top:6px;color:#8ea2c0;font-size:13px}.mi-btn{background:#0f1d34;color:#fff;border:1px solid #1c2f4d;padding:10px 14px;border-radius:8px;cursor:pointer}.mi-filters{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin-bottom:16px}.mi-filters button,.mi-filters input{background:#0b1528;border:1px solid #16243d;color:#fff;padding:11px;border-radius:10px}.mi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mi-card{background:#0b1528;border:1px solid #16243d;border-radius:14px;padding:16px}.up{color:#22c55e}.down{color:#ef4444}.big{grid-column:span 2;height:290px}.side{height:290px}.fake-chart{height:220px;margin-top:12px;border-radius:12px;background:linear-gradient(180deg,#0f5d67,#173b4d);position:relative;overflow:hidden}.bars{position:absolute;bottom:18px;left:45px;display:flex;gap:24px;align-items:flex-end}.bars span{width:28px;background:#61d8de;border-radius:4px 4px 0 0}.bars span:nth-child(1){height:40px}.bars span:nth-child(2){height:78px}.bars span:nth-child(3){height:98px}.bars span:nth-child(4){height:145px}.arrow{position:absolute;width:160px;height:2px;background:#7ce8ef;top:95px;left:60px;transform:rotate(-28deg)}.arrow:after{content:"";position:absolute;right:-6px;top:-4px;border-left:10px solid #7ce8ef;border-top:5px solid transparent;border-bottom:5px solid transparent}.region-box{height:200px;background:#ddd;color:#888;border-radius:4px;margin-top:18px;display:flex;justify-content:center;align-items:center}.tabs{display:flex;gap:20px;margin:18px 0 10px;color:#8ea2c0}.tabs .active{color:#fff}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:14px;text-align:left;border-top:1px solid #14233d;font-size:13px}.table-wrap th{color:#8ea2c0;border-top:none}.green-text{color:#22c55e}@media(max-width:1000px){.mi-grid,.mi-filters{grid-template-columns:1fr}.big,.side{grid-column:span 1;height:auto}.mi-top{flex-direction:column;gap:10px}}.history-list{margin-top:18px}.history-list h5{margin-bottom:10px;color:#1f2937}.history-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px}.real-chart{width:100%;height:260px;margin-top:10px}.tabs span{cursor:pointer;transition:.2s ease}.mi-page{padding:20px}.mi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mi-top h1{margin:0;color:#fff;font-size:22px;font-weight:700}.mi-top p{margin-top:4px;color:#9ca3af;font-size:13px}.mi-btn{padding:10px 14px;border-radius:10px;border:none;background:#4f46e5;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .22s ease}.mi-btn:hover{background:#4338ca;transform:translateY(-2px)}.mi-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.mi-filters button,.mi-filters input{padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#111827;color:#e5e7eb;font-size:13px;outline:none}.mi-filters input{min-width:260px;flex:1}.mi-filters input:focus{border-color:#4f46e5}.mi-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-bottom:20px}.mi-card{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;transition:all .22s ease}.mi-card:hover{transform:translateY(-3px);border-color:#6366f12e}.mi-card.stat{grid-column:span 3}.mi-card.stat small{color:#9ca3af;font-size:12px}.mi-card.stat h3{margin:8px 0 4px;color:#fff;font-size:22px;font-weight:700}.mi-card.stat span{font-size:12px;font-weight:500}.mi-card.stat .up{color:#22c55e}.mi-card.big{grid-column:span 8}.mi-card.big h4,.mi-card.side h4{margin:0 0 12px;color:#fff;font-size:15px;font-weight:600}.real-chart{width:100%;height:260px;padding-top:4px}.mi-card.side{grid-column:span 4}.region-box{height:250px;border-radius:12px;border:1px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:13px;background:#ffffff05}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs span{padding:8px 12px;border-radius:10px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tabs span:hover{color:#fff;background:#ffffff08}.tabs span.active{color:#fff;background:#6366f11a}.table-wrap{padding:0;overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse;color:#e5e7eb}.table-wrap thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.06)}.table-wrap tbody td{padding:14px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.table-wrap tbody tr:hover{background:#6366f10a}.green-text{color:#22c55e;font-weight:500}@media(max-width:980px){.mi-grid{grid-template-columns:1fr}.mi-card.stat,.mi-card.big,.mi-card.side{grid-column:auto}.mi-top{flex-direction:column;align-items:flex-start;gap:12px}.mi-filters{flex-direction:column}.mi-filters input{min-width:100%}}.ca-page{background:#07111f;min-height:100vh;padding:22px;color:#fff;font-family:Arial,sans-serif}.ca-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ca-top h1{margin:0;font-size:28px}.ca-top p{margin-top:6px;color:#8ea2c0;font-size:13px}.stat small{color:#8ea2c0}.stat h3{margin:8px 0;font-size:28px}.green{color:#22c55e}.red{color:#ef4444}ul{padding-left:18px;line-height:1.8;color:#bcd1ef}.chart-box{margin-top:10px}.fake-chart{margin-top:14px;height:250px;border-radius:12px;background:linear-gradient(180deg,#0c1f39,#132c4a);position:relative;overflow:hidden}.bars{position:absolute;bottom:18px;left:45px;display:flex;gap:18px;align-items:flex-end}.bars span{width:28px;background:#35c0ff;border-radius:4px 4px 0 0}.bars span:nth-child(1){height:50px}.bars span:nth-child(2){height:90px}.bars span:nth-child(3){height:130px}.bars span:nth-child(4){height:180px}.line{position:absolute;height:2px;width:180px;transform:rotate(-28deg)}.one{background:#22c55e;top:160px;left:40px}.two{background:#f59e0b;top:135px;left:80px}.three{background:#60a5fa;top:110px;left:120px}@media(max-width:1000px){.ca-filters,.ca-stats,.ca-main{grid-template-columns:1fr}.ca-top{flex-direction:column;gap:10px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;width:420px;padding:24px;border-radius:12px;background-color:#07111f}.modal-content h2{margin-bottom:16px}.modal-content input{color:#fff}.modal-content input,.modal-content select{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ddd;border-radius:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.competitor-scrape-table{margin-top:24px;background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.competitor-scrape-table h3{margin-bottom:14px;font-size:18px;font-weight:600;color:#0f172a}.competitor-scrape-table table{width:100%;border-collapse:collapse}.competitor-scrape-table th{text-align:left;padding:12px 10px;font-size:13px;color:#64748b;border-bottom:1px solid #e2e8f0}.competitor-scrape-table td{padding:12px 10px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.competitor-scrape-table a{color:#0ea5e9;text-decoration:none}.scrape-modal{width:460px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 50px #0f172a26}.scrape-modal h3{margin-bottom:18px;font-size:20px;font-weight:600;color:#0f172a}.scrape-modal label{display:block;margin:12px 0 6px;font-size:14px;color:#475569}.scrape-modal select,.scrape-modal input{width:100%;padding:12px 14px;border:1px solid #dbe2ea;border-radius:10px;outline:none}.scrape-modal input:focus,.scrape-modal select:focus{border-color:#3b82f6}.ca-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:5px}.ca-btn{padding:11px 14px;border-radius:10px;border:1px solid #374151;background:#111827;color:#e5e7eb;cursor:pointer;transition:all .25s ease;font-weight:500;font-size:14px}.ca-btn:hover{transform:translateY(-2px);background:#1f2937;border-color:#4f46e5}.ca-btn.primary{background:#4f46e5;border:none;color:#fff}.ca-btn.primary:hover{background:#4338ca}.ca-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px}.ca-filters select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:14px;transition:all .25s ease;cursor:pointer}.ca-filters select:hover{border-color:#4f46e5}.ca-filters select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e}.ca-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:22px}.ca-card.stat{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;transition:all .25s ease;position:relative;overflow:hidden}.ca-card.stat:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:999px;background:linear-gradient(to right,transparent,#4f46e5,transparent);opacity:.5}.ca-card.stat:hover{transform:translateY(-4px);border-color:#6366f133;box-shadow:0 14px 36px #00000059}.ca-card.stat small{display:block;color:#9ca3af;font-size:12px;margin-bottom:8px;letter-spacing:.2px}.ca-card.stat h3{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.2}.ca-card.stat h3:after{content:"";display:block;width:42px;height:3px;margin-top:12px;border-radius:999px;background:#ffffff14}.ca-card.stat span{display:inline-block;margin-top:12px;font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px}.ca-card.stat span.green{color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.22)}.ca-card.stat span.red{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.ca-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:18px;align-items:start;margin-top:18px}.sidebar{display:flex;flex-direction:column;gap:16px}.ca-card{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;box-shadow:0 10px 36px #00000059;transition:all .25s ease}.ca-card:hover{transform:translateY(-3px);border-color:#6366f12e}.ca-card h4{margin:0 0 14px;color:#fff;font-size:16px;font-weight:600}.sidebar .ca-card ul{list-style:none;padding:0;margin:0}.sidebar .ca-card ul li{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 14px;margin-bottom:10px;color:#cbd5e1;font-size:13px;line-height:1.6;transition:.22s ease}.sidebar .ca-card ul li:hover{background:#6366f10d;border-color:#6366f126;transform:translateY(-2px)}.sidebar .ca-card ul li strong{display:inline-block;color:#fff;font-size:14px;margin-bottom:4px}.sidebar .ca-card p{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.04);color:#cbd5e1;font-size:13px;line-height:1.5}.sidebar .ca-card p strong{color:#fff}.sidebar .ca-card>p{color:#9ca3af;font-size:13px}@media(max-width:1100px){.ca-main{grid-template-columns:1fr}}.ca-card.table-box{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;box-shadow:0 10px 36px #00000059;overflow-x:auto}.ca-card.table-box h4{margin:0 0 14px;color:#fff;font-size:16px;font-weight:600}.ca-card.table-box table{width:100%;border-collapse:collapse;color:#e5e7eb;min-width:900px}.ca-card.table-box thead th{text-align:left;padding:12px 10px;font-size:12px;font-weight:500;color:#9ca3af;border-bottom:1px solid #1f2937;background:#0f172ab3}.ca-card.table-box tbody td{padding:13px 10px;font-size:13px;border-bottom:1px solid #1f2937;transition:.2s ease}.ca-card.table-box tbody tr{transition:all .22s ease}.ca-card.table-box tbody tr:hover{background:#6366f10f}.ca-card.table-box td.green{color:#22c55e;font-weight:600}.ca-card.table-box td.red{color:#ef4444;font-weight:600}.ca-card.table-box a{color:#6366f1;text-decoration:none;font-size:13px;font-weight:500;transition:.2s ease}.ca-card.table-box a:hover{color:#818cf8;text-decoration:underline}.ai-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-meta span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#6366f114;border:1px solid rgba(99,102,241,.15);color:#c7d2fe}.price-diff{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.2px;line-height:1}.price-diff.up{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.18)}.price-diff.down{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.18)}.modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:480px;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:12px}.modal-content h2{margin:0 0 6px;color:#fff;font-size:18px;font-weight:600}.modal-content input,.modal-content select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:14px;transition:all .22s ease}.modal-content input:focus,.modal-content select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529}.modal-content input::placeholder{color:#6b7280}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions button:hover{transform:translateY(-2px);background:#1f2937;border-color:#4f46e5}.modal-actions button:first-child{background:#4f46e5;border:none;color:#fff}.modal-actions button:first-child:hover{background:#4338ca}.modal-backdrop{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.scrape-modal{width:100%;max-width:460px;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:12px}.scrape-modal h3{margin:0 0 6px;color:#fff;font-size:18px;font-weight:600}.scrape-modal label{color:#9ca3af;font-size:13px;margin-top:2px}.scrape-modal input,.scrape-modal select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:14px;transition:all .22s ease}.scrape-modal input::placeholder{color:#6b7280}.scrape-modal input:focus,.scrape-modal select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529}.scrape-modal .modal-actions{display:flex;gap:10px;margin-top:8px}.scrape-modal .modal-actions .btn{flex:1;padding:11px 14px;border-radius:10px;border:1px solid #374151;background:#111827;color:#e5e7eb;cursor:pointer;font-weight:500;transition:all .22s ease}.scrape-modal .modal-actions .secondary:hover{transform:translateY(-2px);background:#1f2937;border-color:#4f46e5}.scrape-modal .modal-actions .primary{background:#4f46e5;border:none;color:#fff}.scrape-modal .modal-actions .primary:hover:not(:disabled){transform:translateY(-2px);background:#4338ca}.scrape-modal .modal-actions .primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.container{padding:20px}.header{display:flex;justify-content:space-between;align-items:center}.add-btn{background:#2563eb;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card{background:#1e293b;padding:15px;border-radius:10px}.card h3{color:#94a3b8;font-size:14px}.table-container{background:#1e293b;padding:15px;border-radius:10px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.search{width:60%;padding:10px;border-radius:6px;border:none;color:#fff}.icon-btn{background:#334155;border:none;padding:8px 10px;border-radius:6px;color:#fff;cursor:pointer}.export-btn{background:#2563eb;border:none;padding:8px 12px;border-radius:6px;color:#fff;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left}th{color:#94a3b8}tr{border-top:1px solid #334155}.status{padding:5px 10px;border-radius:5px;font-size:12px}.status.instock{background:#16a34a}.status.low{background:#f59e0b}.status.out{background:#ef4444}.edit-btn{background:transparent;color:#3b82f6;border:none;cursor:pointer}input{background:#0f172a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#0f172a;padding:20px;border-radius:10px;width:400px;display:flex;flex-direction:column;gap:10px}.modal input,.modal textarea{padding:8px;color:#fff;border:1px solid #ddd;border-radius:6px}.modal-actions{display:flex;justify-content:space-between;margin-top:10px}.delete-btn{background:red;color:#fff;border:none;padding:6px 10px;margin-left:5px;border-radius:5px;cursor:pointer}.status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.status.instock{background:#d4edda;color:#155724}.status.lowstock{background:#fff3cd;color:#856404}.status.outofstock{background:#f8d7da;color:#721c24}.stock-control button{padding:4px 8px;border:none;background:#eee;cursor:pointer;border-radius:4px}.stock-control span{min-width:20px;text-align:center;font-weight:700}.sell-btn{background:#007bff;color:#fff;padding:5px 10px;margin-right:5px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#0f172a;border-radius:10px;width:400px;padding:20px;box-shadow:0 5px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-body{display:flex;flex-direction:column;gap:10px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.input{padding:8px;border:1px solid #ccc;border-radius:5px;color:#fff}.primary-btn{background:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:5px}.cancel-btn{background:#ddd;padding:6px 12px;border:none;border-radius:5px}.close-btn{background:none;border:none;font-size:18px;cursor:pointer}.product-name{font-weight:700;margin-bottom:10px}.container{padding:0 5px 5px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.header h1{color:#fff;font-size:28px;margin:0}.subtitle{color:#9ca3af;font-size:13px;margin-top:4px}.add-btn{padding:10px 14px;border-radius:10px;background:#4f46e5;color:#fff;border:none;cursor:pointer;transition:.25s ease;font-weight:500}.add-btn:hover{background:#4338ca;transform:translateY(-2px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-bottom:22px}.card{position:relative;padding:18px;border-radius:18px;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000059;transition:all .25s ease;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:999px;background:linear-gradient(to right,transparent,#4f46e5,transparent);opacity:.6}.card:hover{transform:translateY(-5px);border-color:#6366f140;box-shadow:0 18px 50px #00000080}.card h3{color:#9ca3af;font-size:12px;font-weight:500;margin-bottom:8px;letter-spacing:.3px;text-transform:uppercase}.card h2{color:#fff;font-size:22px;font-weight:700;margin:0;letter-spacing:-.5px}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(99,102,241,.08),transparent 60%);pointer-events:none}.table-container{background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}.table-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.search{flex:1;min-width:220px;padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none}.search:focus{border-color:#4f46e5}.actions{display:flex;gap:10px}.actions select{padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none}.icon-btn{padding:10px 12px;border-radius:10px;border:1px solid #374151;background:#111827;color:#fff;cursor:pointer;transition:.2s}.icon-btn:hover{border-color:#4f46e5;transform:translateY(-2px)}.export-btn{border-radius:10px;background:#4f46e5;border:none;color:#fff;cursor:pointer}.export-btn:hover{background:#4338ca}.table-container table{width:100%;border-collapse:collapse;color:#e5e7eb;min-width:900px}.table-container thead th{text-align:left;padding:12px;font-size:12px;color:#9ca3af;border-bottom:1px solid #1f2937}.table-container tbody td{padding:12px;border-bottom:1px solid #1f2937;font-size:13px}.table-container tbody tr:hover{background:#6366f10f}.table-container a{color:#6366f1;text-decoration:none}.table-container a:hover{text-decoration:underline}.stock-control{display:flex;align-items:center;gap:8px}.stock-control button{width:28px;height:28px;border-radius:8px;border:1px solid #374151;background:#111827;color:#fff;cursor:pointer}.stock-control button:hover{border-color:#4f46e5}.stock-control span{min-width:30px;text-align:center}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status.instock{background:#22c55e1f;color:#22c55e}.status.lowstock{background:#f59e0b1f;color:#f59e0b}.status.outofstock{background:#ef44441f;color:#ef4444}.edit-btn,.delete-btn,.sell-btn{padding:6px 10px;border-radius:8px;border:1px solid #374151;background:#111827;color:#fff;font-size:12px;margin-right:6px;cursor:pointer;transition:.2s}.edit-btn:hover{border-color:#4f46e5}.delete-btn:hover{border-color:#ef4444;color:#ef4444}.sell-btn:hover{border-color:#22c55e;color:#22c55e}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;box-shadow:0 25px 70px #00000080;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0 0 6px;color:#fff;font-size:18px;font-weight:600}.modal input,.modal textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;outline:none;font-size:14px;transition:all .22s ease}.modal textarea{resize:none;height:90px}.modal input:focus,.modal textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529}.modal input::placeholder,.modal textarea::placeholder{color:#6b7280}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:11px 14px;border-radius:10px;border:1px solid #374151;background:#111827;color:#e5e7eb;cursor:pointer;font-weight:500;transition:all .22s ease}.modal-actions button:hover{transform:translateY(-2px);border-color:#4f46e5;background:#1f2937}.modal-actions button:last-child{background:#4f46e5;border:none;color:#fff}.modal-actions button:last-child:hover{background:#4338ca}.modal-actions button:first-child:hover{border-color:#ef4444}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal .form-grid input{width:100%}.modal textarea{width:100%;margin-top:4px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{width:100%;max-width:420px;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 25px 70px #00000080;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.close-btn{background:transparent;border:none;color:#9ca3af;font-size:22px;cursor:pointer;transition:.2s}.close-btn:hover{color:#ef4444;transform:scale(1.1)}.modal-body{padding:18px;display:flex;flex-direction:column;gap:12px}.product-name{font-size:15px;font-weight:600;color:#fff;margin:0}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#fff;font-size:14px;outline:none;transition:all .22s ease}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529}.modal-footer{display:flex;gap:10px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.06)}.cancel-btn,.primary-btn{flex:1;padding:11px 14px;border-radius:10px;border:1px solid #374151;font-weight:500;cursor:pointer;transition:all .22s ease}.cancel-btn{background:#111827;color:#e5e7eb}.cancel-btn:hover{border-color:#ef4444;color:#ef4444;transform:translateY(-2px)}.primary-btn{background:#4f46e5;border:none;color:#fff}.primary-btn:hover{background:#4338ca;transform:translateY(-2px)}body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}.ai-container{padding:20px}.subtitle{color:#94a3b8;margin-bottom:20px}.ai-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px}.left-panel{background:#1e293b;padding:20px;border-radius:10px}.left-panel h3{margin-top:15px;margin-bottom:10px}.btn-group{display:flex;flex-direction:column;gap:10px}.btn-group button{background:transparent;border:1px solid #334155;padding:10px;border-radius:6px;color:#fff;cursor:pointer}.btn-group .active{background:#2563eb}label{display:block;margin-top:10px;margin-bottom:5px;color:#94a3b8}input,textarea,select{width:100%;padding:10px;border-radius:6px;border:none;margin-bottom:10px}textarea{min-height:80px}.generate-btn{width:100%;padding:12px;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px}.right-panel{background:#1e293b;border-radius:10px;padding:20px}.output-box{height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border:1px dashed #334155;border-radius:10px}.placeholder .icon{font-size:30px;margin-bottom:10px}.placeholder h3{margin-bottom:5px}.placeholder p{color:#94a3b8}