@font-face{font-family:CMBangla;src:url('/assets/fonts/bangla.ttf') format('truetype');font-display:swap;font-weight:400 900}:root{--blue:#0866ff;--blue2:#2d7cff;--navy:#07152f;--ink:#11213d;--muted:#65738b;--line:#dfe7f2;--soft:#f4f7fb;--white:#fff;--green:#12a66a;--shadow:0 24px 70px rgba(8,35,79,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:CMBangla,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.shell,.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.announcement{background:var(--navy);color:#cdd9ec;text-align:center;padding:8px 16px;font-size:13px;letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(223,231,242,.8);backdrop-filter:blur(16px)}.header-inner,.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:18px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.04em}.main-nav,.links,.tabs{display:flex;align-items:center;gap:25px}.main-nav a{font-size:14px;font-weight:700;color:#43516a}.main-nav a:hover{color:var(--blue)}.btn{min-height:48px;padding:0 22px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.22s ease;box-shadow:0 10px 28px rgba(8,102,255,.2)}.btn:hover{transform:translateY(-2px);background:#005bea}.btn.ghost{background:#fff;color:var(--blue);border:1px solid #c9dcff;box-shadow:none}.btn.danger{background:#d83b4c}.hero-v3{overflow:hidden;background:radial-gradient(circle at 78% 20%,#dbe9ff 0,rgba(219,233,255,0) 33%),linear-gradient(180deg,#f9fbff 0,#fff 90%);padding:82px 0 70px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:74px;align-items:center}.signal,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-weight:900}.signal i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(18,166,106,.1)}.hero-copy h1{font-size:clamp(46px,5.2vw,72px);line-height:1.07;letter-spacing:-.045em;color:var(--navy);margin:20px 0 23px;max-width:690px}.hero-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:620px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin:31px 0 34px}.btn.primary{min-height:56px;padding:0 27px;font-size:16px}.text-link{font-weight:800;color:var(--navy);display:flex;align-items:center;gap:9px}.mini-play{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:11px}.proof-line{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px}.proof-line span{font-size:13px;color:#53627b;display:flex;align-items:center;gap:7px}.proof-line b{color:var(--blue);font-size:11px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-width:0}.visual-glow{position:absolute;inset:10%;background:#83b5ff;filter:blur(80px);opacity:.3}.meta-card{position:relative;width:min(100%,560px);margin-inline:auto;background:#fff;border:1px solid rgba(255,255,255,.96);border-radius:22px;padding:12px;box-shadow:var(--shadow);overflow:hidden}.meta-card-top{height:48px;display:flex;align-items:center;gap:10px;font-weight:850;padding:0 4px}.meta-mark{width:29px;height:29px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font:bold 24px Arial}.status-dot{margin-left:auto;background:#e9f8f1;color:#08764a;padding:5px 9px;border-radius:99px;font-size:11px}.meta-card>img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:1/1;object-fit:contain;object-position:center;background:#f8f1e6}.meta-card-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 5px 3px}.meta-card-foot div{display:flex;flex-direction:column}.meta-card-foot small{font-size:11px;color:var(--muted)}.meta-card-foot b{font-size:13px}.meta-card-foot i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.floating-chip{position:absolute;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:0 15px 35px rgba(8,35,79,.13);font-size:13px;font-weight:800}.chip-a{left:-38px;bottom:52px}.chip-b{right:-25px;top:80px;color:var(--blue)}.metric-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metrics div{padding:26px;border-right:1px solid var(--line);display:flex;flex-direction:column}.metrics div:first-child{border-left:1px solid var(--line)}.metrics strong{font-size:23px;color:var(--navy)}.metrics span{font-size:12px;color:var(--muted)}.section-v3{padding:96px 0}.section-intro{margin-bottom:45px}.section-intro.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px}.section-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.18;letter-spacing:-.035em;margin:12px 0 0;color:var(--navy)}.section-intro>p{color:var(--muted);font-size:16px;margin:0}.section-intro.centered{text-align:center;max-width:720px;margin:0 auto 48px}.section-intro.centered p{margin:15px auto 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{min-height:285px;border:1px solid var(--line);border-radius:16px;padding:27px;background:#fff;position:relative;transition:.25s}.benefit-card:hover{transform:translateY(-6px);border-color:#b8cff6;box-shadow:0 22px 50px rgba(8,35,79,.08)}.card-no{color:var(--blue);font-size:13px;font-weight:900}.line-icon{position:absolute;right:24px;top:24px;width:42px;height:42px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-size:22px}.benefit-card h3{font-size:23px;line-height:1.3;margin:78px 0 10px}.benefit-card p{color:var(--muted);margin:0}.process-section{background:var(--navy);color:#fff}.process-section h2{color:#fff}.process-section .section-intro p{color:#aebbd0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:16px;overflow:hidden}.step{background:#0b1b39;padding:30px;min-height:240px}.step span{color:#72a8ff;font-size:12px;font-weight:900}.step h3{font-size:20px;margin:75px 0 8px}.step p{color:#9fadc3;font-size:14px}.video-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}.video-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.16;margin:13px 0 18px;color:var(--navy)}.video-copy p,.video-copy li{color:var(--muted)}.video-copy ul{list-style:none;padding:0;margin:24px 0}.video-copy li{padding:8px 0;border-bottom:1px solid var(--line)}.video-cover{width:100%;border:0;padding:0;border-radius:19px;overflow:hidden;position:relative;cursor:pointer;background:#000;box-shadow:var(--shadow)}.video-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:25px;box-shadow:0 0 0 13px rgba(255,255,255,.2);transition:.2s}.video-cover:hover .play-button{transform:translate(-50%,-50%) scale(1.08)}.watch-label{position:absolute;left:22px;bottom:20px;background:rgba(7,21,47,.86);color:#fff;padding:9px 12px;border-radius:8px;font-size:13px}.inline-player{background:#000;border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.inline-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.youtube-fallback{display:block;text-align:center;color:#fff;background:#111;padding:10px;font-size:13px}.proof-section{background:var(--soft)}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.work-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.work-image{position:relative}.work-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.work-image span{position:absolute;left:10px;top:10px;background:#eaf8f1;color:#08764a;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:900}.work-card>div:last-child{padding:12px 6px 5px}.work-card h3{font-size:16px;margin:0}.work-card p{font-size:12px;color:var(--muted);margin:3px 0}.empty-proof{border:1px dashed #b8c7dc;border-radius:14px;padding:38px;text-align:center;display:flex;flex-direction:column}.empty-proof span{color:var(--muted)}.order-zone{background:linear-gradient(145deg,#07152f,#0b2149);padding:96px 0}.order-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}.offer-card{color:#fff;padding:35px 20px 20px 0}.kicker.light{color:#76aaff}.offer-card h2{font-size:38px;line-height:1.2;margin:14px 0 30px}.offer-price{border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:18px 0;display:flex;align-items:end;justify-content:space-between}.offer-price small{color:#9eacc2}.offer-price strong{font-size:38px}.offer-card ul{list-style:none;padding:15px 0}.offer-card li{padding:9px 0;color:#d3dceb}.offer-card li i{color:#62d6a5;font-style:normal;margin-right:8px}.support-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px;display:flex;flex-direction:column}.support-card span{font-size:12px;color:#9eacc2}.support-card a{font-weight:800}.order-form{background:#fff;border-radius:20px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.2)}.form-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:25px}.form-heading>span{width:38px;height:38px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.form-heading h2{font-size:29px;line-height:1.2;margin:0}.form-heading p{margin:5px 0;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.full{grid-column:1/-1}.field{margin-bottom:2px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:7px}.field em{font-style:normal;font-weight:500;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #cad5e4;border-radius:9px;padding:12px 13px;min-height:48px;background:#fff;color:var(--ink)}textarea{min-height:86px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #dce9ff;border-color:var(--blue)}.payment-box{margin:22px 0}.payment-box>span{font-size:13px;font-weight:850}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.payment-options label{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:22px 1fr;cursor:pointer}.payment-options input{grid-row:1/3;width:auto;min-height:auto}.payment-options b{font-size:13px}.payment-options small{font-size:11px;color:var(--muted)}.submit-order{width:100%;min-height:56px;justify-content:space-between;padding:0 20px;font-size:16px}.submit-order span{font-size:13px}.privacy-note{text-align:center;color:var(--muted);font-size:11px;margin:14px 0 0}.site-footer{background:#050e20;color:#b6c2d5;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.brand.inverse b{color:#fff}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid>div>b{color:#fff;margin-bottom:5px}.footer-grid a{font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;font-size:11px}.mobile-order{display:none}.adminbody{background:#f3f6fa;min-height:100vh}.adminnav{background:#07152f;color:#fff;position:sticky;top:0;z-index:100}.adminnav .nav{height:70px}.tabs a{font-size:13px;color:#c6d0e0;padding:8px 9px;border-radius:7px}.tabs a:hover{background:rgba(255,255,255,.08);color:#fff}.adminmain{padding:36px 0 70px}.adminmain h1{font-size:34px;margin:0 0 20px}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 30px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.stat b{display:block;font-size:27px}.muted,.notice{color:var(--muted)}.alert{padding:12px;border-radius:9px;margin-bottom:15px}.alert.error{background:#fff0f1;color:#a32838}.alert.ok{background:#eaf8f1;color:#08764a}.tablebox{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:13px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}th{background:#f8fafc;color:#58667d}.badge{display:inline-block;border-radius:99px;padding:4px 8px;background:#edf3fc;font-size:11px;font-weight:800}.admin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.work-admin-list{display:grid;gap:14px}.work-edit{display:grid;grid-template-columns:100px 1fr 1fr;gap:12px;align-items:end}.work-edit img{width:100px;height:100px;object-fit:cover;border-radius:9px;grid-row:1/3}.row-actions{display:flex;gap:8px}.settings-form{display:grid;gap:16px}.settings-section{border-bottom:1px solid var(--line);padding-bottom:20px}.settings-section h3{font-size:20px}.password-card{margin-top:18px;max-width:520px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#dce9ff,transparent 30%),var(--soft)}.login .panel{width:min(430px,calc(100% - 30px));box-shadow:var(--shadow)}.loginlogo{width:72px;margin:auto}.danger{background:#d83b4c!important}@media(max-width:960px){.main-nav{display:none}.hero-grid,.video-layout,.order-layout{grid-template-columns:1fr}.hero-visual{max-width:620px;margin:auto;width:100%}.chip-a{left:10px}.chip-b{right:10px}.metrics{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.section-intro.split{grid-template-columns:1fr;gap:18px}.offer-card{padding-right:0}.tabs{overflow:auto;white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:620px){body{font-size:15px}.shell,.wrap{width:min(100% - 28px,1180px)}.announcement{font-size:10px}.header-inner{height:66px}.brand img{width:38px;height:38px}.brand b{font-size:16px}.header-cta{min-height:42px;padding:0 14px;font-size:12px}.hero-v3{padding:52px 0 50px}.hero-grid{gap:45px}.hero-copy h1{font-size:38px;line-height:1.12}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:14px}.text-link{justify-content:center}.proof-line{display:grid;grid-template-columns:1fr 1fr;gap:12px}.floating-chip{display:none}.meta-card-foot{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:17px 12px}.metrics strong{font-size:19px}.section-v3,.order-zone{padding:68px 0}.section-intro h2,.video-copy h2{font-size:34px}.benefit-card{min-height:235px}.benefit-card h3{margin-top:55px}.timeline{grid-template-columns:1fr}.step{min-height:auto}.step h3{margin:30px 0 6px}.play-button{width:60px;height:60px}.work-grid{grid-template-columns:1fr 1fr;gap:10px}.work-card h3{font-size:14px}.order-form{padding:22px 16px}.form-grid,.payment-options{grid-template-columns:1fr}.form-heading h2{font-size:25px}.offer-card h2{font-size:32px}.footer-grid{grid-template-columns:1fr;gap:28px}.mobile-order{position:fixed;display:block;z-index:200;left:14px;right:14px;bottom:12px;background:var(--blue);color:#fff;text-align:center;border-radius:12px;padding:13px;font-weight:850;box-shadow:0 14px 35px rgba(8,102,255,.35)}.site-footer{padding-bottom:90px}.stats{grid-template-columns:1fr 1fr}.adminnav .brand span{display:none}.adminnav .tabs{gap:4px}.work-edit{grid-template-columns:70px 1fr}.work-edit img{width:70px;height:70px}.work-edit .field{grid-column:2}.page-title{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Ultimate management and responsive refinements */
.meta-card>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;background:#fbf0dd;border-radius:14px}.hero-grid{align-items:center}.hero-visual{max-width:570px;margin-left:auto;width:100%}.meta-card{overflow:visible}.filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto auto;gap:10px;align-items:center;margin-bottom:16px}.filter-bar input,.filter-bar select{margin:0}.result-count{font-size:13px;color:var(--muted);margin:12px 0}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-card{display:flex;flex-direction:column;gap:18px}.customer-head{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.customer-head h3{margin:0 0 4px;font-size:18px}.avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#e7f0ff,#cfe0ff);color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:900}.customer-value{text-align:right;display:flex;flex-direction:column}.customer-value small{color:var(--muted);font-size:11px}.customer-value b{font-size:14px}.active-badge{background:#e8f7f0;color:#08764a}.inactive-badge{background:#fff0f1;color:#a32838}.customer-edit{display:flex;flex-direction:column;gap:13px}.customer-edit>.btn{align-self:flex-start}.password-reset-box{border-radius:11px;background:var(--soft);padding:14px}.password-reset-box>label{font-size:12px;font-weight:850;display:block;margin-bottom:7px}.password-reset-box>div{display:grid;grid-template-columns:1fr auto;gap:8px}.password-reset-box .btn{min-height:48px}.tablebox form select,.tablebox form input{min-width:130px;margin-bottom:5px}.adminmain .page-title h1{margin-bottom:4px}.adminmain .page-title p{margin:0}.login .panel a{color:var(--blue);font-weight:750}.favicon-preview{width:24px;height:24px}
@media(max-width:1050px){.filter-bar{grid-template-columns:1fr 1fr 1fr}.filter-bar>input:first-of-type{grid-column:1/-1}.customer-grid{grid-template-columns:1fr}.hero-visual{margin:0 auto}}
@media(max-width:620px){.hero-visual{max-width:100%}.meta-card{padding:10px;border-radius:17px}.meta-card-top{font-size:12px}.floating-chip{font-size:10px;padding:7px 9px}.chip-a{left:-5px;bottom:-13px}.chip-b{right:-4px;top:55px}.filter-bar{grid-template-columns:1fr}.filter-bar>input:first-of-type{grid-column:auto}.filter-bar .btn{width:100%}.customer-head{grid-template-columns:45px 1fr}.avatar{width:45px;height:45px}.customer-value{grid-column:1/-1;text-align:left;border-top:1px solid var(--line);padding-top:10px}.password-reset-box>div{grid-template-columns:1fr}.customer-card{padding:17px}.page-title .btn{width:100%;margin-top:12px}}

/* Next update: fitted hero banner and professional order operations */
.meta-card>img{aspect-ratio:16/9!important;width:100%;height:auto;object-fit:contain!important;object-position:center;background:#f8eedf}.hero-visual{max-width:620px}.meta-card{transform:none}.orders-list{min-width:1050px}.orders-list th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#718096}.orders-list td{vertical-align:middle;padding:16px 13px}.orders-list tbody tr{transition:background .18s ease}.orders-list tbody tr:hover{background:#f8fbff}.orders-list td small,.orders-list td>a+small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.serial{color:#8a98ad;font-weight:800}.order-number{font-weight:900;color:var(--blue)}.manage-link{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #c8d9f4;border-radius:8px;color:var(--blue);font-weight:850;font-size:12px;white-space:nowrap}.manage-link:hover{background:#eaf2ff}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:850;white-space:nowrap;border:1px solid transparent}.status-new,.payment-unpaid{background:#fff7e5;color:#986400;border-color:#ffe2a3}.status-contacted,.payment-pending{background:#edf3ff;color:#245fbb;border-color:#cadcff}.status-processing{background:#e8f2ff;color:#075ec8;border-color:#b9d8ff}.status-completed,.payment-paid{background:#e9f8f1;color:#08764a;border-color:#bde8d3}.status-cancelled,.payment-failed{background:#fff0f1;color:#a32838;border-color:#ffc9cf}.payment-refunded{background:#f1edff;color:#6346a6;border-color:#d9cef8}.empty-row{text-align:center!important;padding:40px!important;color:var(--muted)}.order-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.order-main{display:grid;gap:16px}.order-editor{position:sticky;top:90px}.order-editor h2{font-size:25px;margin:8px 0 20px}.order-editor form{display:grid;gap:14px}.save-order{width:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.detail-header>div{display:flex;gap:7px}.detail-header>strong{font-size:25px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid>div{background:var(--soft);border-radius:10px;padding:13px;display:flex;flex-direction:column;min-height:75px}.detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.detail-grid b,.detail-grid a{font-size:14px;margin-top:3px;overflow-wrap:anywhere}.detail-grid a{color:var(--blue);font-weight:750}.detail-grid.compact{grid-template-columns:repeat(4,1fr)}.customer-note{margin-top:16px;border-left:3px solid var(--blue);background:#f7faff;padding:13px 15px}.customer-note small{color:var(--muted)}.customer-note p{margin:4px 0}.quick-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.quick-contact a{text-align:center;padding:10px;border-radius:8px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:800}.history-list{position:relative}.history-item{display:grid;grid-template-columns:18px 1fr;gap:9px;padding-bottom:17px}.history-item i{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px;box-shadow:0 0 0 5px #eaf2ff}.history-item b{font-size:13px}.history-item p{margin:2px 0;color:var(--muted);font-size:12px}.history-item small{font-size:10px;color:#93a0b4}.filter-bar{grid-template-columns:minmax(300px,1fr) 165px 165px auto auto}
@media(max-width:1050px){.order-workspace{grid-template-columns:1fr}.order-editor{position:static}.detail-grid,.detail-grid.compact{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-visual{max-width:100%}.meta-card>img{aspect-ratio:16/9!important}.floating-chip{display:none}.detail-grid,.detail-grid.compact{grid-template-columns:1fr}.detail-header{align-items:flex-start}.detail-header>div{flex-wrap:wrap}.detail-header>strong{font-size:20px}.quick-contact{grid-template-columns:1fr}.order-editor{padding:18px}.orders-list{min-width:900px}.filter-bar{grid-template-columns:1fr}}

/* Clean CRM, customer portal and simplified frontend */
.hero-v3{padding:68px 0 62px}.hero-copy h1{font-size:clamp(43px,4.8vw,64px);max-width:650px}.hero-copy>p{max-width:590px}.section-v3{padding:78px 0}.benefit-card{min-height:245px}.customer-search{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:10px;margin-bottom:14px}.customers-list{min-width:1050px}.customers-list td{vertical-align:middle;padding:15px 13px}.customers-list td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.customer-inline{display:flex;align-items:center;gap:10px}.avatar-sm{width:38px;height:38px;border-radius:10px;background:#e4eeff;color:var(--blue);display:grid;place-items:center;font-weight:900}.customer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.customer-editor{display:grid;gap:15px;position:sticky;top:90px}.customer-editor form{display:grid;gap:13px}.profile-summary{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.profile-avatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,#e7f0ff,#cfe0ff);color:var(--blue);display:grid;place-items:center;font-size:27px;font-weight:900}.profile-summary h2{margin:0 0 5px}.profile-metrics{display:flex;gap:10px}.profile-metrics>div{background:var(--soft);border-radius:10px;padding:11px 14px;display:flex;flex-direction:column}.profile-metrics small{color:var(--muted);font-size:10px}.profile-metrics b{font-size:15px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750}.check-row input{width:auto;min-height:auto}.reset-panel{border-top:3px solid #dce8fb}.customer-dashboard{max-width:1100px}.portal-welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.portal-welcome h1{margin:7px 0 4px}.portal-welcome p{margin:0;color:var(--muted)}.portal-stats{display:grid;grid-template-columns:180px 180px 1fr;gap:14px;margin-bottom:18px}.portal-stats>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column}.portal-stats small{font-size:11px;color:var(--muted)}.portal-stats b{font-size:20px;overflow-wrap:anywhere}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h2{margin:0}.panel-heading span{font-size:12px;color:var(--muted)}.portal-orders{padding:22px}.customer-nav .brand small{color:#9cabc1}
@media(max-width:1050px){.customer-workspace{grid-template-columns:1fr}.customer-editor{position:static}.profile-summary{grid-template-columns:58px 1fr}.profile-metrics{grid-column:1/-1}.customers-list{min-width:950px}}
@media(max-width:620px){.hero-v3{padding:46px 0 48px}.hero-copy h1{font-size:38px}.section-v3{padding:58px 0}.benefit-card{min-height:210px}.customer-search{grid-template-columns:1fr}.customer-search .btn{width:100%}.profile-summary{grid-template-columns:50px 1fr}.profile-avatar{width:50px;height:50px}.profile-metrics{display:grid;grid-template-columns:1fr 1fr}.portal-welcome{align-items:flex-start;flex-direction:column;gap:14px}.portal-welcome .btn{width:100%}.portal-stats{grid-template-columns:1fr 1fr}.portal-stats>div:last-child{grid-column:1/-1}.customer-editor .panel{padding:18px}}