@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f7fa;--panel:#fff;--ink:#17223a;--muted:#758096;--line:#e8ecf2;--nav:#131f34;--accent:#a97734;--gold:#e4be79;--blue:#3159a5;--shadow:0 8px 35px rgba(28,36,66,.035);--radius:18px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:29px;letter-spacing:-.045em;margin:5px 0 0}h3{font-size:16px;letter-spacing:-.02em;margin:0}.layout{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--nav);color:#dfe5ef;padding:29px 17px 24px;display:flex;flex-direction:column;flex-shrink:0;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-size:15px;font-weight:800;color:white;line-height:1.2;letter-spacing:-.04em;padding:6px 12px 42px}.brand-icon{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(130deg,#fbe3b1,#a97734);color:#65421b;font-size:24px}.brand small{display:block;letter-spacing:.21em;font-size:9px;font-weight:700;color:#b3bac6;margin-top:6px}.nav-title{letter-spacing:.16em;font-size:10px;color:#8190aa;font-weight:700;padding:0 15px 12px}.sidebar nav{display:grid;gap:7px}.navlink{display:block;padding:12px 16px;border-radius:11px;color:#b7c4d7;font-weight:600;transition:background .15s}.navlink:hover{background:#24334f}.navlink.active{color:#f8e0b9;background:#2a3850;box-shadow:inset 3px 0 #d7a85d}.sidebar-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #354055;padding:23px 5px 8px;margin-top:auto}.avatar{width:36px;height:36px;border-radius:12px;background:#e2c38b;color:#44351b;display:flex;align-items:center;justify-content:center;font-weight:800}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px;color:#e9edf5}.sidebar-foot small{font-size:10px;color:#94a2b8}.logout{border:0;background:none;color:#aebdd0;padding:10px 48px;font-size:12px}.logout:hover{color:white}.main{flex:1;min-width:0}.top{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbrand{font-weight:800;letter-spacing:-.025em;font-size:14px}.topbrand span{font-weight:400;color:#8090a2}.top-right{color:#7d8796;font-size:12px}.statusdot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#4fb38a;margin-right:7px}.content{max-width:1460px;margin:0 auto;padding:29px 34px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.eyebrow{font-size:10px;font-weight:800;color:#a37941;letter-spacing:.17em}.hero{position:relative;display:flex;overflow:hidden;min-height:242px;background:linear-gradient(112deg,#1c2d47 4%,#233652 58%,#253b5d 100%);border-radius:19px;color:white;padding:30px 34px;margin-bottom:18px}.hero>div:first-child{position:relative;z-index:1;max-width:600px}.herolabel{color:#ecd0a3;font-size:10px;font-weight:700;letter-spacing:.13em}.hero h2{font-size:28px;line-height:1.25;letter-spacing:-.045em;margin:14px 0 9px}.hero h2 em{font-style:normal;color:#f2d29c}.hero p{color:#cad3e0;max-width:520px;font-size:13px;line-height:1.7;margin-bottom:18px}.heroart{position:absolute;right:7%;top:13%;width:220px;height:220px;border:1px solid rgba(241,206,146,.18);border-radius:50%;display:flex;align-items:center;justify-content:center}.heroart:before,.heroart:after{content:'';position:absolute;inset:23px;border-radius:50%;border:1px solid rgba(241,206,146,.16)}.heroart:after{inset:51px}.heroart span{font-size:55px;color:#f0d5aa}.heroart i{position:absolute;inset:-35px;border:1px solid rgba(241,206,146,.09);border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric{background:white;border:1px solid var(--line);border-radius:16px;padding:19px 20px;box-shadow:var(--shadow)}.metric small,.metric span{display:block;color:var(--muted)}.metric small{font-size:11px;font-weight:700}.metric b{display:block;font-size:31px;line-height:1.5;font-family:Manrope;letter-spacing:-.05em}.metric span{font-size:11px}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}.split.reverse{grid-template-columns:1.15fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);min-width:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.sectionhead h3{font-size:16px}.chip{display:inline-block;white-space:nowrap;padding:5px 10px;border-radius:100px;font-size:10px;font-weight:800}.chip.soft{background:#eff5f2;color:#477d65}.chip.warm{background:#fbf1dd;color:#937043}.chip.warn{background:#fff1dc;color:#a05d20}.textlink{color:#9d763c;font-size:12px;font-weight:700}.rows{display:grid;gap:0}.listrow{min-height:68px;border-top:1px solid #eef0f4;padding:12px 2px;display:flex;align-items:center;gap:13px}.listrow:hover .row-main strong{color:#976c30}.round-icon{height:36px;width:36px;border-radius:12px;background:#f4f2ed;display:flex;align-items:center;justify-content:center;color:#9d793f;flex-shrink:0;font-size:19px}.row-main{flex:1;min-width:0}.row-main strong,.row-main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-main strong{font-size:12px}.row-main small{font-size:11px;color:#8590a0;margin-top:3px}.salon-avatar{background:#f8f0e2;color:#8a6131;min-width:36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:15px}.steps{display:grid}.steps>div{display:flex;gap:13px;padding:11px 0}.steps strong,.steps small{display:block}.steps strong{font-size:12px}.steps small{font-size:11px;color:var(--muted);margin-top:2px}.stepok,.stepsoon{display:flex;justify-content:center;align-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;font-weight:900}.stepok{color:#3a936d;background:#e6f5ee}.stepsoon{color:#9a9daa;background:#f1f3f7}.footer{color:#9ca6b4;font-size:11px;text-align:center;margin-top:23px;padding-bottom:15px}.empty{text-align:center;padding:33px 12px}.empty span{display:block;font-size:34px;color:#d2a96c;margin-bottom:7px}.empty b{display:block}.empty p{max-width:320px;margin:5px auto 18px;color:var(--muted);font-size:12px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:11px 17px;font-weight:800;font-size:12px;transition:transform .1s,filter .1s}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button.primary{background:#243752;color:white}.button.secondary{background:#eef2f6;color:#27384e}.button.light{background:#eac992;color:#243044}.button.linkbtn{background:none;color:#a04747;padding-left:0}.button.wide{width:100%}.muted,.hint{color:var(--muted)}.hint,.small{font-size:12px}.notice{padding:14px 19px;border:1px solid #dce6f0;background:#f0f5fa;border-radius:13px;display:flex;gap:12px;align-items:center;margin-bottom:18px;font-size:12px}.notice b{color:#2d4e79;white-space:nowrap}.notice span{color:#687f98}.notice a{color:#274f98;text-decoration:underline}.formgrid{display:grid;gap:15px}.formgrid label,.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#3b485c}.formgrid input,.formgrid textarea,.formgrid select,.auth-card input,.filterbar select{display:block;width:100%;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#26354a;outline:0;padding:12px 13px;min-height:43px;font-size:13px;font-weight:500}.formgrid input:focus,.formgrid textarea:focus,.formgrid select:focus,.auth-card input:focus{border-color:#c6a373;box-shadow:0 0 0 3px rgba(217,181,128,.18)}.formgrid textarea{resize:vertical;min-height:70px}.formgrid .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.alert{border-radius:11px;padding:13px 16px;font-size:12px;margin-bottom:17px}.alert.success{background:#e8f5ee;color:#317451}.alert.error{background:#fdf0ed;color:#a63b35}.variationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.variation{border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;flex-direction:column}.variationtop{display:flex;align-items:center;justify-content:space-between;gap:8px}.variationnumber{font-size:18px;font-weight:800;color:#bea77e}.variation h3{font-size:15px;margin:15px 0 10px}.caption-preview{white-space:normal;color:#344459;font-size:12px;line-height:1.75;flex:1}.tags{color:#406ca8;font-size:12px;line-height:1.65}.concept{background:#f8f9fb;padding:12px;border-radius:10px;margin:11px 0 15px;font-size:11px}.concept p{color:var(--muted);margin:3px 0 0}.aside-panel .editor-flow{margin-top:20px}.fstep{display:flex;gap:14px;margin:0 0 28px}.fstep>span{width:38px;height:38px;border-radius:12px;background:#f6f1e9;display:grid;place-items:center;color:#a37d47;font-weight:800;flex-shrink:0}.fstep b{font-size:13px}.fstep p{font-size:12px;color:var(--muted);margin:4px 0 0}.tip{padding:13px 15px;background:#f5f8fb;border-radius:11px;font-size:12px}.tip p{margin:5px 0 0;color:var(--muted)}.social-preview{border:1px solid #e6eaf0;border-radius:13px;overflow:hidden;max-width:540px;margin:auto}.social-name{display:flex;gap:10px;align-items:center;padding:11px}.social-name b{font-size:12px}.social-image{width:100%;max-height:450px;object-fit:cover;display:block}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(125deg,#faf1e6,#ecede9);color:#927a5c}.image-placeholder span{font-size:40px}.image-placeholder p{font-size:12px}.social-body{padding:15px;font-size:12px;line-height:1.75}.social-body p{margin:8px 0 0}.smalllink{overflow-wrap:anywhere;color:#6b829a}.subpanel{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.upload-row{display:grid;gap:10px}.upload-row input{width:100%;font-size:12px}.filterbar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.filterbar select{width:auto;min-width:160px}.auth-body{min-height:100vh;background:radial-gradient(ellipse at 25% 15%,#32465e,#162237 57%,#101b2e);display:flex;align-items:center;justify-content:center;padding:25px}.auth-card{background:white;border-radius:22px;padding:37px;width:min(100%,430px);box-shadow:0 30px 70px rgba(0,0,0,.18)}.auth-emblem{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f5e6c7;color:#9a7344;font-size:32px;margin-bottom:18px}.auth-card h1{font-size:28px;margin:5px 0 5px}.auth-card .muted{font-size:13px;margin-bottom:25px}.auth-card form{display:grid;gap:17px}.auth-hint{font-size:11px;color:#8d96a5;margin-top:23px;margin-bottom:0;text-align:center}@media(max-width:1140px){.variationgrid{grid-template-columns:1fr}.heroart{right:-30px}.metrics{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{grid-template-columns:1fr}}@media(max-width:760px){.layout{display:block}.sidebar{min-height:auto;width:100%;padding:12px;display:block}.sidebar .brand{padding:2px 6px 14px}.sidebar .nav-title,.sidebar-foot,.sidebar form{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:5px}.navlink{white-space:nowrap;padding:9px 11px;font-size:11px}.top{padding:0 16px;height:47px}.top-right{font-size:10px}.content{padding:20px 13px}.pagehead{margin-bottom:18px}.pagehead h1{font-size:24px}.hero{padding:23px 21px;min-height:250px}.hero h2{font-size:22px}.heroart{opacity:.18;right:-80px;top:0}.metric{padding:14px}.metric b{font-size:25px}.metrics{gap:9px}.panel{padding:17px}.notice{display:block}.notice b{display:block;margin-bottom:4px}.variationgrid{grid-template-columns:1fr}.chip{font-size:9px}.footer{padding-bottom:25px}}
/* AI Trendvadász v1.1 */
.trend-intro{background:linear-gradient(110deg,#192f4c,#314968);color:white;padding:27px 32px;border-radius:18px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.trend-intro h2{font-size:25px;letter-spacing:-.035em;line-height:1.3;margin:10px 0}
.trend-intro h2 em{font-style:normal;color:#eac992}
.trend-intro p{font-size:12px;line-height:1.7;color:#d1deeb;max-width:670px}
.trend-intro .eyebrow{color:#eac992}.trend-icon{font-size:88px;color:#eac992;opacity:.5}
.trend-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}
.trend-stats>div{background:#f7f8fa;border-radius:12px;padding:15px}
.trend-stats b{display:block;font-size:28px;letter-spacing:-.05em}.trend-stats span{font-size:11px;color:#8390a0}
.trend-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.trend-card{border:1px solid #e9edf1;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0;background:#fff}
.trend-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.trend-card h3{font-size:17px;line-height:1.35;letter-spacing:-.02em}
.trend-hook{font-weight:650;color:#38475d;font-size:12px;line-height:1.6}
.trend-proof{background:#f7f8fa;border-radius:10px;padding:12px 14px;margin-top:auto}
.trend-proof b{font-size:11px;color:#758597}.trend-proof p{font-size:12px;line-height:1.6;margin:6px 0;color:#536579}
.trend-proof a{display:block;font-size:11px;text-decoration:underline;overflow-wrap:anywhere}
.trend-bottom{border-top:1px solid #edf0f4;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trend-use-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.trend-use-form select{border:1px solid #dce3ec;border-radius:9px;background:white;max-width:210px;padding:9px;font-size:12px;min-height:36px}
.trend-use-form .button{padding:10px 13px;white-space:nowrap}
@media(max-width:900px){.trend-cards{grid-template-columns:1fr}}
@media(max-width:760px){.trend-intro{padding:22px}.trend-intro h2{font-size:20px}.trend-icon{font-size:52px}.trend-bottom{align-items:flex-start}.trend-use-form select{max-width:100%}}

/* v1.2 – külön Pinterest / TikTok célzott keresés */
.chip.source-chip{background:#eff1fb;color:#5e4b9b}
.source-upgrade p{font-size:12px;margin:9px 0 12px}
.trend-card-head>span:first-child{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#trend-research-form select{cursor:pointer}
@media(max-width:760px){.filterbar select{min-width:120px}.trend-card-head{align-items:flex-start}}

.source-official-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:11px;color:#8290a2}
.source-official-links a{color:#3159a5;font-weight:700;text-decoration:underline}

/* v1.3 – AI havi poszttervező */
.planner-hero{background:linear-gradient(115deg,#1b304c,#3a506c);color:white;display:flex;justify-content:space-between;gap:15px;border-radius:18px;padding:28px 31px;margin-bottom:17px;overflow:hidden}
.planner-hero h2{font-size:25px;line-height:1.32;letter-spacing:-.025em;margin:9px 0}
.planner-hero h2 em{font-style:normal;color:#f0d3a2}
.planner-hero p{font-size:12px;line-height:1.8;color:#dce5f0;max-width:610px}
.planner-hero .eyebrow{color:#f0d3a2}
.planner-symbol{font-size:92px;line-height:1;color:#f0d3a2;opacity:.55}
.planner-filter{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0 24px}
.planner-filter label,.planner-create label{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:12px;color:#44556c}
.planner-filter select,.planner-filter input,.planner-create select,.planner-edit select,.planner-edit input,.planner-edit textarea{border:1px solid #dce3ec;border-radius:9px;padding:11px 12px;background:white;color:#2a394f;min-width:155px;font-size:12px}
.planner-filter label:first-child select{min-width:220px}
.planner-create{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #edf0f4}
.planner-create small{width:100%}
.planner-blank{border:1px dashed #d8e0ec;border-radius:13px;background:#fbfcfe;padding:21px;margin:12px 0 17px}
.planner-blank b{font-size:14px}.planner-blank p{color:#7d8ba0;font-size:12px;margin-top:8px}
.planner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:19px}
.planner-stats>div{padding:17px;background:#f6f8fa;border-radius:12px}
.planner-stats b{display:block;font-size:26px;color:#23364d}.planner-stats span{font-size:11px;color:#73859c}
.planner-list{display:grid;gap:12px}
.planner-item{display:flex;gap:16px;border:1px solid #e7ecf2;border-radius:14px;padding:18px;background:#fff}
.planner-date{flex:0 0 64px;background:#f6f0e7;color:#775e39;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 4px}
.planner-date b{font-size:27px;letter-spacing:-.05em}.planner-date small{font-size:10px;font-weight:650}
.planner-copy{min-width:0;flex:1}.planner-item-top{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.planner-copy h3{font-size:16px;margin-bottom:5px}.planner-copy p{color:#65768d;font-size:12px;line-height:1.7;margin:6px 0}
.planner-photo{font-style:italic}.planner-buttons{margin:15px 0}.planner-buttons form{display:inline-flex}
.planner-edit{border-top:1px solid #edf1f5;margin-top:16px;padding-top:12px;font-size:12px;color:#677a94}
.planner-edit summary,.planner-delete summary{cursor:pointer;font-weight:700}
.planner-edit .formgrid{margin-top:16px;max-width:600px}
.planner-edit input,.planner-edit textarea,.planner-edit select{width:100%;min-width:0}
.planner-delete{border-top:1px solid #eef1f6;margin-top:24px;padding-top:16px;font-size:12px}
.planner-delete form{display:grid;justify-items:start;gap:9px;margin-top:10px}.planner-delete input{accent-color:#3e5675}
@media(max-width:760px){.planner-hero{padding:23px 20px}.planner-symbol{display:none}.planner-hero h2{font-size:22px}.planner-filter{display:grid;grid-template-columns:1fr;align-items:stretch}.planner-filter select,.planner-filter input,.planner-filter label:first-child select{width:100%;min-width:0}.planner-create{display:grid}.planner-stats>div{padding:12px}.planner-stats b{font-size:21px}.planner-item{padding:12px;gap:10px}.planner-date{flex-basis:47px;padding:9px 3px}.planner-date b{font-size:22px}}