/* FLIRTOVA owner operations — production-facing premium design system */
:root{
 --bg:#151023;--sidebar:#1E172D;--pane:#271E37;--pane2:#36283F;--line:#56425E;
 --ink:#FFF9F7;--muted:#D2C1D0;--coral:#FF829E;--gold:#FFD09E;--mint:#93EACB;--blue:#B9D0FF
}
html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;
 background:radial-gradient(ellipse 800px 550px at 92% -20%,#70405c66,transparent),radial-gradient(ellipse 610px 620px at 0 90%,#4b2e5744,transparent),#151023;
 color:#fff9f7;font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(135deg,#ffc6d00b 0 1px,transparent 1px);background-size:60px 60px;opacity:.18}
header{min-height:96px;padding:16px clamp(17px,3vw,55px);position:sticky;top:0;z-index:8;
 background:linear-gradient(110deg,#23182dee,#231a35ed);backdrop-filter:blur(25px);
 border-bottom:1px solid #714d67;box-shadow:0 14px 42px #11091966}
.logo{gap:17px}.logo img{width:275px;height:94px;object-fit:contain}.brand-caption{font-size:10px;color:#F1C8D6;font-weight:900;letter-spacing:1.6px;line-height:18px;white-space:nowrap}
#session{color:#EADAE4;font-weight:700;font-size:12px}.header-right{flex-wrap:wrap;justify-content:flex-end}
.badge{border-color:#557D6E;background:#214239;color:#A8F8D2;padding:9px 13px;border-radius:25px}
main{max-width:1660px;padding:37px clamp(15px,3vw,52px) 90px}
.intro{margin-bottom:22px}.intro h1{font-size:clamp(29px,3vw,38px);font-weight:900;letter-spacing:-1.3px;line-height:1.2;margin-bottom:7px}
.intro p{font-size:13px;color:#D2C1D0}
button{border-radius:12px;padding:11px 15px;background:linear-gradient(120deg,#FF7B9C,#FFBE93);color:#351F31;
 min-height:42px;font-weight:900;box-shadow:0 5px 18px #1e112453;transition:background .14s,transform .14s,border .14s}
button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.045)}
button.secondary{background:linear-gradient(180deg,#382A42,#2D233D);color:#FBEFF6;border-color:#6D526B}
button.secondary:hover{background:#45314b}button.active{background:linear-gradient(110deg,#753A58,#85405D);border-color:#F1A0B1;color:#FFF3EE}
button.ok{background:#235544;color:#B8F3D6;border-color:#4b9279}button.danger{background:#6C344C;color:#ffe9ef;border-color:#BB6C85}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FFE0AE;outline-offset:3px}
.toolbar{background:#231A30cc;border:1px solid #584158;border-radius:20px;padding:10px;gap:6px;position:sticky;top:103px;z-index:5;
 box-shadow:0 15px 44px #130b1b77;backdrop-filter:blur(20px);margin:22px 0}
.toolbar button{font-size:12px;border-radius:11px;white-space:nowrap;box-shadow:none;min-height:41px}
.panel{background:linear-gradient(155deg,#2B203B,#231B35);border-color:#5B4560;border-radius:22px;
 padding:clamp(19px,2.2vw,29px);box-shadow:0 14px 41px #10091B5B;margin-bottom:19px}
.panel h2{font-size:20px;font-weight:900;letter-spacing:-.45px;margin-bottom:13px}
.panel h2:before{content:"";display:inline-block;vertical-align:middle;width:5px;height:21px;margin-right:12px;background:linear-gradient(#FF799B,#FFCCA1);border-radius:8px}
.panel p{color:#D4C5D6;font-size:13px;line-height:1.65}
#login{max-width:590px;margin:7vh auto;padding:39px;border-radius:25px;background:linear-gradient(155deg,#3D2642,#291C38);border-color:#99617E}
#login h1{font-size:32px;font-weight:900;letter-spacing:-1px;max-width:420px}
#login h1:before{content:none;display:none}
#login form{margin-top:25px}#login label{font-size:12px;font-weight:800;color:#F2DCE9}
#login input{margin-top:7px}#login button{width:100%;margin-top:9px}
.kpis{grid-template-columns:repeat(4,minmax(155px,1fr));gap:13px;margin-top:20px;margin-bottom:24px}
.kpi{min-height:136px;border-radius:19px;border:1px solid #6F526D;background:linear-gradient(140deg,#3E2A45,#281D37);
 position:relative;overflow:hidden;padding:23px;box-shadow:0 10px 25px #120a1d44}
.kpi:after{content:none;display:none}
.kpi small{font-size:12px;color:#DCC7D5;font-weight:800}.kpi strong{font-size:clamp(30px,3vw,43px);font-weight:900;color:#FFF6F3;margin-top:13px}
.kpi.alert{background:linear-gradient(145deg,#583244,#37213C);border-color:#AA647B}.kpi.alert strong{color:#FFD5AE}
input,textarea,select{background:#201929;border-color:#725576;color:#FFF8F7;min-height:44px;padding:12px 14px}
input::placeholder,textarea::placeholder{color:#B8A2B9}
.table-wrap{border-radius:16px;border:1px solid #57435c;overflow-x:auto}
table{background:#20192E;min-width:650px}th{background:#3B2A42;color:#FFD0A6;font-size:11px;padding:14px 13px;letter-spacing:.7px}
td{padding:15px 13px;color:#F4E9F0;border-bottom:1px solid #4A3A54;vertical-align:middle}
tr:hover td{background:#31243d}.pill{font-weight:900;border:1px solid #427c66;padding:6px 11px}.pill.warn{border-color:#8d6650}.pill.bad{border-color:#985566}
.check{padding:14px 0}.check strong{font-size:13px}.check small{font-size:12px;color:#CEBDD1}
.dot{box-shadow:0 0 0 5px #4e967321}.dot.warn{box-shadow:0 0 0 5px #d8a07122}.dot.bad{box-shadow:0 0 0 5px #f48da425}
.grid2{gap:16px}#work>.grid2 .panel{margin-bottom:16px}#work{min-height:350px}
#work .section-intro h2{font-size:23px}blockquote{background:#432b46;border-color:#FF9EB5;color:#F8E1E7;border-radius:0 12px 12px 0}
#status{box-shadow:0 20px 55px #120a1caa;border-radius:14px}
@media(max-width:1250px){header{min-height:82px}.brand-caption{display:none}.toolbar{position:relative;top:auto;overflow-x:auto;flex-wrap:nowrap}.kpis{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:830px){header{padding:12px 18px}.logo img{width:182px;height:54px}.kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.grid2{grid-template-columns:1fr}.toolbar{overflow-x:auto}}
@media(max-width:560px){main{padding:21px 13px 75px}.header-right #session{display:none}.badge{display:none}.toolbar{display:flex;flex-wrap:nowrap;gap:7px;padding:8px;margin:14px 0 19px}.toolbar button{font-size:11px;padding:10px}.panel{padding:17px;border-radius:17px}.kpi{min-height:115px;padding:15px}.kpi strong{font-size:28px}.intro h1{font-size:26px}.logo img{width:195px;height:50px}#login{padding:25px;margin:30px 0}.grid-actions{flex-wrap:wrap}}

/* FLIRTOVA SIGNATURE FINISH — architectural depth; no decorative sparkles. */
body{background:
 radial-gradient(ellipse 70% 62% at 88% 4%,rgba(83,50,129,.35),transparent 70%),
 radial-gradient(ellipse 65% 58% at 4% 85%,rgba(35,54,124,.24),transparent 68%),
 linear-gradient(150deg,#160F29 0%,#101326 52%,#120E20 100%);}
body:before{background-image:linear-gradient(120deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:104px 104px;opacity:.25}
header{position:sticky;background:linear-gradient(110deg,rgba(35,23,49,.98),rgba(30,27,55,.98),rgba(24,22,42,.98));border-bottom:1px solid rgba(249,152,193,.36);box-shadow:0 16px 45px #07041482,inset 0 1px rgba(255,225,246,.09)}
header:after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:linear-gradient(90deg,#E46AA9 0%,#4969D9 60%,transparent 100%);opacity:.7;pointer-events:none}
.logo img{filter:drop-shadow(0 8px 18px rgba(255,77,163,.17))}
#login{position:relative;isolation:isolate;overflow:hidden;max-width:620px;border:1px solid rgba(245,173,215,.64);border-radius:25px;padding:42px;background:linear-gradient(160deg,#4A2F51 0%,#362540 32%,#221B35 68%,#1A1B37 100%);box-shadow:0 46px 110px #030410aa,0 18px 35px #08051588,inset 0 1px rgba(255,237,255,.22),inset 1px 0 rgba(255,222,245,.08)}
#login:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#F47BB1,#A44BC8 46%,#4D9EF4 90%);pointer-events:none}
#login:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;top:-230px;right:-140px;border-radius:50%;background:radial-gradient(circle,rgba(234,123,184,.27),transparent 71%);pointer-events:none}
#login img{filter:drop-shadow(0 12px 25px rgba(244,104,174,.25))}
#login h1{font-size:clamp(27px,2.5vw,33px);letter-spacing:-.7px;line-height:1.17;margin-top:16px!important}
#login h1:before{display:none!important;content:none!important}
#login input{background:linear-gradient(180deg,#1A172B,#221B34);border:1px solid #83678E;border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.22);min-height:52px;transition:border-color .16s,box-shadow .16s}
#login input:focus{border-color:#FFC4DE;box-shadow:0 0 0 3px rgba(250,155,200,.12),inset 0 2px 8px rgba(0,0,0,.14)}
#login button{min-height:51px;background:linear-gradient(115deg,#EE619E 0%,#FF97AA 50%,#FFC8A7 100%);box-shadow:0 13px 28px rgba(237,97,162,.19),inset 0 1px rgba(255,255,255,.36);border:1px solid rgba(255,229,234,.28);font-size:13px}
.panel{background:linear-gradient(160deg,#312341 0%,#231D35 55%,#201D37 100%);border:1px solid rgba(174,117,176,.45);box-shadow:0 18px 42px #0606156e,inset 0 1px rgba(255,239,255,.11)}
.kpi{background:linear-gradient(155deg,#46304F,#322641 53%,#27223D);border-color:rgba(243,160,193,.35);box-shadow:0 15px 34px rgba(5,3,17,.48),inset 0 1px rgba(255,248,255,.13)}
.kpi:after{content:none!important;display:none!important}
.toolbar{border-color:rgba(216,142,188,.45);box-shadow:0 13px 30px rgba(9,7,21,.55),inset 0 1px rgba(255,240,255,.08)}
#mainPanel table{box-shadow:inset 0 1px rgba(255,255,255,.06)}
@media(max-width:560px){#login{padding:26px 20px;box-shadow:0 22px 62px #03041099}header{min-height:74px}}
@media(prefers-reduced-motion:reduce){#login input,button{transition:none}}

/* FLIRTOVA owner console: overlap-free responsive dashboard (2026-10-31) */
header{position:relative!important;top:auto!important;z-index:2;min-height:82px;padding:8px clamp(16px,2vw,36px);box-shadow:0 10px 28px rgba(3,3,16,.42)}
.logo img{height:68px;width:205px;max-width:33vw}
.logo{gap:13px}.brand-caption{font-size:9px;line-height:15px}
#session{font-size:11px}
main{width:100%;max-width:1760px;margin:0 auto;padding:22px clamp(14px,2vw,34px) 65px}
#mainPanel{min-width:0}
#mainPanel .intro{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:0 0 15px}
#mainPanel .intro h1{font-size:clamp(24px,2.1vw,32px)}
#stats.kpis{margin:12px 0 19px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#stats[hidden]{display:none!important}
#stats .kpi{min-width:0;min-height:103px;padding:14px 17px}
#stats .kpi small{font-size:11px}
#stats .kpi strong{font-size:clamp(24px,2.4vw,33px);margin-top:7px}
#mainPanel .toolbar{
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;
 margin:17px 0 21px;padding:11px;gap:8px;z-index:1;overflow:visible!important;
 border-radius:16px;background:linear-gradient(135deg,#291e39,#1c1b33);
 box-shadow:0 12px 29px rgba(7,6,22,.41),inset 0 1px rgba(255,236,253,.08)
}
#mainPanel .toolbar button{
 width:100%;max-width:100%;white-space:normal!important;word-break:normal;
 overflow-wrap:break-word;line-height:1.25;text-align:center;
 display:flex;align-items:center;justify-content:center;
 font-size:11px;min-height:43px;padding:9px 7px;margin:0;box-shadow:none;
 border-radius:10px;letter-spacing:0
}
#mainPanel .toolbar button.active{box-shadow:inset 0 0 0 1px rgba(255,205,230,.2)}
#work{position:relative;min-width:0;min-height:260px;overflow:visible}
#work .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}
#work .grid2>.panel{min-width:0;max-width:100%;margin:0}
#work .section-intro{gap:12px;flex-wrap:wrap}
#work .check{padding:10px 0;gap:11px}
#work .check strong{font-size:12px}
#work .check small{display:block;margin-top:3px;line-height:1.5;font-size:11px}
#work .panel{padding:clamp(16px,1.65vw,23px)}
#work .panel h2{font-size:18px;line-height:1.35}
#work .panel h2:before{height:17px;margin-right:8px}
#work .table-wrap{width:100%;max-width:100%}
@media(max-width:1300px){
 #mainPanel .toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}
 #work .grid2{grid-template-columns:1fr}
}
@media(max-width:830px){
 header{min-height:70px}
 .logo img{width:174px;height:56px;max-width:42vw}
 #mainPanel .toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #stats.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 main{padding:18px 14px 55px}
}
@media(max-width:560px){
 header{padding:9px 12px}
 .logo img{width:155px;height:49px}
 #mainPanel .toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;overflow:visible!important;margin:14px 0}
 #mainPanel .toolbar button{font-size:10.5px;min-height:45px;padding:8px 6px}
 #stats .kpi{min-height:95px}
 #mainPanel .intro h1{font-size:24px}
 #work .panel{padding:15px}
 .brand-caption{display:none}
}