@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');
html{scroll-behavior:smooth}::selection{background:#bd0e1930}.soft{background:var(--surface)}.spaced{margin-top:24px}.red-text{color:var(--red)}.green-text{color:var(--green)}.text-link{color:var(--red);font-size:14px;font-weight:700}.text-link:hover{text-decoration:underline}.full-width{width:100%}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.badge.green{background:#e8f5ee;color:#167354}.badge.amber{background:#fff3d8;color:#9d6c15}.badge.red{background:#fce9ec;color:#b91d39}.badge.blue{background:#edf0f9;color:#555d91}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #15132e0c}.product-image{width:100%;height:244px;position:relative;background:var(--navy);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image>img{height:85%;width:80%;object-fit:contain;transition:transform .4s}.product-card:hover .product-image>img{transform:rotate(-4deg) scale(1.06)}.product-tag{position:absolute;top:14px;left:14px;color:var(--navy);background:#ffda64;font-size:10px;font-weight:700;padding:6px 9px;border-radius:5px;z-index:1}.image-brand{position:absolute;bottom:10px;right:12px;width:62px;opacity:.5}.product-info{padding:21px 18px}.product-category{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--red);letter-spacing:.04em}.product-category span{color:var(--muted)}.product-info h3{font-size:17px;letter-spacing:-.04em;margin:10px 0 8px}.product-info h3 button{padding:0;text-align:left}.product-info>p{font-size:12px;color:var(--muted);min-height:19px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.product-bottom small{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.product-bottom b{font-size:17px}.add-button{width:37px;height:37px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--red);transition:.2s}.add-button:hover{background:var(--red);color:white;border-color:var(--red)}.brand-story{background:var(--navy);color:white;overflow:hidden}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:64px;padding-bottom:64px}.story-image{position:relative;min-height:360px;display:flex;align-items:center}.story-image img{width:650px;max-width:130%;margin-left:-60px;filter:drop-shadow(0 20px 20px #0007)}.story-image span{position:absolute;bottom:20px;left:0;color:#ffda64;font-size:11px;letter-spacing:.13em;font-weight:700;line-height:1.7}.story-copy h2{font-size:38px;margin:18px 0 24px;line-height:1.2}.story-copy .eyebrow{color:#ffda64}.story-copy p{color:#b9b7ce;font-size:14px;margin-bottom:18px}.story-copy .btn{margin-top:15px}.promo-campaign{background:var(--yellow);border-radius:20px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;gap:30px}.promo-campaign h2{font-size:40px;margin:15px 0;line-height:1.16}.promo-campaign p{font-size:14px;color:#655639;margin-bottom:22px}.campaign-stamp{border:1px solid #100e2c44;border-radius:50%;width:265px;height:265px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg)}.campaign-stamp span{font-size:12px;letter-spacing:.2em}.campaign-stamp b{font-size:48px;line-height:1.04;letter-spacing:-.05em;margin:10px 0}.campaign-stamp small{font-size:10px}.network-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.distribution-map{min-height:340px;position:relative;border-radius:14px;overflow:hidden;border:1px solid #dfe2e9;background:#edf0f4}.distribution-map>svg{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.map-pin{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:white;box-shadow:0 0 0 7px #100e2c10;transition:.2s}.map-pin:hover{transform:translate(-50%,-50%) scale(1.18)}.map-pin.hq{background:var(--red);box-shadow:0 0 0 9px #bd0e1919}.map-pin .icon{width:18px;height:18px}.map-legend{position:absolute;left:15px;top:15px;background:#fffc;backdrop-filter:blur(8px);border-radius:8px;padding:10px;display:flex;gap:15px;font-size:11px}.map-legend span{display:flex;align-items:center;gap:5px}.red-dot,.navy-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--red)}.navy-dot{background:var(--navy)}.map-disclaimer{position:absolute;bottom:10px;left:12px;font-size:10px;background:#fffd;padding:7px;border-radius:4px;max-width:95%}.network-list{background:white;border:1px solid var(--line);border-radius:14px;padding:23px}.network-header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:10px}.network-header h3{font-size:17px}.network-header select{font-size:12px;padding:8px;max-width:130px}.network-member{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:18px 0;border-bottom:1px solid var(--line)}.network-member:last-of-type{border-bottom:0}.network-member>div{flex:1}.network-member b{font-size:13px;display:block}.network-member small{font-size:11px;color:var(--muted);margin-top:5px;display:block}.network-member .badge{font-size:10px}.location-icon{background:#f6f3f5;color:var(--red);width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonials article{border:1px solid var(--line);padding:28px;border-radius:14px}.stars{color:#d7a939;font-size:18px;letter-spacing:.07em;margin-bottom:20px}.testimonials p{font-size:15px;min-height:80px}.reviewer{display:flex;align-items:center;gap:12px;margin-top:25px}.avatar{background:#f8e9e9;color:var(--red);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:12px;font-weight:700}.reviewer b{font-size:12px}.reviewer small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-visual{height:200px;border-radius:13px;background:var(--navy);color:#ffda64;position:relative;display:grid;place-items:center;overflow:hidden;width:100%;margin-bottom:22px}.article-visual>.icon{width:78px;height:78px;stroke-width:.8;transform:rotate(-9deg)}.article-visual img{width:85%;margin-top:-15px;transform:rotate(-8deg);transition:.4s}.article-visual:hover img{transform:rotate(0deg) scale(1.05)}.article-visual span{position:absolute;bottom:15px;left:18px;font-size:9px;letter-spacing:.15em;color:#fff8}.visual-1{background:#bd0e19}.visual-2{background:#f1c95b;color:var(--navy)}.visual-2 span{color:#100e2c88}.article-card .eyebrow{font-size:10px}.article-card h3{font-size:20px;letter-spacing:-.04em;margin:12px 0}.article-card h3 button{padding:0;text-align:left}.article-card p{font-size:13px;color:var(--muted);margin-bottom:18px}.cta{padding-top:80px;padding-bottom:80px;text-align:center}.cta .eyebrow{color:var(--red)}.cta h2{font-size:48px;margin:20px 0 28px;line-height:1.1}.cta>div{display:flex;justify-content:center;gap:13px}.footer{background:var(--navy);color:white;padding:50px 0 85px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:45px}.footer p{font-size:12px;color:#a8a7c0;margin:15px 0}.footer small{font-size:11px;color:#b5b4c7}.footer-grid>div>b{font-size:13px;display:block;margin:5px 0 21px}.footer-grid a:not(:first-child){display:block;font-size:12px;color:#b5b4c7;margin:12px 0}.footer a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid #ffffff18;padding-top:24px;margin-top:38px;display:flex;justify-content:space-between;color:#85849f;font-size:10px}.page-intro{padding:55px 0 60px;background:var(--navy);color:white;position:relative;overflow:hidden}.page-intro:after{content:'';position:absolute;right:-70px;top:-140px;width:450px;height:450px;border:1px solid #ffffff1c;border-radius:50%}.page-intro .eyebrow{color:#ffda64}.page-intro h1{font-size:49px;line-height:1.14;margin:18px 0;max-width:780px}.page-intro p{color:#b9b7ce;font-size:15px;max-width:620px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{padding:11px 16px;font-size:13px;background:#f6f6f9;border-radius:8px}.tabs button.active{background:var(--navy);color:white}.filter-tools{display:flex;gap:10px}.search-input{display:flex;align-items:center;border:1px solid var(--line);background:white;border-radius:9px;padding:0 12px;gap:8px}.search-input .icon{color:#9a9aaa;width:17px}.search-input input{border:0;padding:11px 0;background:none;outline:0;width:100%;font-size:13px}.search-input:focus-within{border-color:var(--red)}.filter-tools select{font-size:12px}.catalog-count{font-size:12px;margin:26px 0 20px}.notice{background:#fff8e9;border:1px solid #f0e6d1;border-radius:10px;padding:16px;display:flex;align-items:start;gap:12px;color:#81653d}.notice p{font-size:12px;line-height:1.65}.notice>.icon{color:#b5812b}.about-grid,.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-grid h2,.community-grid h2{font-size:37px;line-height:1.18;margin:18px 0 25px}.about-grid p,.community-grid p{color:var(--muted);font-size:14px;margin:15px 0}.about-photo{width:100%;border-radius:18px;aspect-ratio:1.5;object-fit:cover}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-grid .icon{color:var(--red);width:30px;height:30px;margin-bottom:20px}.value-grid h3{font-size:17px;margin-bottom:12px}.value-grid p{font-size:13px;color:var(--muted)}.business-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.business-flow>div{border-top:2px solid var(--red);padding:24px 0}.business-flow span{font-size:30px;color:#c9c9d5;font-weight:800;letter-spacing:-.05em}.business-flow h3{font-size:17px;margin:15px 0}.business-flow p{font-size:13px;color:var(--muted)}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.partner-card{padding:42px;border:1px solid var(--line);border-radius:18px}.partner-card.featured{background:var(--navy);color:white;border-color:var(--navy)}.partner-card h2{font-size:34px;line-height:1.2;margin:18px 0}.partner-card>p{color:var(--muted);font-size:14px}.partner-card.featured>p{color:#b5b3cc}.partner-card ul{list-style:none;padding:0;margin:30px 0}.partner-card li{display:flex;gap:10px;font-size:14px;margin:16px 0;align-items:center}.partner-card li .icon{color:var(--red);width:17px}.partner-card.featured li .icon{color:var(--yellow)}.partner-card small{display:block;font-size:11px;margin-top:18px;color:var(--muted)}.partner-card.featured .eyebrow{color:var(--yellow)}.faq{max-width:850px;margin:auto}.faq h2{font-size:29px;margin-bottom:24px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:15px}.faq p{margin-top:18px;font-size:14px;color:var(--muted)}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.event-card{position:relative;padding-right:115px!important}.event-card h3{font-size:21px;margin:18px 0 15px;line-height:1.3}.event-card p{font-size:13px;color:var(--muted);margin-bottom:20px}.event-card .icon{width:16px;height:16px}.event-date{position:absolute;right:24px;top:24px;border-radius:10px;background:#f8e9e9;width:70px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red)}.event-date b{font-size:29px;letter-spacing:-.05em}.event-date span{font-size:10px}.event-card>small{display:block;margin-top:15px;font-size:11px}.empty{text-align:center;padding:45px 16px;color:var(--muted)}.empty>.icon{width:32px;height:32px;opacity:.5}.empty h3{font-size:17px;color:var(--ink);margin:16px 0 6px}.empty p{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid .full{grid-column:1/-1}.check-label{display:flex;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.6}.check-label input{margin-top:3px}.modal-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.wide{max-width:900px}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.detail-image{background:var(--navy);border-radius:13px;display:grid;place-items:center;min-height:290px}.detail-image img{width:85%;height:250px;object-fit:contain}.detail-grid p{font-size:14px;color:var(--muted)}.product-spec{margin:20px 0;display:grid;gap:12px;font-size:12px}.product-spec .icon{width:16px}.price{font-size:26px;margin-bottom:20px}.cart-line{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-line img{width:65px;height:85px;object-fit:contain;background:var(--navy);border-radius:7px}.cart-line>div{flex:1}.cart-line b{font-size:14px}.cart-line small{display:block;font-size:11px;color:var(--muted);margin:8px 0}.quantity{display:inline-flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:white}.quantity button{width:28px;height:28px;font-size:17px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:18px 0;border-top:1px solid var(--line)}.total-row.grand{font-size:19px;font-weight:700}.login-intro{margin-bottom:27px}.login-intro p{font-size:13px;color:var(--muted);margin-top:14px}.article-body p{margin:22px 0;font-size:15px;line-height:1.8}.invoice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.invoice-top>div{text-align:right}.invoice-top h2{font-size:28px;margin-bottom:8px}.invoice-top b{font-size:13px}.invoice-meta{display:flex;justify-content:space-between;margin:30px 0}.invoice-meta>div{display:grid;gap:9px;font-size:12px}.invoice-meta small{color:var(--muted)}.invoice-sign{margin-top:50px;padding:20px 0;display:flex;justify-content:space-between;font-size:12px;border-top:1px dashed var(--line)}
.dashboard-body{background:var(--surface)}.dashboard-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:var(--navy);color:#b7b5cb;z-index:25;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}.sidebar-logo{padding:28px 26px 24px;border-bottom:1px solid #ffffff10}.sidebar-logo .logo{width:127px}.workspace-badge{margin:20px 19px;padding:13px 10px;border:1px solid #ffffff15;border-radius:10px;display:flex;align-items:center;gap:10px}.workspace-icon{display:grid;place-items:center;width:32px;height:32px;background:#ffffff0b;border-radius:7px;color:#ddd}.workspace-icon .icon{width:17px}.workspace-badge b{color:white;font-size:12px;display:block}.workspace-badge small{font-size:10px;display:block;margin-top:5px}.nav-group{margin-bottom:20px}.nav-group>span{font-size:9px;letter-spacing:.1em;display:block;padding:0 25px;margin-bottom:10px;color:#6f6d90}.nav-group a{display:flex;align-items:center;gap:11px;font-size:12px;margin:3px 12px;padding:11px 14px;border-radius:7px;transition:background .18s,color .18s}.nav-group a .icon{width:17px;height:17px;opacity:.8}.nav-group a:hover{background:#ffffff0a;color:white}.nav-group a.active{background:var(--red);color:white;box-shadow:0 6px 14px #0002}.nav-group a small{margin-left:auto;background:#fff2;font-size:10px;min-width:20px;text-align:center;border-radius:4px;padding:3px}.sidebar-bottom{margin-top:auto;padding:20px 25px 25px;border-top:1px solid #ffffff10}.sidebar-bottom a{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:17px}.demo-label{font-size:9px;letter-spacing:.1em;color:#77748e;display:flex;justify-content:space-between}.dashboard-main{margin-left:242px;flex:1;min-width:0}.dashboard-header{height:82px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:15}.breadcrumb{font-size:11px;color:#888896}.breadcrumb span{margin:0 10px;color:#c8c8d2}.breadcrumb b{color:var(--ink);font-weight:500}.header-tools{display:flex;align-items:center;gap:12px}.header-tools .icon-btn{width:32px;height:32px}.notification-dot{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;right:7px;top:4px}.user-meta{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding-left:20px;margin-left:8px}.user-meta b{font-size:11px;display:block}.user-meta small{font-size:10px;color:var(--muted);margin-top:3px;display:block}.user-meta .avatar{width:33px;height:33px}.dashboard-content{padding:30px 32px 88px;max-width:1800px;margin:auto}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dash-title h1{font-size:26px;font-weight:800;letter-spacing:-.045em}.dash-title p{font-size:12px;color:var(--muted);margin-top:7px}.dash-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.dash-actions .btn{font-size:11px;padding:10px 13px}.dash-actions .icon{width:15px;height:15px}.dash-actions select{font-size:11px;padding:10px 12px}.overview-banner{background:var(--navy);color:white;border-radius:13px;padding:27px 30px;margin-bottom:23px;display:flex;align-items:center;position:relative;overflow:hidden;min-height:135px}.overview-banner:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #ffffff15;right:-20px;top:-140px;border-radius:50%}.overview-banner .eyebrow{font-size:9px;color:#e8c680}.overview-banner h2{font-size:26px;margin:10px 0;letter-spacing:-.045em}.overview-banner p{color:#b1aecb;font-size:11px}.overview-banner>img{width:180px;opacity:.16;margin-left:auto;margin-right:40px}.banner-corner{position:absolute;right:18px;bottom:14px;font-size:8px;letter-spacing:.1em;color:#777390}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0;transition:transform .2s}.kpi:hover{transform:translateY(-3px)}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#767583;gap:12px;font-size:11px}.kpi-top .icon{width:17px;height:17px;color:#bdb9ce}.kpi strong{font-family:Manrope,'Segoe UI',sans-serif;font-size:27px;letter-spacing:-.06em;display:block;margin:12px 0}.kpi small{font-size:10px;color:#92909f;line-height:1.5;display:block}.kpi.accent{border-top:2px solid var(--red)}.kpi.accent .kpi-top .icon{color:var(--red)}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-title h3{font-size:15px;font-weight:800}.panel-title p{font-size:10px;color:var(--muted);margin-top:6px}.panel-title>.text-link{font-size:10px}.overview-charts{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:23px}.chart-legend{font-size:8px;color:var(--muted);display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:205px}.chart-legend i{width:6px;height:6px;border-radius:2px;background:var(--red)}.chart-legend i.pale{background:#ece7e9;margin-left:8px}.chart-summary{display:flex;align-items:center;gap:13px;margin:22px 0 17px}.chart-summary strong{font-size:27px;letter-spacing:-.05em;font-family:Manrope,sans-serif}.chart-summary span{display:flex;align-items:center;gap:8px}.chart-summary .badge{font-size:9px;color:var(--green);background:#e9f5ef}.chart-summary small{font-size:9px;color:var(--muted)}.bar-chart{display:flex;height:205px;gap:10px;padding-top:20px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;min-width:47px;color:#a5a2af;padding-bottom:25px}.bars{display:flex;align-items:end;justify-content:space-around;flex:1;gap:8px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f1f0f4 44px,#f1f0f4 45px);padding-bottom:25px}.bar-group{display:flex;align-items:end;gap:3px;position:relative;flex:1;justify-content:center}.bar{width:13px;max-width:40%;background:var(--red);border-radius:3px 3px 0 0;animation:barGrow .8s ease-out;transform-origin:bottom}.bar.previous{background:#f0e9ec}.bar-group small{position:absolute;bottom:-23px;color:#a5a2af;font-size:8px}.chart-foot{display:flex;justify-content:space-between;margin-left:58px;font-size:8px;color:#aaa6b7;margin-top:14px}.target-panel{background:var(--navy);color:white;padding:25px;border-radius:13px;overflow:hidden;position:relative}.target-panel .eyebrow{color:#c8bba0;font-size:8px}.target-panel h3{font-size:21px;line-height:1.3;letter-spacing:-.04em;margin-top:10px}.target-ring{background:conic-gradient(#ffda64 var(--progress),#ffffff17 0);width:138px;height:138px;border-radius:50%;padding:9px;margin:20px auto}.target-ring>div{width:100%;height:100%;background:var(--navy);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.target-ring strong{font-size:34px;letter-spacing:-.04em}.target-ring span{font-size:9px;color:#aaa7c2}.target-values{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:17px}.target-values small{color:#9c99b5;font-size:9px;display:block;margin-bottom:6px}.target-values b{font-size:12px}.target-link{display:flex;justify-content:center;gap:10px;align-items:center;font-size:10px;color:#e4d6b2;padding-top:20px}.target-link .icon{width:14px}.overview-lower{display:grid;grid-template-columns:1.95fr 1fr;gap:22px}.overview-lower>.panel{padding:21px}.table-wrap{overflow:auto;width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}thead{background:#f7f7fa}th{font-size:10px;color:#85818e;padding:13px 15px;font-weight:500}td{padding:17px 15px;border-bottom:1px solid #f0eff4;color:#575262;font-size:11px}td b{font-size:11px;font-weight:600;color:#343042}td small{font-size:9px;color:#96919f;display:block;margin-top:5px}td strong{font-size:14px;color:var(--ink)}tr:last-child td{border-bottom:0}.row-action{font-size:10px;color:var(--red);font-weight:700;white-space:nowrap;padding:4px 0}.row-action:hover{text-decoration:underline}.row-buttons{display:flex;align-items:center;gap:12px}.row-buttons .btn{font-size:10px;padding:7px 10px}.row-buttons .icon{width:12px;height:12px}.table-product{display:flex;align-items:center;gap:13px}.table-product img{width:42px;height:51px;object-fit:contain;background:var(--navy);border-radius:5px}.table-product b{font-size:12px}.data-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.data-toolbar .search-input{min-width:270px}.data-toolbar select{font-size:11px;padding:10px;min-width:130px}.data-toolbar>span{font-size:10px;margin-left:auto}.attention{display:flex;align-items:center;gap:11px;margin:19px 0}.attention-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.attention-icon .icon{width:16px;height:16px}.attention-icon.amber{background:#fff2d7;color:#b38029}.attention-icon.red{background:#fde8eb;color:var(--red)}.attention b{font-size:11px;display:block}.attention small{font-size:9px;color:var(--muted);margin-top:6px;display:block}.activity-list{border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.activity-list>div{display:flex;gap:12px;margin:13px 0}.activity-list span{font-size:9px;color:#aaa3b3;padding-top:3px}.activity-list p{font-size:10px;line-height:1.5;color:#6e657d}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:24px}.quick-actions a{display:flex;gap:14px;align-items:center;background:white;border:1px solid var(--line);padding:19px;border-radius:11px;font-size:11px;transition:.2s}.quick-actions a:hover{border-color:var(--red);transform:translateY(-3px)}.quick-actions .icon{color:var(--red);width:17px}.dashboard-disclaimer{font-size:9px;color:#a5a0af;margin-top:28px;text-align:center}.order-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:23px}.order-pipeline button{padding:17px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left}.order-pipeline button.selected{border-color:var(--red);background:#fff8f8}.order-pipeline span{font-size:10px;color:#bbb5c1}.order-pipeline b{font-size:11px}.order-pipeline strong{font-size:21px;margin-left:auto}.finance-grid,.event-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.ledger{display:grid;gap:0}.ledger>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;border-bottom:1px solid #f2f0f5;align-items:center}.ledger b{font-size:12px;text-align:right}.ledger .subtotal{border-bottom:1px solid #dcd7e4;font-weight:700}.ledger .ledger-total{background:var(--navy);color:white;border-radius:8px;padding:17px;margin-top:20px;font-size:13px}.ledger h4{font-size:9px;color:var(--muted);letter-spacing:.1em;margin:14px 0 2px}.target-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.sales-person-top{display:flex;justify-content:space-between;margin-bottom:24px}.rank{font-size:10px;color:#bbb}.sales-person h3{font-size:18px}.sales-person>p{font-size:11px;color:var(--muted);margin:6px 0 24px}.sales-person>strong{font-size:29px;letter-spacing:-.05em;display:block}.sales-person>small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.progress{height:6px;background:#f0edf2;border-radius:6px;margin:20px 0;overflow:hidden}.progress i{display:block;height:100%;background:var(--red);border-radius:6px;transition:width .6s}.sales-footer{display:flex;justify-content:space-between;font-size:11px;gap:12px}.sales-footer .text-link{font-size:10px}.attendance-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:23px}.attendance-intro h2{font-size:30px;line-height:1.2;margin:17px 0}.attendance-intro>p{font-size:12px;color:var(--muted)}.radius-visual{position:relative;height:225px;display:grid;place-items:center;background:radial-gradient(#f7f4f8,#fff);margin:20px 0}.radius-circle{border:1px dashed #bd0e1960;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 25px #bd0e1905}.radius-circle span{display:flex;flex-direction:column;align-items:center;gap:10px}.radius-circle .icon{color:var(--red);width:26px}.radius-circle b{font-size:13px}.radius-circle small{font-size:11px;color:var(--muted)}.radius-person{position:absolute;top:58px;right:29%;background:var(--navy);color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.event-budget{display:flex;justify-content:space-between;gap:20px}.event-budget small{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.event-budget strong{font-size:23px;letter-spacing:-.045em}.event-admin-grid .panel-title h3{font-size:18px;line-height:1.35;margin-top:12px}.event-admin-grid .eyebrow{font-size:8px}.event-admin-grid .btn{margin-top:20px}.analytics-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:23px}.traffic-donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--red) 0 42%,var(--navy) 42% 70%,#e9b546 70% 91%,#cdd2df 91%);padding:19px;margin:18px auto 25px}.traffic-donut>div{background:white;border-radius:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.traffic-donut b{font-size:27px;letter-spacing:-.05em}.traffic-donut small{font-size:9px;color:var(--muted);margin-top:6px}.traffic-legend>div{display:flex;gap:9px;align-items:center;font-size:10px;margin:12px 0}.traffic-legend i{width:7px;height:7px;border-radius:50%}.traffic-legend b{margin-left:auto}.funnel>div{margin:15px 0}.funnel span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.funnel>div>div{background:var(--navy);color:white;border-radius:5px;font-size:11px;padding:9px 13px}.funnel>div:nth-child(even)>div{background:var(--red)}.analytics-details{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:23px}.analytics-details h3{font-size:15px}.sidebar-toggle{display:none}.member-promo{display:flex;align-items:center;justify-content:space-between;background:var(--navy);padding:30px;border-radius:13px;margin-bottom:25px;color:white;height:250px;overflow:hidden}.member-promo .eyebrow{color:var(--yellow);font-size:9px}.member-promo h2{font-size:31px;line-height:1.2;margin:13px 0}.member-promo p{font-size:12px;color:#aaa4bf}.member-promo img{height:270px;width:320px;object-fit:contain;transform:rotate(-9deg)}.dashboard-campaign h2{font-size:33px}.dashboard-campaign .campaign-stamp{width:205px;height:205px}.dashboard-campaign .campaign-stamp b{font-size:39px}.subheading{font-size:22px;margin:30px 0 22px}.profile-panel{max-width:760px}.avatar.large{width:60px;height:60px;font-size:18px;margin-bottom:18px}.profile-panel h2{font-size:25px}.profile-panel>p{font-size:12px;color:var(--muted);margin:10px 0}.member-benefits .benefit-points{margin:45px 0 30px}.benefit-points strong{font-size:46px;letter-spacing:-.06em;display:block;color:var(--yellow)}.benefit-points span{font-size:11px;color:#aca6c1}.member-benefits>p{font-size:12px;color:#aca6c1;margin:20px 0}.pos-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:23px;align-items:start}.pos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:23px}.pos-product{border:1px solid var(--line);border-radius:10px;padding:0 0 16px;text-align:left;overflow:hidden;transition:.2s}.pos-product:hover{border-color:var(--red);transform:translateY(-3px)}.pos-product>div{height:145px;background:var(--navy);position:relative;display:grid;place-items:center;margin-bottom:15px}.pos-product img{height:90%;width:90%;object-fit:contain}.pos-product>div>span{position:absolute;font-size:8px;background:#fff;color:var(--navy);border-radius:4px;padding:3px 5px;top:9px;left:9px}.pos-product>b,.pos-product>strong,.pos-product>small{display:block;padding:0 12px}.pos-product>b{font-size:12px;line-height:1.4;min-height:33px}.pos-product>strong{font-size:13px;color:var(--red);margin:10px 0}.pos-product>small{font-size:9px;color:var(--muted)}.pos-bill label{font-size:11px;margin-top:10px}.pos-bill input,.pos-bill select{font-size:12px;padding:10px}.pos-lines{margin-top:23px}.pos-line{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.pos-line b{font-size:11px}.pos-line small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.pos-line .quantity{gap:7px}.pos-line .quantity button{width:23px;height:23px;font-size:14px}.pos-bill .total-row{font-size:11px}.pos-bill .grand{font-size:15px}.pos-bill .btn{font-size:12px;margin-top:20px}.change-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:13px}.change-label b{color:var(--green)}.pos-bill .empty{padding:35px 0}.camera-preview{width:100%;aspect-ratio:1.6;background:var(--navy);border-radius:10px;object-fit:cover}.camera-result{display:grid;gap:14px}.camera-status{font-size:12px;background:#f5f5f8;border-radius:7px;padding:12px}.simulation-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.notification-list>div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center}.notification-list p{font-size:13px}.notification-list small{font-size:10px;color:var(--muted)}.receipt-success{background:#e8f5ef;border-radius:10px;padding:20px;text-align:center;margin-bottom:25px}.receipt-success .icon{color:var(--green);width:35px;height:35px}.receipt-success p{font-size:13px;margin-top:15px}.data-list{display:grid;gap:12px}.data-list>div{display:flex;justify-content:space-between;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}.order-items{display:grid;gap:18px}.order-item{display:grid;grid-template-columns:1fr 75px;gap:16px;align-items:center;font-size:12px}.order-item b{display:block;margin-bottom:5px}.order-item small{color:var(--muted);font-size:10px}.order-item input{padding:9px}.mobile-links{display:grid;gap:17px}.mobile-links a{padding:10px;border-bottom:1px solid var(--line);font-size:15px}.screen-enter{animation:screenIn .35s ease-out}.compare-table td:first-child{font-weight:700}.reveal{animation:screenIn .5s ease-out}.hero-dish{animation:floatDish 6s ease-in-out infinite}.btn,.icon-btn,.tabs button,.nav-group a{transition:background .2s,transform .2s,color .2s,box-shadow .2s}dialog[open]{animation:modalIn .22s ease-out}.product-card:nth-child(2){animation-delay:.05s}.product-card:nth-child(3){animation-delay:.1s}.product-card:nth-child(4){animation-delay:.15s}@keyframes screenIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes floatDish{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-7deg)}}
@media(min-width:1500px){.dashboard-content{padding:36px 45px 95px}.dashboard-header{padding:0 45px}.kpi strong{font-size:33px}.dashboard-content td{font-size:12px}.dashboard-content td b{font-size:12px}.nav-group a{font-size:13px}.overview-banner h2{font-size:30px}.dash-title h1{font-size:30px}}@media(max-width:1200px){.sidebar{width:210px}.dashboard-main{margin-left:210px}.dashboard-content{padding:25px 22px 85px}.dashboard-header{padding:0 22px}.nav-group a{font-size:11px;padding:10px 11px;gap:9px}.workspace-badge{margin:18px 12px}.workspace-badge b{font-size:11px}.overview-lower{grid-template-columns:1fr}.activity-panel{display:none}.kpi{padding:17px}.kpi strong{font-size:24px}.overview-charts{grid-template-columns:1.65fr 1fr}.pos-layout{grid-template-columns:1.3fr 1fr}.pos-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.product-image{height:230px}.nav-links{gap:18px;font-size:12px}.public-nav{gap:20px}.order-pipeline{gap:9px}.order-pipeline button{padding:12px;gap:7px}.order-pipeline b{font-size:10px}.order-pipeline span{display:none}.analytics-grid{grid-template-columns:1.5fr 1fr}.network-grid{grid-template-columns:1.5fr 1fr}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:30px}.story-copy h2{font-size:31px}.story-image{min-height:260px}.promo-campaign{padding:35px}.campaign-stamp{width:220px;height:220px}.campaign-stamp b{font-size:41px}.promo-campaign h2{font-size:34px}.network-grid{grid-template-columns:1fr}.distribution-map{min-height:360px}.testimonials{gap:15px}.testimonials article{padding:20px}.testimonials p{font-size:13px}.reviewer{gap:9px}.reviewer b{font-size:11px}.reviewer small{font-size:9px}.article-card h3{font-size:17px}.article-visual{height:160px}.footer-grid{grid-template-columns:1.4fr 1fr;gap:30px}.about-grid,.community-grid{gap:30px}.value-grid{grid-template-columns:repeat(2,1fr)}.partner-card{padding:30px}.partner-card h2{font-size:29px}.sidebar{transform:translateX(-100%);transition:transform .25s;width:242px;box-shadow:15px 0 40px #0002}.sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0}.sidebar-toggle{display:grid}.dashboard-header{height:70px}.breadcrumb{margin-left:10px;flex:1}.header-tools{gap:5px}.user-meta{padding-left:12px}.overview-charts{grid-template-columns:1.6fr 1fr}.dash-title h1{font-size:24px}.finance-grid,.event-admin-grid{grid-template-columns:1fr}.attendance-layout{grid-template-columns:1fr 1fr}.target-team-grid{gap:15px}.sales-person{padding:20px}.quick-actions{gap:12px}.quick-actions a{padding:14px;font-size:10px;gap:10px}.analytics-details{gap:15px}.mobile-menu{display:grid}.nav-actions{gap:4px}}@media(max-width:600px){.product-grid{gap:13px}.product-image{height:190px}.product-info{padding:16px 12px}.product-info h3{font-size:15px;min-height:38px}.product-category{font-size:9px}.product-info>p{font-size:10px;min-height:28px}.product-bottom b{font-size:15px}.product-bottom small{font-size:9px}.product-tag{font-size:8px;top:10px;left:10px}.add-button{width:30px;height:30px}.add-button .icon{width:16px}.image-brand{width:46px}.story-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:42px;gap:5px}.story-image{min-height:220px}.story-image img{max-width:115%;margin-left:-30px}.story-image span{bottom:15px;font-size:10px}.story-copy h2{font-size:30px}.story-copy p{font-size:13px}.promo-campaign{padding:28px;position:relative}.promo-campaign h2{font-size:29px;position:relative;z-index:1}.promo-campaign p{font-size:12px;position:relative;z-index:1}.promo-campaign p br{display:none}.campaign-stamp{position:absolute;right:-40px;bottom:-85px;width:200px;height:200px;opacity:.16;pointer-events:none}.promo-campaign .btn{position:relative;z-index:1;font-size:12px}.distribution-map{min-height:280px}.network-list{padding:20px}.testimonials{grid-template-columns:1fr}.testimonials p{min-height:0;font-size:14px}.article-grid{grid-template-columns:1fr;gap:30px}.article-visual{height:210px}.article-card h3{font-size:21px}.article-card p{font-size:14px}.cta{padding-top:55px;padding-bottom:55px}.cta h2{font-size:36px}.cta .btn{font-size:12px;padding:13px 16px}.footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.page-intro{padding:45px 0}.page-intro h1{font-size:36px}.page-intro p{font-size:13px}.catalog-toolbar{gap:20px}.filter-tools{width:100%;flex-wrap:wrap}.filter-tools .search-input{flex:1}.tabs button{font-size:11px;padding:10px 12px}.about-grid,.community-grid{grid-template-columns:1fr;gap:30px}.about-grid h2,.community-grid h2{font-size:31px}.value-grid{gap:13px}.value-grid .panel{padding:20px}.value-grid h3{font-size:15px}.value-grid p{font-size:12px}.business-flow{grid-template-columns:1fr 1fr;gap:20px}.business-flow h3{font-size:15px}.partner-grid{grid-template-columns:1fr}.partner-card{padding:30px}.event-grid{grid-template-columns:1fr}.event-card{padding-right:100px!important}.event-card h3{font-size:20px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid .full{grid-column:auto}.modal-content{padding:24px}.modal-head h2{font-size:21px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-image{min-height:230px}.detail-image img{height:210px}.cart-line{gap:12px}.cart-line img{width:45px;height:70px}.cart-line b{font-size:12px}.invoice-top .logo{width:110px}.invoice-top h2{font-size:22px}.invoice-meta{flex-direction:column;gap:25px}.dashboard-header{padding:0 16px;height:65px}.breadcrumb{font-size:10px;max-width:210px}.breadcrumb>b{display:none}.header-tools .user-meta>div{display:none}.header-tools .user-meta{padding-left:8px;margin-left:4px}.header-tools .avatar{width:29px;height:29px;font-size:10px}.header-tools .icon-btn{width:28px}.dashboard-content{padding:24px 16px 85px}.dash-title{flex-direction:column;align-items:start;gap:17px}.dash-title h1{font-size:25px}.dash-title p{font-size:12px;line-height:1.6}.dash-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.dash-actions .btn{font-size:11px}.overview-banner{padding:24px;min-height:155px}.overview-banner h2{font-size:23px;line-height:1.24;max-width:280px}.overview-banner .eyebrow{font-size:8px}.overview-banner p{font-size:11px;max-width:250px}.overview-banner>img{position:absolute;right:-40px;top:40px;width:180px;opacity:.07}.kpi-grid,.kpi-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi-grid.three>.kpi:last-child{grid-column:1/-1}.kpi{padding:17px 14px}.kpi-top{font-size:10px;gap:5px}.kpi-top .icon{width:14px}.kpi strong{font-size:24px}.kpi small{font-size:9px}.overview-charts{grid-template-columns:1fr}.target-panel{padding:25px}.target-panel h3{font-size:25px}.target-ring{margin:20px auto}.panel{padding:20px 16px}.panel-title h3{font-size:15px}.panel-title p{font-size:10px}.chart-legend{max-width:125px;font-size:7px}.chart-summary{gap:10px}.chart-summary strong{font-size:25px}.chart-summary small{display:none}.bars{gap:3px}.bar{width:9px}.chart-axis{font-size:8px;min-width:42px}.bar-group{gap:2px}.bar-group small{font-size:7px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:12px}.quick-actions a{font-size:11px;padding:18px}.data-toolbar{flex-wrap:wrap}.data-toolbar .search-input{min-width:0;width:100%}.data-toolbar>span{display:none}.data-toolbar select{width:100%}.order-pipeline{grid-template-columns:repeat(3,1fr);gap:10px}.order-pipeline button{padding:12px 10px}.order-pipeline b{font-size:9px}.order-pipeline strong{font-size:18px}.order-pipeline button:nth-child(4),.order-pipeline button:nth-child(5){grid-column:auto}.target-team-grid{grid-template-columns:1fr}.attendance-layout{grid-template-columns:1fr}.analytics-grid,.analytics-details{grid-template-columns:1fr}.network-header h3{font-size:15px}.map-disclaimer{font-size:8px}.map-legend{font-size:9px}.network-member b{font-size:12px}.network-member small{font-size:10px}.ledger>div{font-size:11px;gap:15px}.ledger b{font-size:11px}.pos-layout{grid-template-columns:1fr}.pos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pos-product>div{height:175px}.pos-product>b{font-size:13px}.pos-product>strong{font-size:14px}.pos-product>small{font-size:10px}.pos-bill label{font-size:13px}.pos-bill input,.pos-bill select{font-size:14px;padding:12px}.pos-bill .grand{font-size:18px}.pos-bill .btn{font-size:13px}.pos-line b{font-size:13px}.member-promo{padding:25px;position:relative;height:230px}.member-promo h2{font-size:27px;position:relative;z-index:1}.member-promo img{position:absolute;right:-130px;opacity:.25}.member-promo p{position:relative;z-index:1;font-size:11px;max-width:220px}.dashboard-campaign h2{font-size:28px}.event-admin-grid .panel-title{align-items:start}.event-admin-grid .panel-title h3{font-size:17px}.event-budget strong{font-size:21px}.user-meta{border:0}.notification-list p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:white!important}#app,#toast,.no-print,dialog::backdrop{display:none!important}dialog{position:static!important;max-width:none!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border-radius:0!important;margin:0!important}dialog .modal-head{display:none!important}.modal-content{padding:0!important}.invoice{padding:12mm}.invoice table{white-space:normal}.invoice .demo-note{color:#333}body:has(dialog:not([open])) #app{display:block!important}body:has(dialog:not([open])) .demo-switch{display:none!important}@page{size:A4;margin:10mm}}
:root{--navy:#100e2c;--red:#bd0e19;--yellow:#ffda64;--ink:#222237;--muted:#777785;--line:#e7e7ed;--surface:#f5f6fa;--green:#148765;--radius:16px;font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope','Segoe UI',sans-serif}h1,h2{letter-spacing:-.055em}p{line-height:1.7}button:focus-visible,a:focus-visible{outline:3px solid #f1b820;outline-offset:4px}input,select,textarea{border:1px solid #dcdde5;border-radius:9px;padding:12px;background:white;color:var(--ink);min-width:0}label{display:grid;gap:8px;font-size:14px;font-weight:600}input:focus,textarea:focus,select:focus{outline:2px solid #bd0e1930;border-color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:white;padding:14px 22px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{background:#a30913;transform:translateY(-2px)}.btn.light{background:white;color:var(--navy)}.btn.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.dark{background:var(--navy)}.btn.small{padding:10px 15px;font-size:14px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.logo{width:142px;display:block}.logo.dark{filter:brightness(0) saturate(100%) invert(9%) sepia(28%) saturate(1262%) hue-rotate(204deg)}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.wrap{max-width:1280px;margin-inline:auto;padding-inline:48px}.promo-bar{background:var(--red);color:#fff;text-align:center;font-size:12px;padding:9px 20px;font-weight:500;letter-spacing:.03em}.promo-bar b{color:var(--yellow)}.public-nav{height:92px;display:flex;align-items:center;gap:34px;position:relative;z-index:10;background:white}.nav-links{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--red)}.nav-actions{display:flex;gap:20px;align-items:center}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;position:relative}.icon-btn:hover{background:#f3f3f6}.count{position:absolute;right:0;top:0;background:var(--red);color:white;font-size:10px;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}.hero{background:var(--navy);color:white;min-height:640px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;min-height:640px}.hero-text{padding:70px 0;position:relative;z-index:2}.hero .eyebrow{color:#ddd3b1;display:flex;align-items:center;gap:10px}.hero .eyebrow:before{content:'';height:1px;width:28px;background:var(--yellow)}.hero h1{font-size:clamp(42px,4.3vw,66px);line-height:1.1;font-weight:800;margin:24px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:450px;color:#bfbecf;font-size:15px}.hero-buttons{display:flex;gap:14px;margin-top:30px}.hero .btn.secondary{color:white;border-color:#ffffff44}.hero-proof{display:flex;gap:24px;margin-top:42px;color:#d5d4e3;font-size:12px}.hero-proof span{display:flex;gap:7px;align-items:center}.hero-proof .icon{width:16px;height:16px;color:var(--yellow)}.hero-visual{position:relative;min-height:580px;display:grid;place-items:center}.hero-orbit{position:absolute;width:480px;height:480px;border-radius:50%;background:#a30a1a;right:-40px;top:56px}.hero-orbit:after{content:'';position:absolute;inset:-34px;border:1px solid #ffffff15;border-radius:50%}.hero-dish{position:relative;width:630px;max-width:120%;transform:rotate(-9deg);filter:drop-shadow(0 30px 30px #0007);z-index:1;margin-right:-110px}.hero-masse{position:absolute;width:210px;top:60px;right:40px;opacity:.22}.floating-note{position:absolute;bottom:78px;left:12px;z-index:3;background:white;color:var(--navy);border-radius:12px;padding:17px 21px;display:flex;gap:15px;align-items:center;box-shadow:0 10px 30px #0003;font-size:12px}.floating-note b{font-size:15px;display:block;margin-bottom:4px}.floating-note .icon{color:var(--red);width:28px;height:28px}.hero-counter{position:absolute;bottom:27px;right:40px;color:#b9b7cc;font-size:12px;display:flex;gap:15px;align-items:center}.hero-counter:before{content:'';width:64px;height:2px;background:var(--red)}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:28px 0;gap:30px}.service-item{display:flex;align-items:center;gap:14px}.service-item .icon{color:var(--red);width:25px;height:25px}.service-item b{font-size:14px;display:block;margin-bottom:4px}.service-item small{color:var(--muted);font-size:12px}.section{padding:76px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-title h2{font-size:36px;line-height:1.2;margin-top:12px}.section-title p{color:var(--muted);font-size:14px;margin-top:12px;max-width:520px}.section-title .eyebrow{color:var(--red)}.demo-switch{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:var(--navy);color:white;border:1px solid #ffffff20;border-radius:12px;padding:5px 7px;gap:4px;z-index:30;box-shadow:0 5px 30px #0003;white-space:nowrap}.demo-switch small{font-size:10px;letter-spacing:.08em;color:#bebdcd;padding:0 12px}.demo-switch button{font-size:12px;padding:10px 15px;border-radius:7px}.demo-switch button.active{background:var(--red)}#toast{position:fixed;right:24px;bottom:85px;background:var(--navy);color:white;padding:16px 22px;border-radius:12px;z-index:100;max-width:380px;box-shadow:0 8px 30px #0003;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none;font-size:14px}#toast.show{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:20px;padding:0;max-width:650px;width:calc(100% - 32px);box-shadow:0 30px 90px #0005;max-height:88vh}dialog::backdrop{background:#100e2ca8;backdrop-filter:blur(5px)}.modal-content{padding:30px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-head h2{font-size:24px;letter-spacing:-.04em}.modal-head button{font-size:24px}.demo-note{font-size:12px;color:var(--muted);line-height:1.6}.mobile-menu{display:none}@media(max-width:900px){.wrap{padding-inline:24px}.nav-links{display:none}.public-nav{height:76px;gap:20px}.nav-actions{margin-left:auto;gap:8px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.hero-orbit{width:350px;height:350px}.hero-visual{min-height:450px}.hero-dish{width:450px}.hero-masse{width:150px;right:10px;top:90px}.hero-proof{gap:12px;flex-wrap:wrap}.floating-note{bottom:45px;left:0}.service-strip{grid-template-columns:repeat(2,1fr)}.demo-switch small{display:none}}@media(max-width:600px){.wrap{padding-inline:20px}.logo{width:115px}.nav-actions>.btn{padding:10px 12px;font-size:12px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-text{padding:45px 0 0}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-visual{min-height:360px}.hero-orbit{width:300px;height:300px;right:-25px;top:30px}.hero-dish{width:440px;margin-right:-60px}.hero-masse{top:26px;right:10px;width:155px}.floating-note{bottom:30px;left:0;padding:12px 16px}.hero-counter{display:none}.hero-proof{margin-top:25px}.hero-buttons{gap:10px}.hero-buttons .btn{padding:13px 16px}.service-strip{gap:20px;padding:24px 0}.service-item{gap:9px}.service-item b{font-size:12px}.service-item small{font-size:11px}.section{padding:48px 0}.section-title h2{font-size:29px}.section-title{align-items:start;flex-wrap:wrap}.demo-switch{bottom:12px}.demo-switch button{font-size:11px;padding:10px 12px}}

/* Workflow 28: operational forms and map pins */
.wf-item-list{max-height:420px;overflow:auto;display:grid;gap:10px}.wf-item-list fieldset{display:grid;grid-template-columns:minmax(180px,1fr) 140px 180px;align-items:center;gap:12px;border:1px solid #dddfea;border-radius:12px;padding:14px}.wf-item-list small{display:block;color:#7b7d91}.wf-evidence{max-width:100%;max-height:280px;object-fit:contain;border-radius:12px;display:block}.location-pin{background:none;border:0}.location-pin span{display:block;width:26px;height:26px;border:3px solid white;border-radius:50% 50% 50% 0;background:#c40e20;transform:rotate(-45deg);box-shadow:0 2px 9px #0006}.map-service-help{padding:30px}.verification-entry{padding-top:48px;padding-bottom:48px}.verification-entry form{display:flex;gap:16px;align-items:end;margin-top:20px}.verification-entry label{display:grid;gap:8px;flex:1}.document-signatures canvas{max-width:100%;touch-action:none}.document-signatures fieldset{min-width:0}.corp-sign section{min-width:0}[data-wf-order-row]{cursor:pointer}[data-address-fields]{border:1px solid #dddfea;border-radius:12px;padding:18px}fieldset[hidden],[data-wf-online][hidden],[data-wf-own][hidden]{display:none!important}
@media(max-width:680px){.wf-item-list fieldset{grid-template-columns:1fr 110px}.wf-item-list fieldset label:first-child{grid-column:1/-1}.verification-entry form{flex-direction:column;align-items:stretch}.verification-entry{padding-top:30px;padding-bottom:30px}.wf-evidence{max-height:180px}}

/* Hidden conditional fields must not inherit grid display. */
[hidden]{display:none!important}

.handover-evidence{break-before:page;padding:20px 0}.handover-evidence img{display:block;max-width:100%;max-height:700px;object-fit:contain}
