@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap";:root{--bg:#0d0a1a;--bg2:#160f2e;--glass:#190f37b3;--glass-light:#ffffff0f;--border:#a855f72e;--border-glass:1px solid #ffffff17;--purple:#a855f7;--purple-dark:#7c3aed;--purple-hover:#9333ea;--pink:#ec4899;--yellow:#f59e0b;--green:#25d366;--green-dark:#128c7e;--red:#ef4444;--blue:#3b82f6;--text:#f5f0ff;--text2:#a78bca;--text3:#6b5a8a;--shadow:0 8px 32px #00000073;--shadow-purple:0 4px 20px #a855f74d;--grad:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%);--grad-green:linear-gradient(135deg, #25d366, #128c7e);--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--t:all .25s cubic-bezier(.4,0,.2,1);--sidebar-w:250px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);overflow-wrap:break-word;word-break:break-word;min-height:100vh;font-family:Nunito,sans-serif;line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--t);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input,textarea,select{-webkit-appearance:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:var(--border-glass);border-radius:var(--r-lg);box-shadow:var(--shadow)}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tag{color:var(--purple);border-radius:var(--r-full);white-space:nowrap;background:#a855f71f;border:1px solid #a855f738;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.tag.green{color:var(--green);background:#25d3661f;border-color:#25d36638}.tag.yellow{color:var(--yellow);background:#f59e0b1f;border-color:#f59e0b38}.tag.red{color:var(--red);background:#ef44441f;border-color:#ef444438}.tag.blue{color:var(--blue);background:#3b82f61f;border-color:#3b82f638}.badge{border-radius:var(--r-full);background:var(--purple);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:800;display:inline-flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #a855f780}50%{box-shadow:0 0 0 12px #a855f700}}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh)rotate(0)}5%{opacity:.9}95%{opacity:.6}to{opacity:0;transform:translateY(-15vh)rotate(540deg)}}@keyframes sway{0%,to{margin-left:0}50%{margin-left:20px}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.anim-up{animation:.4s both fadeUp}.anim-down{animation:.4s both fadeDown}.anim-scale{animation:.38s both scaleIn}.anim-slide{animation:.45s both slideRight}.balloons-wrap{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.balloon{will-change:transform;-webkit-user-select:none;user-select:none;animation:linear infinite floatUp,ease-in-out infinite alternate sway;position:absolute;bottom:-120px}.btn{border-radius:var(--r-full);transition:var(--t);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 24px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a855f773}.btn-primary:active{transform:translateY(0)}.btn-outline{color:#fff;background:0 0;border:2px solid #fff6}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.btn-ghost{background:var(--glass-light);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--purple)}.btn-green{background:var(--grad-green);color:#fff;box-shadow:0 4px 16px #25d36659}.btn-green:hover{transform:translateY(-2px);box-shadow:0 8px 28px #25d36680}.btn-danger{color:var(--red);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-full{width:100%}.btn-sm{min-height:36px;padding:8px 16px;font-size:.8rem}.btn-lg{padding:15px 32px;font-size:1rem}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text2);font-size:.84rem;font-weight:700}.input-group input,.input-group textarea,.input-group select{border-radius:var(--r-md);border:1px solid var(--border);color:var(--text);transition:var(--t);resize:vertical;background:#0000004d;outline:none;width:100%;min-height:44px;padding:12px 15px;font-size:.9rem}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a855f726}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text3)}.input-group select option{background:#1a103a}.input-group .pwd-wrap{position:relative}.input-group .pwd-wrap input{padding-right:46px}.input-group .pwd-toggle{color:var(--text3);cursor:pointer;min-height:unset;background:0 0;border:none;padding:2px;font-size:1.1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.error-msg{color:#f87171;border-radius:var(--r-md);background:#f871711a;border:1px solid #f8717140;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;display:flex}.success-msg{color:#34d399;border-radius:var(--r-md);background:#34d3991a;border:1px solid #34d39940;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;display:flex}.toast{color:#fff;border-radius:var(--r-full);z-index:9999;opacity:0;white-space:nowrap;text-align:center;background:linear-gradient(135deg,#10b981,#059669);max-width:calc(100vw - 48px);padding:12px 24px;font-size:.88rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 6px 24px #10b98180}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.wa-float{z-index:800;background:var(--green);color:#fff;width:56px;height:56px;transition:var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;animation:2.5s ease-in-out infinite pulseGlow;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 24px #25d36680}.wa-float:hover{background:var(--green-dark);animation:none;transform:scale(1.1)}.pub-header{z-index:500;transition:var(--t);padding:0 24px;position:fixed;top:0;left:0;right:0}.pub-header.scrolled{-webkit-backdrop-filter:blur(16px);background:#0d0a1aeb;box-shadow:0 2px 20px #0006}.pub-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:66px;margin:0 auto;display:flex}.pub-logo{flex-shrink:0;align-items:center;gap:9px;display:flex}.pub-logo-icon{background:var(--grad);width:38px;height:38px;box-shadow:var(--shadow-purple);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.pub-logo-name{color:var(--text);font-family:Fredoka One,cursive;font-size:1.25rem;line-height:1}.pub-logo-name span{color:var(--yellow)}.pub-nav{align-items:center;gap:4px;display:flex}.pub-nav-link{border-radius:var(--r-full);color:var(--text2);transition:var(--t);white-space:nowrap;align-items:center;min-height:38px;padding:8px 14px;font-size:.88rem;font-weight:700;display:flex}.pub-nav-link:hover{color:var(--text);background:var(--glass-light)}.pub-nav-link.active{color:var(--purple);background:#a855f71a}.pub-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.hamburger{border-radius:var(--r-sm);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;display:none}.hamburger span{background:var(--text);width:22px;height:2px;transition:var(--t);border-radius:4px;display:block}.mobile-drawer{z-index:600;pointer-events:none;position:fixed;inset:0}.mobile-drawer.open{pointer-events:all}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;transition:opacity .3s;position:absolute;inset:0}.mobile-drawer.open .drawer-overlay{opacity:1}.drawer-panel{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;gap:8px;width:min(280px,85vw);padding:24px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-drawer.open .drawer-panel{transform:translate(0)}.drawer-logo{align-items:center;gap:8px;margin-bottom:24px;display:flex}.drawer-nav-link{border-radius:var(--r-md);color:var(--text2);transition:var(--t);align-items:center;gap:10px;min-height:48px;padding:13px 14px;font-size:.95rem;font-weight:700;display:flex}.drawer-nav-link:hover{background:var(--glass-light);color:var(--text)}.drawer-divider{background:var(--border);height:1px;margin:8px 0}.hero{background:linear-gradient(160deg,#0d0a1a 0%,#1a0a38 40%,#2a0a4a 70%,#1a0f30 100%);align-items:center;min-height:100svh;padding:90px 24px 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f733 0%,#0000 70%);border-radius:50%;width:clamp(300px,60vw,700px);height:clamp(300px,60vw,700px);position:absolute;top:-15%;right:-10%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec489926 0%,#0000 70%);border-radius:50%;width:clamp(200px,40vw,500px);height:clamp(200px,40vw,500px);position:absolute;bottom:-10%;left:-5%}.hero-inner{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-content{max-width:640px}.hero-badge{color:var(--purple);border-radius:var(--r-full);background:#a855f726;border:1px solid #a855f74d;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:.84rem;font-weight:700;animation:.5s both fadeDown;display:inline-flex}.hero-title{margin-bottom:18px;font-size:clamp(2rem,6vw,3.8rem);font-weight:900;line-height:1.12;animation:.55s .1s both fadeUp}.hero-subtitle{color:var(--text2);max-width:520px;margin-bottom:32px;font-size:clamp(.95rem,2.5vw,1.15rem);animation:.55s .2s both fadeUp}.hero-btns{flex-wrap:wrap;gap:12px;margin-bottom:48px;animation:.55s .3s both fadeUp;display:flex}.hero-stats{flex-wrap:wrap;gap:clamp(20px,4vw,40px);animation:.55s .4s both fadeUp;display:flex}.stat{text-align:center}.stat-num{color:var(--yellow);font-family:Fredoka One,cursive;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1;display:block}.stat-label{color:var(--text2);margin-top:3px;font-size:.75rem;font-weight:600;display:block}.wave{z-index:3;position:absolute;bottom:-1px;left:0;right:0}.wave svg{width:100%;display:block}.pub-section{padding:clamp(56px,8vw,100px) 24px;position:relative}.pub-section-alt{background:#ffffff05}.pub-container{max-width:1200px;margin:0 auto}.pub-section-head{text-align:center;margin-bottom:clamp(36px,5vw,60px)}.section-eyebrow{border:1px solid var(--border);color:var(--purple);border-radius:var(--r-full);background:#a855f71f;margin-bottom:12px;padding:5px 16px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{margin-bottom:12px;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:900;line-height:1.2}.section-sub{color:var(--text2);max-width:560px;margin:0 auto;font-size:clamp(.9rem,2vw,1.05rem)}.pub-filter-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.pub-filter-btn{border-radius:var(--r-full);color:var(--text2);background:var(--glass-light);border:1px solid var(--border);min-height:42px;transition:var(--t);padding:9px 20px;font-size:.85rem;font-weight:700}.pub-filter-btn:hover{color:var(--text);border-color:var(--purple)}.pub-filter-btn.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-purple);border-color:#0000}.pub-toys-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:18px;display:grid}.pub-toy-card{border:1px solid var(--border);transition:var(--t);flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden}.pub-toy-card:hover{border-color:#a855f766;transform:translateY(-4px);box-shadow:0 12px 36px #a855f72e}.toy-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.toy-emoji{font-size:clamp(2rem,5vw,2.6rem);line-height:1}.toy-popular-badge{background:linear-gradient(135deg, var(--yellow), #ef4444);color:#fff;border-radius:var(--r-full);white-space:nowrap;padding:3px 9px;font-size:.68rem;font-weight:800}.pub-toy-card h3{font-size:1rem;font-weight:800}.pub-toy-card p{color:var(--text2);flex:1;font-size:.85rem;line-height:1.65}.toy-tags{flex-wrap:wrap;gap:6px;display:flex}.pub-services-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:18px;display:grid}.pub-service-card{border:1px solid var(--border);text-align:center;transition:var(--t);padding:clamp(22px,4vw,32px) 22px;position:relative;overflow:hidden}.pub-service-card:after{content:"";background:var(--grad);height:3px;transition:var(--t);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.pub-service-card:hover{border-color:#a855f759;transform:translateY(-3px)}.pub-service-card:hover:after{transform:scaleX(1)}.service-icon{margin-bottom:14px;font-size:clamp(2rem,5vw,2.6rem);display:block}.pub-service-card h3{margin-bottom:10px;font-size:1rem;font-weight:800}.pub-service-card p{color:var(--text2);font-size:.85rem;line-height:1.65}.pub-steps-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:20px;display:grid}.pub-step-card{border:1px solid var(--border);text-align:center;transition:var(--t);padding:clamp(24px,4vw,36px) 22px;position:relative}.pub-step-card:hover{border-color:#a855f766;transform:translateY(-3px)}.step-num-badge{background:var(--grad);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-purple);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.step-icon{margin:12px 0 14px;font-size:2.2rem;display:block}.pub-step-card h3{margin-bottom:8px;font-size:1rem;font-weight:800}.pub-step-card p{color:var(--text2);font-size:.85rem;line-height:1.65}.pub-testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px;display:grid}.pub-test-card{border:1px solid var(--border);transition:var(--t);padding:22px}.pub-test-card:hover{border-color:#a855f759;transform:translateY(-2px)}.stars{margin-bottom:10px;font-size:1rem}.pub-test-card p{color:var(--text2);margin-bottom:16px;font-size:.87rem;font-style:italic;line-height:1.7}.test-author{align-items:center;gap:10px;display:flex}.test-ava{font-size:1.8rem}.test-author strong{font-size:.88rem;display:block}.test-author span{color:var(--text3);font-size:.78rem}.pub-contact-wrap{background:var(--grad);border-radius:var(--r-xl);text-align:center;padding:clamp(32px,5vw,56px) clamp(24px,5vw,56px);position:relative;overflow:hidden}.pub-contact-wrap:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pub-contact-wrap h2{margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;position:relative}.pub-contact-wrap p{color:#ffffffd9;margin-bottom:28px;font-size:clamp(.9rem,2vw,1.05rem);position:relative}.pub-contact-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.pub-footer{border-top:1px solid var(--border);background:#080612;padding:clamp(40px,6vw,64px) 24px 24px}.pub-footer-inner{grid-template-columns:2fr 1fr 1fr;gap:clamp(24px,4vw,48px);max-width:1200px;margin:0 auto;display:grid}.pub-footer-brand p{color:var(--text3);max-width:270px;margin-top:14px;font-size:.88rem;line-height:1.7}.pub-footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:16px;font-size:.78rem;font-weight:800}.pub-footer-col ul{flex-direction:column;gap:9px;display:flex}.pub-footer-col a{color:var(--text3);transition:var(--t);font-size:.88rem}.pub-footer-col a:hover{color:var(--text);padding-left:4px}.pub-footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1200px;color:var(--text3);margin:32px auto 0;padding-top:20px;font-size:.82rem}.auth-page{background:linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f72e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:-200px}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec48991f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;right:-100px}.auth-card{z-index:10;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;padding:clamp(28px,5vw,44px) clamp(20px,5vw,40px);display:flex;position:relative}.auth-logo-wrap{background:var(--grad);width:70px;height:70px;box-shadow:var(--shadow-purple);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:2rem;animation:3s ease-in-out infinite pulseGlow;display:flex}.auth-card h2{text-align:center;margin-bottom:6px;font-family:Fredoka One,cursive;font-size:1.8rem}.auth-card h2 span{color:var(--yellow)}.auth-card>p{color:var(--text2);text-align:center;margin-bottom:28px;font-size:.88rem}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-btn-login{border-radius:var(--r-md);background:var(--grad);color:#fff;width:100%;min-height:48px;box-shadow:var(--shadow-purple);transition:var(--t);margin-top:4px;padding:14px;font-size:.95rem;font-weight:800}.auth-btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 32px #a855f780}.auth-btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer-link{color:var(--text2);text-align:center;margin-top:18px;font-size:.84rem}.auth-footer-link button{color:var(--purple);cursor:pointer;min-height:unset;background:0 0;border:none;padding:0;font-size:.84rem;font-weight:700;text-decoration:underline}.auth-back-btn{color:var(--text3);transition:var(--t);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:10px;font-size:.82rem;display:flex}.auth-back-btn:hover{color:var(--text2)}.auth-hint{color:var(--text3);text-align:center;margin-top:14px;font-size:.78rem}.auth-hint span{color:var(--purple);font-weight:700}.app-shell{background:var(--bg);height:100svh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:linear-gradient(180deg, #120c26 0%, var(--bg) 100%);border-right:1px solid var(--border);z-index:200;flex-direction:column;flex-shrink:0;transition:transform .3s;display:flex;overflow:hidden auto}.sidebar-logo-area{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:22px 18px 18px;display:flex}.sidebar-logo-icon{background:var(--grad);width:38px;height:38px;box-shadow:var(--shadow-purple);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.sidebar-logo-name{font-family:Fredoka One,cursive;font-size:1.05rem;line-height:1.1}.sidebar-logo-name span{color:var(--yellow)}.sidebar-role-label{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:14px 12px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text3);padding:8px 10px 4px;font-size:.68rem;font-weight:800}.sidebar-btn{border-radius:var(--r-md);color:var(--text2);transition:var(--t);text-align:left;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 10px;font-size:.88rem;font-weight:600;display:flex}.sidebar-btn:hover{background:var(--glass-light);color:var(--text)}.sidebar-btn.active{color:var(--text);background:#a855f72e;border:1px solid #a855f740}.sidebar-btn.active .sb-icon{color:var(--purple)}.sb-icon{flex-shrink:0;font-size:1.1rem}.sb-badge{margin-left:auto}.sidebar-user-area{border-top:1px solid var(--border);flex-shrink:0;padding:14px 12px}.sidebar-user-card{border-radius:var(--r-md);background:var(--glass-light);border:1px solid var(--border);align-items:center;gap:10px;padding:12px;display:flex}.sidebar-avatar{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;display:block;overflow:hidden}.sidebar-user-info span{color:var(--text3);font-size:.74rem}.sidebar-logout-btn{color:var(--text3);border-radius:var(--r-sm);min-height:unset;padding:4px;font-size:1.1rem}.sidebar-logout-btn:hover{color:var(--red);background:#ef44441a}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a1ad9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:62px;padding:0 clamp(16px,3vw,28px);display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-menu-btn{border-radius:var(--r-md);background:var(--glass-light);width:40px;height:40px;color:var(--text2);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.topbar-menu-btn:hover{color:var(--text)}.topbar-page-info{min-width:0}.topbar-page-info h1{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:800;overflow:hidden}.topbar-page-info p{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-wa{background:var(--green);color:#fff;border-radius:var(--r-full);transition:var(--t);align-items:center;gap:7px;min-height:38px;padding:9px 16px;font-size:.82rem;font-weight:700;display:flex;box-shadow:0 4px 14px #25d36659}.topbar-wa:hover{background:var(--green-dark);transform:translateY(-1px)}.app-content{flex-direction:column;flex:1;gap:clamp(16px,2.5vw,24px);padding:clamp(16px,3vw,28px);display:flex;overflow-y:auto}.sidebar-overlay{z-index:190;background:#0009;display:none;position:fixed;inset:0}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--border);transition:var(--t);justify-content:space-between;align-items:flex-start;padding:clamp(18px,3vw,24px);display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--card-color,var(--purple));height:3px;position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:#a855f759;transform:translateY(-2px)}.metric-info h3{color:var(--text2);margin-bottom:6px;font-size:.78rem;font-weight:700}.metric-val{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:900;line-height:1}.metric-trend{color:#34d399;margin-top:5px;font-size:.75rem;font-weight:700}.metric-icon{flex-shrink:0;font-size:clamp(1.4rem,3vw,1.8rem)}.panel-card{border:1px solid var(--border);transition:var(--t);padding:clamp(18px,3vw,26px)}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-header h2{font-size:clamp(.95rem,2vw,1.1rem);font-weight:800}.data-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--r-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:500px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:.75rem;font-weight:800}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px 14px;font-size:.87rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--glass-light)}.form-card{border:1px solid var(--border);padding:clamp(18px,3vw,28px)}.form-grid-2{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:14px;display:grid}.form-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.quick-actions{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;display:grid}.quick-action-btn{text-align:center;border-radius:var(--r-md);border:1px solid var(--border);background:var(--glass-light);transition:var(--t);cursor:pointer;flex-direction:column;align-items:center;gap:8px;min-height:80px;padding:18px 14px;display:flex}.quick-action-btn:hover{border-color:var(--purple);background:#a855f714;transform:translateY(-2px)}.quick-action-btn span:first-child{font-size:1.6rem}.quick-action-btn span:last-child{color:var(--text2);font-size:.82rem;font-weight:700}.order-card{border:1px solid var(--border);border-radius:var(--r-md);transition:var(--t);flex-direction:column;gap:10px;padding:16px;display:flex}.order-card:hover{border-color:#a855f759}.order-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.order-card-title{font-size:.92rem;font-weight:800}.order-card-sub{color:var(--text2);margin-top:2px;font-size:.8rem}.order-card-body{flex-wrap:wrap;gap:10px;display:flex}.order-card-footer{flex-wrap:wrap;gap:8px;display:flex}.pub-request-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#a855f70a;padding:clamp(40px,6vw,80px) 24px}.pub-request-inner{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:680px;margin:0 auto;display:flex}@media (width<=900px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.app-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.topbar-menu-btn{display:flex}.app-shell{display:block}.app-main{width:100%;height:100svh}}@media (width<=768px){.pub-nav{display:none}.hamburger{display:flex}.pub-header-actions .btn-ghost{display:none}.pub-header-actions .btn-primary{padding:8px 12px;font-size:.75rem}.pub-footer-inner{grid-template-columns:1fr 1fr}.pub-footer-brand{grid-column:1/-1}.hero-btns{gap:10px}.hero-btns .btn{text-align:center;flex:140px}.form-footer{justify-content:stretch}.form-footer .btn{flex:1}}@media (width<=500px){.pub-footer-inner{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.hero-stats{gap:16px}.pub-contact-btns .btn{flex:100%}.auth-card{padding:28px 18px}.topbar-wa{padding:9px 12px;font-size:.78rem}}