:root{--pink:#e943b9;--purple:#3d183a;--line:#efd8e9;--pale:#fcf7fb;--muted:#876d82;--mint:#e8f9f4}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--purple);font-family:Cairo,Arial,sans-serif;font-size:14px}.site-header{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:0 max(5vw,25px);position:sticky;top:0;z-index:2}.logo{font-weight:800;text-decoration:none;color:var(--purple);font-size:16px}.logo b{display:inline-grid;place-items:center;width:29px;height:29px;color:#fff;background:var(--pink);border-radius:9px;margin-left:5px}.site-header nav{display:flex;gap:22px}.site-header a{color:#74576e;text-decoration:none;font-size:12px}.nav-actions{margin-right:auto;display:flex;gap:14px}.nav-actions span{background:var(--pink);color:white;border-radius:50%;padding:1px 6px}.page{max-width:1180px;margin:auto;padding:48px 24px;min-height:calc(100vh - 125px)}footer{text-align:center;padding:25px;color:var(--muted);border-top:1px solid var(--line);font-size:11px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center;min-height:440px}.kicker{color:#c42c9b;font-weight:800;font-size:11px;margin:0 0 9px}.hero h1,.section-title h1,.auth h1,.analysis-page h1{font-size:43px;line-height:1.35;margin:0 0 13px}.hero em{color:var(--pink);font-style:normal}.hero p{color:var(--muted);max-width:500px;line-height:2}.buttons{display:flex;gap:10px;margin-top:22px}.primary,.secondary{border:0;border-radius:9px;padding:11px 17px;font:700 13px Cairo;cursor:pointer;text-decoration:none}.primary{background:var(--pink);color:#fff}.secondary{background:#fff;color:#c52a9c;border:1px solid var(--line)}.link{display:inline-block}.wide{width:100%}.hero-art{height:330px;border-radius:23px;background:linear-gradient(145deg,#f36ed0,#d835aa);color:white;display:grid;place-items:center;text-align:center;box-shadow:0 22px 40px #e943b944}.hero-art span{font-size:78px;opacity:.9}.hero-art b{font-size:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article,.card,.product,.cart-card,.result{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.features b{color:var(--pink)}.features h2{font-size:16px}.features p,.product p{color:var(--muted);font-size:12px;line-height:1.9}.flash{max-width:1132px;margin:15px auto 0;background:var(--mint);color:#167a65;padding:10px 15px;border-radius:8px}.error{background:#ffebf4;color:#b02573}.auth,.analysis-page{max-width:850px;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.auth form,.analysis-page form,.setup form{background:white;padding:22px;border:1px solid var(--line);border-radius:14px}label{display:grid;gap:5px;color:var(--muted);font-size:11px;margin:10px 0}input,select,textarea{font:inherit;border:1px solid var(--line);padding:10px;border-radius:8px;background:#fff;color:var(--purple)}textarea{min-height:65px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.product-image{height:120px;background:linear-gradient(145deg,#fce2f5,#f5b7e5);border-radius:10px;display:grid;place-items:center;font-size:42px;color:#d637ad}.product h2{font-size:15px;margin-bottom:3px}.product>b{display:block;margin:12px 0}.tags span{background:#fce7f7;color:#bd2f99;padding:3px 7px;border-radius:5px;font-size:10px;margin-left:4px}.product details{margin:10px 0;color:var(--muted);font-size:11px}.product summary{cursor:pointer}.result h2{margin-top:0}.score{display:grid;grid-template-columns:90px 1fr 36px;gap:8px;align-items:center;margin:12px 0;font-size:12px}.score i{height:8px;background:#f4e6f0;border-radius:10px;overflow:hidden}.score i b{display:block;height:100%;background:var(--pink);border-radius:10px}.notice{font-size:11px;color:var(--muted)}.cart{max-width:650px;margin:auto}.empty{text-align:center;padding:55px;background:white;border:1px dashed var(--line);color:var(--muted)}.cart-card>div{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-card span{color:var(--muted);margin-right:auto}.cart-card form{margin-right:auto}.cart-card button:not(.primary){color:#c12d99;border:0;background:transparent;font:inherit;cursor:pointer}.cart-card em{float:left;color:var(--pink);font-style:normal}.dashboard{display:grid;grid-template-columns:205px 1fr;gap:20px}.dashboard>aside{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;height:max-content}.dashboard aside h2{font-size:17px;margin:0 0 13px}.dashboard aside a{display:block;text-decoration:none;color:#74576e;padding:9px;border-radius:8px;font-size:12px}.dashboard aside a.active{background:#fce7f7;color:#c52a9c;font-weight:800}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-heading h1{margin:0;font-size:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;border-top:4px solid var(--pink)}.stat-grid small{color:var(--muted)}.stat-grid strong{display:block;font-size:22px;margin-top:7px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card h2{font-size:16px;margin-top:0}.line{padding:10px 0;border-bottom:1px solid #f3e7ef}.line b{display:block;font-size:12px}.line span{font-size:11px;color:var(--muted)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:right;padding:11px 8px;border-bottom:1px solid #f3e7ef;font-size:11px}th{color:var(--muted);background:#fdf9fc}.inline-form{display:flex;gap:8px;margin-top:16px}.inline-form input{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid label{margin:0}.form-grid .full{grid-column:1/-1}.setup{max-width:520px;margin:50px auto;background:#fff;padding:28px;border-radius:16px;border:1px solid var(--line)}.setup h1{margin-top:0}.setup h2{font-size:15px;margin-top:22px}@media(max-width:760px){.site-header{gap:12px;padding:0 16px}.site-header nav{display:none}.page{padding:28px 16px}.hero,.auth,.analysis-page,.dashboard{grid-template-columns:1fr}.hero h1,.section-title h1,.auth h1,.analysis-page h1{font-size:30px}.hero-art{height:190px}.features,.product-grid,.stat-grid,.dash-columns{grid-template-columns:1fr}.dashboard>aside{display:flex;gap:4px;overflow:auto}.dashboard>aside h2,.dashboard>aside .kicker{display:none}.dashboard aside a{white-space:nowrap}.inline-form,.form-grid{display:grid;grid-template-columns:1fr}.buttons{flex-wrap:wrap}}
