:root{--navy:#102c57;--deep:#0b234b;--blue:#176be1;--bright:#3187f5;--muted:#71809b;--border:#e5edf7;--canvas:#f4f7fc;--white:#fff;--shadow:0 9px 27px rgba(26,65,126,.042);--radius:15px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#203455;background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.53}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.22;letter-spacing:-1.1px;color:#102b53;font-weight:780;margin-bottom:8px}h2{font-size:17px;letter-spacing:-.43px;line-height:1.32;font-weight:760;color:#132f56;margin-bottom:0}h3{font-size:14px;color:#18375e}small{font-size:11px}p{color:var(--muted)}.muted{color:var(--muted)}.eyebrow{color:#4282dc;font-size:9px;letter-spacing:1.5px;font-weight:850;text-transform:uppercase;display:block;margin-bottom:7px}.mini{font-size:11px}.center{text-align:center}.top-space{margin-top:19px}.wave{color:#73b8ff;font-size:25px}.req{color:#e05d45}.good-text{color:#089677!important}.due-text{color:#d66e35!important}.undertext{display:block;color:#97a3b3;margin-top:3px}.full{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;padding:10px 15px;min-height:39px;line-height:1.2;font-size:12px;font-weight:750;white-space:nowrap;transition:.16s ease;background:white;color:#205087;box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:linear-gradient(115deg,#0961d5,#2588f5);color:white;box-shadow:0 5px 12px #1c75e722}.btn.primary:hover{box-shadow:0 8px 19px #1c75e733}.btn.outline{border-color:#d8e4f3;color:#295380}.btn.outline:hover{border-color:#9fc6f7;background:#f5faff}.btn.light{color:#195da9;background:#e9f3ff}.btn.small{font-size:11px;padding:7px 10px;min-height:31px}.btn.large{padding:15px 17px;min-height:48px;justify-content:space-between}.text-link{color:#2873ce;font-weight:780;font-size:11px}.table-link{color:#216fd4;font-weight:800}.table-link:hover,.text-link:hover{text-decoration:underline}
.sidebar{width:242px;flex:0 0 242px;position:fixed;inset:0 auto 0 0;z-index:5;background:#fff;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:22px 14px 15px}.brand{display:flex;align-items:center;gap:8px;padding:3px 11px 28px}.brand img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 3px 5px #145fbc20)}.brand>span{font-size:20px;font-weight:600;letter-spacing:-1.3px;color:#124b93;line-height:1.12}.brand strong{font-weight:880;color:#1e7de5}.brand small{display:block;font-size:7px;letter-spacing:1.8px;color:#99a7b9;font-weight:800;margin-top:5px}.sidebar-label{color:#a1adbb;letter-spacing:1.35px;font-weight:900;font-size:9px;padding:16px 18px 10px}.nav-links{display:grid;gap:3px}.nav-links a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:#5f7087;font-size:12px;font-weight:660;position:relative;transition:background .15s}.nav-links a>span{font-size:18px;font-weight:400;width:22px;height:20px;display:inline-grid;place-items:center;color:#8b9bb0}.nav-links a:hover{background:#f3f8ff;color:#235aab}.nav-links a.active{background:#eaf3ff;color:#0e65d4;font-weight:800}.nav-links a.active>span{color:#176bdb}.nav-links a.highlight-nav:not(.active){background:#f7faff;color:#1768d0}.sidebar-bottom{margin-top:auto}.sidebar-note{margin:10px 6px 16px;background:#f4f9ff;border:1px solid #e2efff;border-radius:10px;padding:12px 13px;font-size:11px;color:#22538e;font-weight:750}.sidebar-note small{display:block;line-height:1.6;color:#8298b2;font-weight:500;margin-top:3px}.indicator{display:inline-block;background:#40cbaa;width:7px;height:7px;border-radius:50%;margin-right:4px}.sidebar-logout{border:0;background:transparent;width:100%;padding:12px 17px;text-align:left;color:#8d9daf;font-weight:700}.sidebar-logout:hover{color:#d45f53}.main-area{margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:16px}.breadcrumbs{display:block;color:#a0adbe;font-size:9px;letter-spacing:1.25px;font-weight:750;margin-bottom:2px;text-transform:uppercase}.topbar-location strong{font-size:13px;color:#1d3b66}.topbar-right{display:flex;align-items:center;gap:13px}.today{color:#91a2b6;font-size:11px;margin-right:12px}.avatar,.staff-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#1f66db,#66afff);color:white;font-weight:800;font-size:14px}.profile strong,.profile small{display:block;line-height:1.5}.profile strong{color:#294566;font-size:12px}.profile small{color:#9aa7b9;font-size:10px}.menu-toggle{display:none;border:0;color:#25528f;background:#f1f6ff;padding:10px;border-radius:9px;font-size:18px}.page-content{width:100%;max-width:1540px;margin:0 auto;padding:29px 29px 42px;flex:1}.footer{display:flex;justify-content:space-between;padding:10px 30px 18px;color:#a2aec0;font-size:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.page-heading p{margin-bottom:0;color:#8391a7;font-size:12px}.page-heading .eyebrow{margin-bottom:5px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:12px 16px;border-radius:10px;margin-bottom:17px;font-size:12px;font-weight:700;border:1px solid}.alert.success{background:#e9faf5;color:#167d60;border-color:#ccefe5}.alert.error{background:#fff3ee;color:#bc532c;border-color:#ffdfd1}
.hero-banner{position:relative;overflow:hidden;background:linear-gradient(110deg,#0c3e92 1%,#1260c7 56%,#358df7);border-radius:16px;min-height:192px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#fff;padding:27px 33px;box-shadow:0 15px 30px #1764cf15}.hero-banner h2{color:white;font-size:24px;line-height:1.33;letter-spacing:-.7px;margin:7px 0}.hero-banner p{color:#cee4ff;margin-bottom:12px;font-size:12px}.hero-tag{color:#bcd9ff;border:1px solid #ffffff42;border-radius:4px;padding:4px 7px;font-size:8px;letter-spacing:1.3px;font-weight:850}.hero-link{font-size:11px;color:#fff;font-weight:800;border-bottom:1px solid #accfff;padding-bottom:3px}.hero-art{width:210px;height:170px;flex:0 0 210px;position:relative;display:grid;place-items:center}.hero-art img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 10px 19px #01235d55);z-index:1}.hero-orbit{position:absolute;border:1px solid #ffffff4f;border-radius:50%;width:235px;height:235px}.orbit-two{width:305px;height:305px;opacity:.55}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.stat-card{background:white;border:1px solid var(--border);border-radius:13px;padding:19px 20px 17px;box-shadow:var(--shadow);min-height:143px}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;margin-bottom:12px;font-size:18px}.stat-icon.blue{color:#1d73e3;background:#ebf4ff}.stat-icon.purple{color:#7654d9;background:#f1edff}.stat-icon.turquoise{color:#17a38d;background:#e7faf5}.stat-icon.gold{color:#db9d2c;background:#fff6e5}.stat-label{font-size:11px;color:#73829b;font-weight:660}.stat-value{font-size:25px;font-weight:820;color:#152f55;letter-spacing:-.6px;margin:1px 0}.stat-value.smaller{font-size:19px;min-height:39px;display:flex;align-items:center}.stat-card small{color:#abb7c6}.dashboard-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px}.right-stack{display:grid;align-content:start;gap:17px}.panel{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);background:white;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.panel-head .eyebrow{margin-bottom:4px}.quick-panel{padding-bottom:6px}.quick-panel>h2{margin-bottom:12px}.quick-panel>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f3f8}.quick-panel>a:last-child{border-bottom:0}.quick-panel>a:hover strong{color:#176cdd}.quick-panel>a .quick-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#2773db;background:#eef5ff;font-size:19px;flex:0 0 35px}.quick-panel>a span:nth-child(2){flex:1}.quick-panel strong,.quick-panel small{display:block}.quick-panel strong{font-size:12px;color:#254365}.quick-panel small{color:#99a9bc;margin-top:3px}.quick-panel b{color:#89a1bc}.insight{border-radius:14px;background:#eaf2ff;border:1px solid #dbeafe;padding:19px 21px}.insight div{display:flex;align-items:center;gap:12px;margin-top:9px}.insight strong{font-size:26px;color:#1759b0;min-width:35px}.insight .money-small{font-size:17px;white-space:nowrap}.insight span:not(.eyebrow){font-size:11px;color:#5275a3}.insight hr{border:0;border-top:1px solid #cfe1fc;margin:12px 0}.empty-inline{text-align:center;padding:45px 12px;color:#8b9bb0;font-size:12px}.empty-inline.compact{padding:20px}.empty-inline h3{margin:9px 0 4px}.empty-inline p{margin:0 0 18px}.empty-symbol{margin:auto;width:52px;height:52px;border-radius:16px;background:#ecf4ff;color:#4088df;display:grid;place-items:center;font-size:26px}.empty-state{text-align:center;margin:auto;max-width:550px;padding:80px 20px}
.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#9aa7b9;font-size:9px;letter-spacing:.8px;font-weight:900;padding:10px 12px;border-bottom:1px solid #edf1f7}td{padding:15px 12px;border-bottom:1px solid #f0f3f8;font-size:11px;color:#6b7b93}td strong{color:#294261;font-weight:770}tr:last-child td{border-bottom:0}tbody tr:hover:not(.edit-row){background:#fbfdff}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.chip{display:inline-flex;align-items:center;border-radius:5px;font-size:10px;font-weight:790;padding:5px 8px;white-space:nowrap}.chip.received{color:#3b70c9;background:#eaf2ff}.chip.washing{color:#8a65c4;background:#f4eefe}.chip.ready{color:#0e9978;background:#def8f0}.chip.delivered{color:#16559f;background:#e0ecfc}.chip.cancelled{color:#ac6570;background:#fff0f1}.table-arrow{display:grid;place-items:center;background:#f3f8ff;color:#4685cf;width:27px;height:27px;border-radius:7px;font-size:13px;font-weight:800}.table-foot{margin:15px 0 0}.pill-count{background:#e9f2ff;color:#226fc2;border-radius:7px;padding:5px 9px;font-weight:800}.inline-search{display:flex;gap:7px}.inline-search input{min-width:130px;width:176px}.filter-bar{display:flex;gap:10px;padding:0 0 20px;align-items:center}.filter-bar select{width:185px}.search-grow{position:relative;flex:1}.search-grow input{padding-left:36px}.search-grow span{position:absolute;top:8px;left:13px;font-size:19px;color:#8fa2ba}.table-wrap tr.edit-row td{padding:16px 10px;background:#f6faff}.inline-edit{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-edit label{flex:1;min-width:100px;font-size:10px}.inline-edit input,.inline-edit select{margin-top:4px;min-width:90px}
label{display:block;color:#465b79;font-weight:720;font-size:11px}label small{color:#94a3b8}input,select,textarea{width:100%;min-height:40px;border:1px solid #dce6f2;background:#fbfdff;color:#243f63;padding:10px 12px;outline:none;border-radius:8px;transition:border-color .16s,box-shadow .16s;font-size:12px;margin-top:7px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#67a5ed;background:white;box-shadow:0 0 0 3px #3b89eb19}input::placeholder,textarea::placeholder{color:#adbacb}.form-stack{display:grid;gap:15px}.form-stack .btn{margin-top:5px}.two-cols,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .span-all,.span-all{grid-column:1/-1}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-panels.left-wide{grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr)}.site-list,.staff-list{display:grid;gap:6px}.site-item,.staff-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef2f7;padding:12px 0}.site-item:last-child,.staff-item:last-child{border:0}.site-icon{width:36px;height:36px;background:#eaf4ff;border-radius:9px;display:grid;place-items:center;color:#2471d7;font-size:19px}.site-item>div:nth-child(2),.staff-item>div{flex:1;min-width:0}.site-item strong,.staff-item strong{display:block;font-size:12px;color:#2b4667}.site-item small,.staff-item small{display:block;color:#9aaabc;line-height:1.65;margin-top:3px}.staff-avatar{flex:0 0 35px}.notes-box{background:#f4f8fe;color:#607792;padding:12px;border-radius:9px;font-size:12px;margin-top:10px}
.order-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);gap:18px;align-items:start}.order-main{display:grid;gap:17px}.order-summary{min-width:0}.section-panel{padding:23px}.section-top{display:flex;align-items:center;gap:11px;margin-bottom:22px}.step{display:grid;place-items:center;background:#eaf3ff;border:1px solid #dbeafe;color:#2271d9;border-radius:8px;width:35px;height:35px;flex:0 0 35px;font-size:13px;font-weight:880}.section-top h2{font-size:16px}.section-top .eyebrow{font-size:9px;margin-bottom:4px}.item-labels,.item-line{display:grid;grid-template-columns:minmax(160px,1fr) 77px 106px 27px;gap:10px;align-items:center}.item-labels{color:#9aaabc;font-weight:840;font-size:9px;letter-spacing:.8px;padding-bottom:9px;border-bottom:1px solid #eaf0f7}.item-line{border-bottom:1px solid #eef2f8;padding:11px 0}.item-line select,.item-line input{margin-top:0}.qty-input{text-align:center}.line-total{font-size:12px;font-weight:850;color:#26456c;text-align:right}.remove-line{border:0;background:#fff0f0;color:#cc6565;border-radius:7px;width:27px;height:31px;font-size:19px}.item-table>.btn{margin-top:15px}.summary-sticky{position:sticky;top:15px}.payment-summary{display:grid;gap:7px;margin-bottom:19px}.payment-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 0}.payment-summary span{color:#8191a7;font-size:11px}.payment-summary strong{font-size:12px;color:#294363}.payment-summary hr{border:0;border-top:1px solid #edf1f7;width:100%;margin:9px 0}.payment-summary .grand-total{align-items:start}.payment-summary .grand-total span{font-weight:820;color:#2a4467;font-size:12px}.payment-summary .grand-total strong{font-size:20px;color:#1166d5;letter-spacing:-.5px}.payment-fields{padding-top:15px;border-top:1px solid #eef2f8}.remaining{display:flex;justify-content:space-between;gap:10px;background:#f5f9ff;padding:13px;border-radius:8px;font-size:12px;color:#7289a8}.remaining strong{color:#1c569f}.receipt-note{background:#eff8ff;color:#4f7eb2;padding:11px;border-radius:9px;line-height:1.6;font-size:11px}.details-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.8fr);gap:18px}.left-details{display:grid;gap:17px;align-content:start}.key-values{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.key-values small{display:block;color:#93a1b5;font-size:10px;margin-bottom:5px}.key-values strong{color:#2a4768;font-size:12px}.notice-success{background:#e9faf5;color:#0d8465;padding:12px;border-radius:8px;text-align:center;font-weight:720;font-size:11px}.status-timeline{margin:10px 0 18px;display:grid;gap:15px}.timeline-step{display:flex;align-items:center;gap:11px;color:#acb4c1;font-size:12px}.timeline-step span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eff2f6;color:#9aa7b5;font-size:11px;font-weight:800}.timeline-step.done{color:#316ca9;font-weight:750}.timeline-step.done span{color:#fff;background:#1879e7}.status-actions{display:grid;gap:8px}.status-actions form{margin:0}
.auth-page{min-height:100vh;background:#f3f8ff;overflow-x:hidden;position:relative}.auth-page::before{content:"";position:fixed;inset:-45% auto auto -20%;width:65vw;height:85vw;background:radial-gradient(circle,#e0efff,transparent 69%);pointer-events:none}.auth-page::after{content:"";position:fixed;inset:auto -22% -58% auto;width:78vw;height:80vw;background:radial-gradient(circle,#e3f0ff,transparent 68%);pointer-events:none}.auth-shell{position:relative;z-index:1;max-width:1110px;margin:0 auto;padding:40px 28px 16px}.auth-brand{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1.1px;font-weight:600;color:#14519d}.auth-brand img{height:45px;width:45px;object-fit:contain}.auth-brand strong{color:#267fec;font-weight:850}.auth-layout{display:grid;grid-template-columns:1fr minmax(360px,420px);gap:70px;align-items:center;margin:75px auto 65px}.auth-copy h2{font-size:49px;letter-spacing:-2px;line-height:1.14;font-weight:840;color:#102f64;margin:14px 0 20px}.auth-copy h2 em{font-style:normal;color:#2281f1}.auth-copy p{max-width:420px;font-size:15px;line-height:1.85;color:#7287a5}.auth-stats{display:flex;gap:26px;margin-top:40px}.auth-stats span{font-size:22px;color:#1d6cce;font-weight:820;line-height:1.2}.auth-stats small{display:block;font-size:10px;font-weight:650;color:#8598b3;line-height:1.6;margin-top:6px;max-width:95px}.auth-card{background:white;border:1px solid #e3edf9;box-shadow:0 21px 60px #16487d16;padding:38px;border-radius:19px}.auth-card h1{font-size:29px;margin:2px 0 10px}.auth-card>p{line-height:1.7;margin-bottom:25px}.auth-card .form-stack{gap:18px}.auth-card input{min-height:46px;background:#f9fbff}.auth-switch{text-align:center;font-size:11px;margin:27px 0 0;color:#8292a9}.auth-switch a{color:#176be0;font-weight:850}.auth-footer{color:#a2b3ca;font-size:10px;text-align:center;padding:10px}.auth-card .eyebrow{margin-bottom:9px}
@media(min-width:1350px){.page-content{padding:34px 38px 45px}.panel{padding:24px}.sidebar{width:250px;flex-basis:250px}.main-area{margin-left:250px}}
@media(max-width:1130px){.sidebar{width:208px;flex-basis:208px}.main-area{margin-left:208px}.page-content{padding:22px}.topbar{padding:0 22px}.dashboard-two{grid-template-columns:minmax(0,1.35fr) minmax(245px,.9fr)}.two-panels.left-wide{grid-template-columns:1fr}.stat-card{padding:16px 13px}.stat-value.smaller{font-size:16px}.order-layout,.details-grid{grid-template-columns:minmax(0,1fr) minmax(255px,.8fr)}.section-panel{padding:17px}.item-labels,.item-line{grid-template-columns:minmax(130px,1fr) 65px 75px 25px;gap:6px}.item-line select{min-width:0}}
@media(max-width:870px){.sidebar{transform:translateX(-110%);width:248px;transition:transform .2s;box-shadow:0 12px 50px #0001}.sidebar.open{transform:translateX(0)}.mobile-shade.open{position:fixed;inset:0;background:#0c254466;z-index:4}.main-area{margin-left:0}.menu-toggle{display:block}.topbar{justify-content:flex-start}.topbar-right{margin-left:auto}.auth-layout{gap:24px}.auth-copy h2{font-size:35px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-layout,.details-grid{grid-template-columns:1fr}.summary-sticky{position:static}.dashboard-two{grid-template-columns:1fr}}
@media(max-width:630px){.page-content{padding:19px 13px 28px}.topbar{padding:0 13px;height:63px}.today,.profile,.breadcrumbs{display:none}.topbar-location strong{font-size:12px}.page-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.page-heading h1{font-size:23px}.page-heading .btn{min-height:34px;font-size:11px}.stats-grid{gap:9px}.stat-card{padding:15px 12px;min-height:130px}.stat-value{font-size:24px}.hero-banner{padding:21px;min-height:178px}.hero-banner h2{font-size:19px}.hero-art{width:98px;flex-basis:98px;height:100px}.hero-art img{width:92px;height:92px}.hero-orbit{width:125px;height:125px}.orbit-two{width:175px;height:175px}.panel{padding:17px 14px}.two-panels,.two-panels.left-wide,.form-grid,.two-cols{grid-template-columns:1fr}.span-all{grid-column:auto}.item-labels{display:none}.item-line{grid-template-columns:minmax(115px,1fr) 56px 68px 21px;gap:5px}.item-line select,.item-line input{font-size:10px;padding:7px 5px;min-height:37px}.item-line .line-total{font-size:10px}.remove-line{width:22px}.filter-bar{flex-wrap:wrap}.filter-bar .search-grow{flex:1 1 100%}.filter-bar select{flex:1;width:auto}.filter-bar .btn{flex:0 0 auto}.inline-search{flex-wrap:wrap}.inline-search input{width:155px}.footer{padding:12px;font-size:9px}.footer span{display:none}.auth-shell{padding:25px 15px}.auth-layout{display:flex;flex-direction:column;align-items:stretch;margin:32px 0 35px}.auth-copy{display:none}.auth-card{padding:25px 21px}.auth-card h1{font-size:25px}.key-values{gap:15px 8px}}
/* DIGIPRESING 1.2 — CRM métier, analytics et POS réception */
:root{--canvas:#f6f8fc;--border:#e9edf5;--blue:#2465e8;--navy:#172b4b;--muted:#8290a5;--shadow:0 4px 24px rgba(26,49,87,.029)}
body{font-size:12px}h1{letter-spacing:-1.15px}h2{letter-spacing:-.35px}.page-content{max-width:1680px}.panel{box-shadow:var(--shadow)}.topbar{height:70px}.brand img{width:45px;height:45px}.brand small{letter-spacing:1.1px}.brand>span{font-size:19px}.nav-links a{font-size:12px}.nav-links a>span{width:22px}.sidebar-note{background:#f3f7fe;border-color:#e9eff9}.theme-toggle{width:35px;height:35px;display:grid;place-items:center;color:#55739b;background:#f5f8fd;border:1px solid #e9eff8;border-radius:10px;font-size:17px;padding:0}.theme-toggle:hover{color:#2366d8;background:#eaf3ff}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.crm-heading,.pos-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}.crm-heading h1,.pos-heading h1{font-size:31px;margin:5px 0}.heading-spark{color:#3075e9;font-size:22px}.crm-heading p,.pos-heading p{font-size:12px;margin:0;color:#9ba7b8}.crm-heading-actions{display:flex;align-items:center;gap:9px}.crm-heading-actions select{margin:0;min-width:166px;background:white;font-weight:650}.crm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.crm-kpi{background:white;border:1px solid var(--border);border-radius:13px;min-height:154px;padding:21px;position:relative;overflow:hidden}.crm-kpi.lead{background:linear-gradient(125deg,#164ccc,#3479f2);border:0;color:white;box-shadow:0 9px 20px #2467df22}.crm-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8193ac;font-size:11px;font-weight:750}.crm-kpi.lead .crm-kpi-head{color:#dbe6ff}.crm-kpi-icon{font-size:23px;color:#c0d7ff}.crm-icon{background:#edf3ff;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:#2875e2;font-size:19px}.crm-icon.amber-icon{color:#bf8c29;background:#fff4da}.crm-kpi>strong{display:block;font-size:26px;font-weight:850;letter-spacing:-1px;margin:14px 0 7px;line-height:1.2;overflow-wrap:anywhere}.crm-kpi.lead>strong{font-size:27px}.crm-kpi-hint{color:#a0aec0;font-size:10px}.crm-kpi.lead .crm-kpi-hint{color:#d5e4ff}.kpi-spark{position:absolute;width:85px;right:10px;bottom:13px;opacity:.55}.micro-label{font-size:9px;padding:4px 7px;border-radius:6px;font-weight:800}.micro-label.amber{color:#b07913;background:#fff2d3}
.crm-charts{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(295px,.95fr);gap:16px;margin-bottom:19px}.crm-chart-panel,.crm-distribution{padding:24px!important;min-height:361px}.crm-chart-panel .panel-head,.crm-distribution .panel-head{align-items:flex-start}.crm-chart-panel h2,.crm-distribution h2,.crm-orders h2{font-size:15px}.crm-chart-panel .panel-head p,.crm-distribution .panel-head p,.crm-orders .panel-head p{font-size:11px;color:#9eacbd;margin:5px 0 0}.chart-tag{border:1px solid #e9eef7;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:650;color:#7188a6;white-space:nowrap}.chart-number{font-size:25px;letter-spacing:-.7px;font-weight:850;color:#193252;margin-top:26px}.chart-number span{font-size:10px;color:#a2b0c2;font-weight:500;letter-spacing:0;margin-left:7px}.crm-graph{height:189px;width:100%;margin:10px 0 0}.crm-graph svg{width:100%;height:100%;display:block}.chart-footer{display:flex;align-items:center;justify-content:space-between;color:#7890ac;font-size:10px}.chart-footer span{display:flex;align-items:center;gap:7px}.chart-footer i{width:8px;height:8px;background:#2469e9;border-radius:50%}.chart-footer small{color:#adb9c8}.donut-shell{height:190px;display:grid;place-items:center}.crm-donut{width:164px;height:164px;display:grid;place-items:center;border-radius:50%;transform:rotate(-90deg)}.crm-donut>div{transform:rotate(90deg);border-radius:50%;background:white;display:grid;align-content:center;justify-items:center;width:119px;height:119px}.crm-donut strong{font-size:31px;font-weight:850;color:#172e50;letter-spacing:-1px}.crm-donut span{font-size:10px;color:#9eacbc}.status-breakdown{display:grid;gap:11px}.status-breakdown>div{display:flex;justify-content:space-between;align-items:center;color:#6e819a;font-size:11px}.status-breakdown span{display:flex;align-items:center;gap:9px}.status-breakdown i{width:8px;height:8px;border-radius:50%}.status-breakdown strong{color:#293d5d}.status-breakdown small{color:#abb6c6;font-weight:500;margin-left:4px}.crm-orders{padding:23px!important}.crm-orders-header{align-items:center}.crm-order-tools{display:flex;align-items:center;gap:8px}.crm-order-tools input{margin:0;width:219px;font-size:11px}.crm-orders .table-wrap th{color:#9eacbd}.crm-orders .table-wrap td{padding:15px 12px}.crm-orders .undertext{font-size:10px}.payment-pill{font-size:10px;padding:6px 8px;border-radius:7px;font-weight:750}.payment-pill.pending{color:#ae7a1d;background:#fff5df}.payment-pill.settled{color:#15846b;background:#e9f8f3}.table-bottom{padding:15px 5px 0;display:flex;justify-content:space-between;font-size:10px;color:#a1afc1}
/* Reception POS: compact catalogue + true invoice preview */
.pos-workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(325px,.8fr);align-items:start;gap:16px}.pos-left{display:grid;align-content:start;gap:16px}.pos-right{min-width:0}.pos-workspace .panel{padding:21px}.pos-block-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.pos-block-head h2{font-size:15px;margin:0 0 4px}.pos-block-head p{font-size:10px;margin:0;color:#a5b3c3}.pos-step{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;background:#eaf2ff;border-radius:9px;color:#2164ce;font-weight:850}.pos-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.pos-fields .pos-span{grid-column:1/-1}.pos-fields .pos-fields{margin:0}.pos-fields label{font-size:10px}.pos-fields input,.pos-fields select,.pos-fields textarea{margin-top:5px;min-height:39px;background:#fff}.pos-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:15px}.pos-search{position:relative;flex:1 1 180px}.pos-search input{margin:0;min-height:37px;padding-left:33px;font-size:11px}.pos-search span{position:absolute;left:12px;top:6px;color:#8191ad;font-size:22px;line-height:1}.pos-tabs{display:flex;align-items:center;gap:5px;max-width:100%;overflow-x:auto;padding:2px}.pos-tabs button{font:750 10px inherit;font-size:10px;padding:9px 11px;white-space:nowrap;background:#f5f8fd;border:1px solid #ebf0f7;color:#617892;border-radius:8px}.pos-tabs button.active{background:#2566dc;border-color:#2566dc;color:white}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pos-product{min-width:0;min-height:114px;position:relative;text-align:left;border:1px solid #e9eef6;background:#fff;border-radius:11px;padding:12px;display:flex;align-items:flex-start;flex-direction:column;gap:5px;transition:border-color .15s,box-shadow .15s,background .15s}.pos-product:hover,.pos-product.in-cart{border-color:#79aef4;box-shadow:0 3px 16px #2469e712;background:#f8fbff}.pos-product-icon{width:29px;height:29px;display:grid;place-items:center;background:#eaf3ff;color:#2670d4;border-radius:9px;font-size:17px}.pos-product-info{min-width:0;display:block}.pos-product-info strong,.pos-product-info small{display:block;overflow:hidden;text-overflow:ellipsis}.pos-product-info strong{font-size:11px;color:#284369;font-weight:800;white-space:nowrap}.pos-product-info small{font-size:9px;color:#a0aec2;margin-top:3px}.pos-product-price{font-weight:850;color:#2065c8;font-size:11px}.pos-product-add{position:absolute;right:9px;bottom:9px;background:#edf4ff;color:#236adb;border-radius:6px;display:grid;place-items:center;font-size:16px;width:23px;height:23px}.pos-no-results{color:#8195b1;text-align:center;padding:22px}.pos-cart .pos-block-head .btn{margin-left:auto}.pos-cart .item-labels,.pos-cart .item-line{grid-template-columns:minmax(125px,1fr) 115px 100px 26px;gap:10px}.pos-cart .item-line{padding:9px 0}.pos-cart .tariff-picker{min-width:0;font-size:11px;margin:0;min-height:37px;background:#fff}.pos-qty{display:flex;align-items:center;border:1px solid #e1eaf5;background:#fff;border-radius:8px;min-height:37px;overflow:hidden}.pos-qty button{flex:0 0 27px;border:0;background:#f6f9ff;color:#316bbb;height:35px;font-weight:900;font-size:16px}.pos-qty input{border:0;box-shadow:none!important;border-radius:0;width:100%;min-width:0;text-align:center;margin:0;min-height:33px;padding:0;font-size:11px;font-weight:800;background:transparent}.pos-qty input::-webkit-inner-spin-button,.pos-qty input::-webkit-outer-spin-button{appearance:none;margin:0}.pos-cart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9aaabd;font-size:10px;padding-top:15px}.pos-cart-footer strong{color:#395778}.pos-checkout{position:sticky;top:12px}.pos-checkout .payment-summary{margin:4px 0 8px}.pos-checkout .grand-total{border-top:1px dashed #dfe8f3;margin-top:9px;padding-top:13px}.pos-quickpay{display:flex;gap:6px;margin:15px 0}.pos-quickpay button{flex:1;border:1px solid #dfe9f7;border-radius:7px;background:#f5f9ff;color:#3371c5;padding:9px 4px;font-size:10px;font-weight:850}.pos-quickpay button:hover{background:#e4efff;border-color:#86b4f5}.pos-checkout .payment-fields{display:grid;gap:10px}.pos-checkout .payment-fields input,.pos-checkout .payment-fields select{min-height:38px}.pos-checkout .remaining{margin:13px 0 17px}.pos-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#6984a7;font-size:9px;letter-spacing:1px;font-weight:900;margin:15px 0 9px}.pos-preview-live{color:#0eab80;font-size:9px;letter-spacing:0}.pos-preview{width:100%;max-width:340px;margin:0 auto;background:white;border:1px solid #e4ebf5;box-shadow:0 6px 25px #0d316709;border-radius:4px;padding:20px 18px;color:#294361;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px}.pos-preview-brand{display:flex;align-items:center;justify-content:center;gap:6px;text-align:left}.pos-preview-brand img{width:30px;height:30px;object-fit:contain}.pos-preview-brand strong{font-size:14px;color:#1766dc;display:block}.pos-preview-brand span{font-size:8px;color:#7a8da8}.pos-preview-top{text-align:center;border-bottom:1px dashed #b7c7da;padding:12px 0 10px;font-weight:850;letter-spacing:.4px}.pos-preview-top small{display:block;color:#92a1b7;margin-top:4px;font-size:9px;font-weight:500;letter-spacing:0}.pos-preview-detail{padding:11px 0;border-bottom:1px dashed #c7d3e2;display:grid;gap:5px}.pos-preview-detail>div,.pos-preview-items>div,.pos-preview-totals>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-preview-detail strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.pos-preview-items{padding:11px 0;display:grid;gap:8px;color:#536784}.pos-preview-items>span{color:#a6b3c3;text-align:center}.pos-preview-items strong{color:#294361;text-align:right}.pos-preview-totals{border-top:1px dashed #b7c7da;border-bottom:1px dashed #b7c7da;padding:9px 0;display:grid;gap:8px}.pos-preview-totals>div:last-child{font-weight:900;font-size:11px;color:#1262d0}.pos-preview-thanks{text-align:center;padding:12px 0 0;color:#97a9be;font-size:9px}.pos-checkout .receipt-note{font-size:10px;margin:13px 0;background:#eef6ff}.pos-submit{font-size:12px!important}.pos-preview-items{min-height:37px}
/* tools and settings */
.edit-sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.site-edit-form{border:1px solid #e8eef8;border-radius:11px;padding:18px;background:#fcfdff}.edit-site-title{color:#285084;font-size:14px;font-weight:820}.edit-site-title small{display:block;font-size:10px;font-weight:500;color:#91a3ba;margin-top:4px}.cash-filters{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.cash-grand{text-align:right;background:#eef5ff;border-radius:12px;padding:14px 20px;min-width:185px}.cash-grand small,.cash-grand span{display:block;font-size:10px;color:#8ba1bd}.cash-grand strong{font-size:22px;color:#1b65c8;display:block;margin:6px 0}
/* theme toggle */
body.dark{--canvas:#10192a;--border:#293b54;--muted:#9fb1cb;--shadow:none;background:#10192a;color:#dfebff}body.dark h1,body.dark h2,body.dark h3,body.dark td strong,body.dark .chart-number,body.dark .crm-donut strong,body.dark .status-breakdown strong{color:#eef4ff}body.dark .sidebar,body.dark .topbar,body.dark .panel,body.dark .crm-kpi:not(.lead),body.dark .pos-product,body.dark .pos-preview{background:#18263a;border-color:#30415a}body.dark .nav-links a,body.dark .brand>span,body.dark .profile strong{color:#c5d6eb}body.dark .nav-links a.active{background:#24406a;color:#b3d2ff}body.dark .topbar-location strong,body.dark .crm-kpi>strong,body.dark .pos-product-info strong,body.dark .payment-summary strong,body.dark .pos-preview-items strong{color:#dce9fb}body.dark .crm-kpi-head,body.dark .crm-kpi-hint,body.dark .crm-heading p,body.dark .pos-heading p{color:#9caeca}body.dark .crm-kpi.lead .crm-kpi-hint{color:#dbe9ff}body.dark .crm-donut>div{background:#18263a}body.dark .pos-preview-detail strong,body.dark .pos-preview{color:#e0eaff}body.dark .pos-product-icon,body.dark .pos-step,body.dark .crm-icon{background:#263f66}body.dark input,body.dark textarea,body.dark select,body.dark .pos-cart .tariff-picker,body.dark .pos-qty,body.dark .pos-qty button,body.dark .pos-tabs button,body.dark .pos-quickpay button,body.dark .theme-toggle,body.dark .site-edit-form{background:#202f44;border-color:#3a506c;color:#e4eeff}body.dark .pos-tabs button.active{background:#2666dd;color:white}body.dark .crm-orders th,body.dark td{border-color:#30415a}body.dark .status-breakdown small,body.dark p{color:#9caec4}body.dark .payment-pill.pending{background:#513f27}body.dark .payment-pill.settled{background:#204436}body.dark .receipt-note,body.dark .sidebar-note{background:#223b5a;border-color:#304969;color:#9ac5ff}body.dark .cash-grand,body.dark .remaining{background:#233c5f}
@media(max-width:1300px){.crm-kpi{padding:16px}.crm-kpi>strong{font-size:22px}.crm-kpi.lead>strong{font-size:23px}.pos-workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-cart .item-labels,.pos-cart .item-line{grid-template-columns:minmax(110px,1fr) 110px 90px 24px;gap:6px}}
@media(max-width:1050px){.crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-charts{grid-template-columns:1fr}.crm-graph{height:210px}.pos-workspace{grid-template-columns:1fr}.pos-right{grid-row:2}.pos-checkout{position:static}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-preview{max-width:450px}.crm-distribution{min-height:unset}}
@media(max-width:650px){.crm-heading,.pos-heading{align-items:flex-start;flex-direction:column}.crm-heading h1,.pos-heading h1{font-size:27px}.crm-heading-actions{flex-wrap:wrap;width:100%}.crm-heading-actions select{min-width:150px}.crm-kpis{gap:9px}.crm-kpi{min-height:135px;padding:14px}.crm-kpi>strong,.crm-kpi.lead>strong{font-size:20px;margin:16px 0 9px}.crm-kpi-hint{font-size:9px}.crm-kpi-head{font-size:10px}.crm-chart-panel,.crm-distribution,.crm-orders{padding:16px!important}.crm-orders-header{flex-direction:column;align-items:stretch}.crm-order-tools{flex-wrap:wrap}.crm-order-tools input{flex:1;min-width:100px}.chart-footer small{display:none}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-workspace .panel{padding:16px}.pos-cart .item-labels{display:none}.pos-cart .item-line{grid-template-columns:minmax(105px,1fr) 96px 61px 23px;gap:4px}.pos-cart .tariff-picker{font-size:10px;padding:6px 4px}.pos-qty button{flex-basis:23px}.pos-qty input{font-size:10px}.pos-cart .line-total{font-size:10px;overflow-wrap:anywhere}.pos-fields{grid-template-columns:1fr}.pos-fields .pos-span{grid-column:auto}.pos-cart-footer{flex-wrap:wrap}.pos-preview{padding:15px}.cash-filters{flex-direction:column;align-items:stretch}.cash-grand{text-align:left}.topbar-right{gap:8px}}
@media print{.theme-toggle{display:none}}