:root{--ink:#2c2014;--muted:#7d7267;--purple:#7e5a2b;--deep:#ece2d2;--lilac:#f3ece1;--pink:#f4e9e5;--paper:#f7f5f2;--line:#e8e1d5;--green:#426e5d;--red:#a6454c;--gold:#9a7135;--radius:18px;--shadow:0 8px 35px #201a150a}*{box-sizing:border-box}html{height:100%;font-size:15px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a{touch-action:manipulation}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c59b67;outline-offset:3px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:normal;line-height:1.15;letter-spacing:-1px}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.text-right{text-align:right}.strong{font-weight:600}.num{font-variant-numeric:tabular-nums}.mb{margin-bottom:22px}.mt{margin-top:22px}.gap{gap:12px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.hidden,[hidden]{display:none!important}.icon{width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.starting{height:100vh;display:grid;place-items:center;color:var(--purple)}.shell{min-height:100vh;display:grid;grid-template-columns:234px minmax(0,1fr)}.sidebar{background:var(--deep);color:#4a3a27;position:fixed;inset:0 auto 0 0;width:234px;padding:26px 16px 20px;display:flex;flex-direction:column;z-index:20;border-right:1px solid #ded2bf}.brand{padding:0 8px 24px;display:flex;flex-direction:column;align-items:center}.brand-logo{width:100%;max-width:185px;height:auto;max-height:64px;object-fit:contain;display:block}.brandmark{font-family:Georgia,serif;font-size:53px;line-height:1;letter-spacing:-5px;padding-right:8px}.brand-name{font-family:Georgia,serif;font-size:21px;line-height:1.1;letter-spacing:.3px}.brand-name small{font-family:inherit;font-size:11px;display:block;color:#8a755d;margin-top:5px;letter-spacing:1.3px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8a755d;padding:16px 14px 8px;font-weight:600}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:12px 14px;min-height:48px;border-radius:10px;text-align:left;font-size:14px;margin:2px 0;color:#4a3a27;transition:background .15s,color .15s}.nav-item.active{background:#dfcca9;color:#241a10;box-shadow:inset 3px 0 0 #b88a44;font-weight:600}.nav-item:hover{background:#e0d4c1}.nav-item .badge{margin-left:auto;background:#846843;color:white;border-radius:7px;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:24px}.owner{border-top:1px solid #ded2bf;padding:20px 6px 0}.avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lilac);color:var(--purple);font-size:14px;font-weight:600;flex-shrink:0}.avatar.dark{background:#dfcca9;color:#705128}.owner .icon{width:18px}.workspace{grid-column:2;min-width:0}.topbar{height:80px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:#fcfbf9}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{color:var(--ink);margin-left:9px}.topbar-right{display:flex;gap:20px;align-items:center}.date-label{font-size:12px;color:var(--muted)}.connection-dot{height:6px;width:6px;background:#7e9c7c;border-radius:50%;display:inline-block;margin-right:6px}.top-search{background:transparent;border:0;color:var(--muted);display:flex;gap:9px;align-items:center;min-height:44px;font-size:13px}.top-search .icon{width:17px}.main{padding:33px 42px 38px;max-width:1660px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.page-sub{color:var(--muted);font-size:13px;margin-top:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid transparent;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;background:white;color:var(--purple)}.btn .icon{width:18px;height:18px}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 4px 10px #7e5a2b1a}.btn.primary:hover{background:#68481e}.btn.secondary{border-color:#dcd1c3;background:transparent}.btn.soft{background:var(--lilac);color:var(--purple)}.btn.danger{color:var(--red);border-color:#e5c7ca;background:#fff}.btn.full{width:100%}.btn.icon-btn{width:48px;padding:10px}.link-btn{font-size:12px;color:var(--purple);font-weight:600;min-height:44px;padding:8px 0}.link-btn .icon{width:16px;vertical-align:middle;margin-left:6px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card.pad{padding:23px}.card-head{padding:21px 24px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head h2{font-size:17px}.card-foot{border-top:1px solid var(--line);padding:14px 24px;font-size:12px;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{padding:21px 23px;position:relative;min-height:153px}.stat-icon{background:var(--lilac);border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:var(--purple)}.stat-icon .icon{width:18px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-family:Georgia,serif;font-size:35px;letter-spacing:-.9px;line-height:1.2;margin-top:15px;color:var(--ink);white-space:nowrap}.stat-note{font-size:11px;color:var(--muted);margin-top:7px}.stat.emphasis{background:var(--purple);border-color:var(--purple);color:white}.stat.emphasis .stat-value{color:white}.stat.emphasis .stat-label,.stat.emphasis .stat-note{color:#f5ede2}.stat.emphasis .stat-icon{background:#966f3e;color:#fbf8f3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.diary-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 24px;border-top:1px solid #eee7dc;min-height:90px}.diary-time{font-size:14px;line-height:1.4}.diary-time small{display:block;color:var(--muted);font-size:11px}.diary-name{font-size:14px;font-weight:600}.diary-service{font-size:12px;color:var(--muted);margin-top:3px;white-space:normal}.diary-customer{display:flex;align-items:center;gap:12px;min-width:0}.pill{font-size:10px;padding:5px 9px;line-height:1.4;border-radius:6px;white-space:nowrap;display:inline-block;background:var(--lilac);color:var(--purple);font-weight:600}.pill.green{background:#eaf2ec;color:var(--green)}.pill.red{background:#f8e9e9;color:var(--red)}.pill.gold{background:#f7eedf;color:var(--gold)}.pill.gray{background:#f0ece4;color:#7d7267}.next-card{padding:23px;background:#f5ede1;border:1px solid #ebdccb;position:relative;overflow:hidden}.next-card:after{content:"";position:absolute;right:-35px;bottom:-58px;width:140px;height:160px;border:1px solid #dfcca9;border-radius:50%;transform:rotate(30deg);pointer-events:none}.next-title{font-family:Georgia,serif;font-size:28px;margin:16px 0 5px}.next-time{color:var(--purple);font-weight:600;margin:18px 0 4px}.next-service{font-size:12px;color:#7d6852}.next-card .btn{margin-top:22px;width:100%;position:relative;z-index:1}.alert-row{padding:15px 22px;border-top:1px solid #eee7dc;display:flex;justify-content:space-between;gap:15px;align-items:center}.alert-row .name{font-size:13px;font-weight:600}.alert-row .detail{font-size:11px;color:var(--muted);margin-top:3px}.notice{border-radius:12px;padding:14px 17px;background:#f3eee4;color:#8a6c36;font-size:12px;line-height:1.6}.notice.red{background:#f7e8e8;color:var(--red)}.notice.lilac{background:var(--lilac);color:var(--purple)}.notice.green{background:#eaf2ec;color:var(--green)}.split-summary{display:flex;gap:25px;padding:0 24px 22px}.split-summary>div{flex:1}.mini-label{font-size:11px;color:var(--muted)}.mini-amount{font-size:21px;font-family:Georgia,serif;margin:6px 0}.progress{height:5px;border-radius:3px;background:#ede5d8;overflow:hidden}.progress span{height:100%;background:#b88a44;display:block}.progress.retail span{background:#d6b3a6}.empty{padding:37px 25px;text-align:center;color:var(--muted);font-size:13px}.empty .icon{display:block;width:31px;height:31px;margin:0 auto 13px;color:#c5b49e}.empty h3{color:var(--ink);margin-bottom:5px}.empty .btn{margin-top:18px}.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:0 15px;background:white;min-width:250px;flex:1;max-width:400px}.searchbox .icon{width:18px;color:var(--muted)}.searchbox input{border:0;background:none;outline:0;min-height:48px;width:100%;min-width:0;font-size:13px}.tabs{display:flex;gap:4px;padding:4px;background:#ede5d8;border-radius:10px}.tab{min-height:42px;padding:8px 16px;border-radius:7px;font-size:12px;color:var(--muted);font-weight:600}.tab.active{background:#fff;color:var(--purple);box-shadow:0 2px 4px #201a1508}.table-scroll{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{padding:13px 20px;text-align:left;background:#faf7f2;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.data-table td{padding:17px 20px;border-top:1px solid #eee7dc;vertical-align:middle}.data-table td small{color:var(--muted);display:block;margin-top:3px}.data-table .clickable{cursor:pointer}.data-table .clickable:hover{background:#f8f4ed}.data-table .amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.data-table .right{text-align:right}.data-table .btn{padding:8px 13px;min-height:44px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:22px;text-align:left;display:block;min-height:160px;width:100%}.service-card:hover{border-color:#cbb99f;transform:translateY(-1px)}.service-card .category{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.service-card h3{font-family:Georgia,serif;font-size:21px;font-weight:normal}.service-card .price{font-size:18px;font-weight:600;color:var(--purple);margin-top:19px}.service-card .duration{font-size:12px;color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-day-name{padding:12px 5px;text-align:center;font-size:11px;color:var(--muted);background:#faf7f2;border-bottom:1px solid var(--line)}.cal-day{min-height:125px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.cal-day:nth-child(7n){border-right:0}.cal-day.outside{background:#faf9f8;color:#aaa}.day-number{font-size:12px;min-width:36px;min-height:36px;border-radius:50%;padding:7px}.day-number.today{background:var(--purple);color:white}.cal-event{display:block;text-align:left;width:100%;background:var(--lilac);border-radius:5px;padding:7px 8px;font-size:10px;margin:4px 0;color:var(--purple);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:35px}.cal-event.completed{background:#eaf2ec;color:var(--green)}.cal-event.cancelled,.cal-event.no_show{background:#f4e7e7;color:var(--red)}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:770px}.week-col{border-right:1px solid var(--line);min-height:470px;padding:10px}.week-col:last-child{border:0}.week-label{text-align:center;font-size:12px;color:var(--muted);padding:6px 0 16px}.week-label b{display:block;color:var(--ink);font-size:23px;font-family:Georgia,serif;font-weight:normal}.week-event{text-align:left;width:100%;padding:12px 9px;border-radius:9px;background:var(--lilac);color:var(--purple);font-size:11px;margin:7px 0;min-height:90px}.week-event b{display:block;margin:6px 0;font-size:12px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.8fr);gap:25px;align-items:start}.checkout-catalogue .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-catalogue .service-card{min-height:143px}.basket{position:sticky;top:20px}.basket-head{padding:22px;border-bottom:1px solid var(--line)}.basket-lines{padding:4px 22px}.basket-line{padding:19px 0;border-bottom:1px solid #eee7dc}.basket-line:last-child{border:0}.basket-line h3{font-size:13px;font-weight:600}.basket-line small{color:var(--muted);font-size:11px}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px}.stepper button{width:40px;height:40px;background:#f8f4ed;font-size:18px}.stepper span{min-width:27px;text-align:center}.basket-totals{padding:20px 22px;border-top:1px solid var(--line)}.total-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:10px;color:var(--muted)}.total-row.grand{font-size:24px;font-weight:600;color:var(--ink);padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.basket-bottom{padding:0 22px 22px}.basket select{width:100%}.checkout-category{margin:18px 0 13px}.payment-total{text-align:center;padding:7px 0 23px}.payment-total h2{font-family:Georgia,serif;font-size:43px;font-weight:normal;margin-top:8px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.payment-method{min-height:78px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px}.payment-method.active{border:2px solid var(--purple);background:var(--lilac);color:var(--purple)}.modal-overlay{position:fixed;inset:0;background:#241a1066;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:var(--paper);border-radius:22px;width:640px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 90px #201a1533}.modal.wide{width:860px}.modal-head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;border-radius:22px 22px 0 0}.modal-head h2{font-family:Georgia,serif;font-size:26px;font-weight:normal}.modal-body{padding:24px 26px;overflow:auto}.modal-footer{padding:18px 26px;border-top:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-radius:0 0 22px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field>label{font-size:12px;font-weight:600;color:#5d5145}.field input,.field select,.field textarea,input.control,select.control{width:100%;min-height:48px;border:1px solid #ded2bf;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);font-size:14px;max-width:100%}.field textarea{min-height:85px;resize:vertical}.field .help{font-size:11px;color:var(--muted)}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;padding:9px 0;min-height:44px}.check input{width:20px;height:20px;min-height:20px;accent-color:var(--purple);flex:none}.check label{padding-top:0}.check-list{background:white;border:1px solid var(--line);border-radius:10px;padding:7px 14px;max-height:230px;overflow:auto}.check-list .check{align-items:center;border-bottom:1px solid #eee7dc}.check-list .check:last-child{border:0}.form-error{background:#f9e7e8;color:var(--red);padding:12px 15px;border-radius:10px;margin-bottom:18px;font-size:13px}.form-section{grid-column:1/-1;padding-top:9px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--purple)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.info-box{border-radius:12px;background:white;border:1px solid var(--line);padding:16px}.info-box strong{display:block;margin-top:6px;font-size:20px;font-weight:500}.record-list{background:white;border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow:hidden}.record-list-row{padding:15px 17px;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:15px}.record-list-row:first-child{border:0}.record-list-row p{white-space:pre-line}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:24px;align-items:start}.settings-card{padding:25px}.settings-card h2{margin-bottom:20px}.setting-row{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row:last-child{border-bottom:0}.note{font-size:12px;color:var(--muted);line-height:1.7}.code-box{background:#fff;border:1px solid var(--line);padding:13px;word-break:break-all;border-radius:9px;user-select:all;font-family:monospace}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metric-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #eee7dc;font-size:13px}.metric-row:last-child{border:0}.metric-row.total{font-weight:600;font-size:17px;margin-top:7px}.bill-line{border:1px solid var(--line);padding:16px;border-radius:12px;background:white;margin-bottom:12px}.bill-line .form-grid{gap:12px}.bill-totals{font-family:Georgia,serif;font-size:26px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#221c17;color:#efe8df;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;overflow:hidden}.login-brand:after{content:"";width:600px;height:700px;border:1px solid #5a4631;border-radius:50%;position:absolute;bottom:-460px;left:50px;transform:rotate(-20deg)}.login-brand .brandmark{font-size:95px;margin-bottom:45px;line-height:1}.login-brand h1{font-size:57px;line-height:1.14}.login-brand p{color:#c4b5a2;font-size:14px;max-width:290px;margin-top:25px;line-height:1.9}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:360px;max-width:100%}.login-form h1{font-size:33px;margin-bottom:8px}.login-form form{margin-top:33px}.login-form .field{margin:18px 0}.login-form .btn{margin-top:12px}.login-footer{font-size:11px;color:var(--muted);margin-top:28px;line-height:1.8}.mobile-nav{display:none}.mobile-brand{display:none}.demo-banner{padding:9px 20px;text-align:center;background:#eadfcc;color:#685432;font-size:11px;border-bottom:1px solid #dfd0b7}.demo-badge{font-size:9px;letter-spacing:1px;border:1px solid #a8947b;border-radius:4px;padding:2px 5px;display:inline-block;margin-top:9px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(100px);background:#2c2014;color:white;border-radius:11px;padding:15px 24px;z-index:200;box-shadow:0 8px 25px #201a1533;font-size:13px;max-width:90%;opacity:0;transition:.2s}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#connection{position:fixed;bottom:0;left:0;width:100%;background:#a6454c;color:white;z-index:300;text-align:center;padding:12px;font-size:13px}.day-picker{display:flex;align-items:center;gap:9px}.day-picker input{width:155px}.hide-desktop{display:none}
@media(min-width:1500px){.main{padding-top:40px}.summary-grid{gap:22px}.stat{min-height:170px}.stat-value{font-size:39px}.diary-row{min-height:99px}}
@media(max-width:1200px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding-left:12px;padding-right:12px}.brand{padding-left:2px;padding-right:2px}.main{padding:28px}.topbar{padding:0 28px}.summary-grid{gap:12px}.stat{padding:18px 17px}.stat-value{font-size:30px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:18px}.diary-row{padding:16px;gap:9px;grid-template-columns:57px minmax(0,1fr) auto}.diary-customer{gap:9px}.diary-customer .avatar{width:35px;height:35px;font-size:11px}.card-head{padding:20px 18px}.checkout-grid{gap:20px;grid-template-columns:minmax(0,1fr) minmax(315px,.86fr)}.checkout-catalogue .service-card{padding:17px}.page-head h1{font-size:33px}.service-grid{gap:12px}.page-head .btn{padding:11px 13px}.top-search span{display:none}}
@media(max-width:1000px){.shell{display:block}.sidebar{display:none}.workspace{padding-bottom:80px}.topbar{height:68px;padding:0 24px}.main{padding:26px 24px}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-logo{max-height:36px;max-width:130px;object-fit:contain;display:block}.breadcrumb{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:76px;padding:7px 16px max(7px,env(safe-area-inset-bottom));z-index:40;background:#fff;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:70px;font-size:10px;color:var(--muted);border-radius:10px}.mobile-nav button.active{color:var(--purple);background:var(--lilac)}.mobile-nav .icon{width:22px;height:22px}.summary-grid{gap:14px}.stat{padding:18px}.stat-value{font-size:32px}.dashboard-grid{gap:20px}.hide-desktop{display:block}#toast{bottom:88px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1.2fr 1fr}.modal{max-height:88vh}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.more-item{display:flex;align-items:center;gap:18px;text-align:left;padding:23px}.more-item .icon{color:var(--purple);width:25px;height:25px}.more-item strong{display:block;font-size:15px}.more-item small{color:var(--muted);display:block;margin-top:4px}}
@media(max-width:760px){h1{font-size:31px}.main{padding:23px 17px}.topbar{padding:0 18px}.topbar-right .date-label{display:none}.page-head{align-items:flex-start;flex-wrap:wrap;gap:18px}.page-head h1{font-size:33px}.page-head .actions{width:100%;display:flex}.page-head .actions .btn{flex:1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-height:146px;padding:18px}.stat-value{font-size:31px}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr;gap:18px}.dashboard-right>.mt{margin-top:0}.next-card{display:none}.diary-row{padding:15px 18px;grid-template-columns:59px minmax(0,1fr) auto}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card h3{font-size:19px}.service-card{padding:18px}.checkout-grid{grid-template-columns:1fr}.basket{position:static}.checkout-catalogue .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-catalogue{max-height:430px;overflow:auto}.settings-grid,.report-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.form-grid .field.full{grid-column:1/-1}.modal-overlay{padding:12px}.modal{max-height:94vh;border-radius:16px}.modal-head{padding:17px 20px}.modal-head h2{font-size:23px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.cal-day{padding:4px;min-height:105px}.cal-event{font-size:9px;padding:5px 3px}.calendar-grid .cal-day-name{font-size:10px}.toolbar{gap:12px}.toolbar .searchbox{min-width:100%;max-width:none}.login-page{display:block}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.login-form:before{content:"y.";font-size:70px;font-family:Georgia,serif;display:block;color:var(--purple);line-height:1;margin-bottom:40px}.data-table th,.data-table td{padding:13px 15px}.data-table td small{max-width:160px}.info-grid{grid-template-columns:repeat(3,1fr);gap:8px}.info-box{padding:12px}.info-box strong{font-size:17px}.card.pad{padding:19px}.settings-card{padding:20px}.more-grid{gap:12px}.more-item{padding:20px 16px;gap:13px}.more-item small{font-size:10px}.date-heading{font-size:17px}.demo-banner{font-size:10px;padding:8px 13px}}
@media(max-width:390px){.form-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.stat-value{font-size:27px}.diary-row .avatar{display:none}.mobile-nav{padding-left:5px;padding-right:5px}.mobile-nav button{min-width:60px}.page-head h1{font-size:29px}.btn{padding-left:13px;padding-right:13px}}
@media print{.sidebar,.topbar,.mobile-nav,.page-head .actions,.toolbar,.demo-banner{display:none}.shell{display:block}.workspace{padding:0}.main{padding:0}.card{break-inside:avoid;box-shadow:none}.modal-overlay{position:static;background:none}.modal{max-height:none}.modal-footer{display:none}}
/* Keep all navigation reachable on shorter landscape displays. */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8b8a0 transparent}.sidebar>.brand,.sidebar>.nav-label,.sidebar>.nav-item,.sidebar-bottom{flex-shrink:0}.owner small{white-space:nowrap}.owner>.btn.icon-btn{width:34px;min-width:34px;padding:7px}.owner{gap:9px}

.client-search{margin-bottom:12px}.client-search input{width:100%;min-width:0}.client-search .help{display:block;margin-top:6px}

.sale-client-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.sale-client-picker summary{cursor:pointer;border:1px solid #ded2bf;border-radius:10px;padding:12px;background:#fff;min-height:44px}
.sale-client-panel{padding:12px 0 0}.sale-client-panel input{width:100%;margin-bottom:8px}
.sale-client-results{max-height:240px;overflow-y:auto}
.sale-client-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:44px;padding:10px 12px;border:0;border-bottom:1px solid #eee7dc;background:#fff;color:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.sale-client-option:hover,.sale-client-option:focus-visible{background:#f5ece0}.sale-client-option small{opacity:.75}

.receipt-preview-wrap{background:#f4f1ed;padding:20px;border-radius:12px;border:1px solid #e2ddd5;display:flex;justify-content:center;overflow-x:auto}
.receipt-sample-slip{background:#fff;border-radius:2px;box-shadow:0 3px 14px rgba(0,0,0,0.08);padding:22px 24px;width:100%;transition:all .2s ease;text-align:center;box-sizing:border-box}
.receipt-sample-slip.width-58mm{max-width:240px;padding:16px 14px}
.receipt-sample-slip.width-80mm{max-width:340px;padding:22px 24px}
.receipt-sample-slip.width-full{max-width:480px;padding:26px 30px}

.receipt-sample-slip.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.receipt-sample-slip.font-sans .sample-salon{font-family:inherit;font-weight:700;letter-spacing:-0.4px}
.receipt-sample-slip.font-sans .sample-meta{font-family:inherit;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:#555}

.receipt-sample-slip.font-serif{font-family:"Playfair Display",Georgia,Cambria,"Times New Roman",serif}
.receipt-sample-slip.font-serif .sample-salon{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:600}
.receipt-sample-slip.font-serif .sample-meta{font-family:"Playfair Display",Georgia,serif;font-weight:600}

.receipt-sample-slip.font-mono{font-family:"SF Mono",Monaco,"Courier New",monospace;letter-spacing:-0.2px}
.receipt-sample-slip.font-mono .sample-salon{font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.receipt-sample-slip.font-mono .sample-meta{font-family:inherit;text-transform:uppercase;letter-spacing:1px;color:#444}
.receipt-sample-slip.font-mono .sample-divider{border-top-style:dashed}

.receipt-sample-slip.size-compact{font-size:12px;line-height:1.35}
.receipt-sample-slip.size-compact .sample-salon{font-size:16px;margin-bottom:3px}
.receipt-sample-slip.size-compact .sample-meta{font-size:11px}
.receipt-sample-slip.size-compact .sample-line.total{font-size:14px}

.receipt-sample-slip.size-standard{font-size:14px;line-height:1.5}
.receipt-sample-slip.size-standard .sample-salon{font-size:20px;margin-bottom:4px}
.receipt-sample-slip.size-standard .sample-meta{font-size:12px}
.receipt-sample-slip.size-standard .sample-line.total{font-size:17px}

.receipt-sample-slip.size-large{font-size:16px;line-height:1.6}
.receipt-sample-slip.size-large .sample-salon{font-size:24px;margin-bottom:6px}
.receipt-sample-slip.size-large .sample-meta{font-size:14px}
.receipt-sample-slip.size-large .sample-line.total{font-size:20px}

.sample-salon{color:#2c2014}
.sample-meta{margin:2px 0 10px;font-size:12px}
.sample-divider{border-top:1px solid #ddd;margin:12px 0}
.sample-line{display:flex;justify-content:space-between;align-items:center;padding:3px 0}
.sample-line.total{font-weight:bold;margin-top:6px;border-top:1px solid #eee;padding-top:6px}
.sample-foot{color:#777;font-size:11px;margin-top:10px}

/* Clean & Intuitive Dashboard Design */
.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.stat {
  background: #ffffff;
  border: 1px solid #ebd9c8;
  border-radius: var(--radius);
  padding: 20px 22px;
  position: relative;
  min-height: 138px;
  box-shadow: 0 4px 18px rgba(44, 32, 20, 0.04);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stat:hover {
  box-shadow: 0 6px 24px rgba(44, 32, 20, 0.08);
}
.stat-icon {
  background: var(--lilac);
  border-radius: 10px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--purple);
}
.stat-icon .icon {
  width: 19px;
  height: 19px;
}
.stat-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--muted);
}
.stat-value {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.15;
  margin-top: 10px;
  color: var(--ink);
  white-space: nowrap;
}
.stat-note {
  font-size: 11px;
  color: var(--muted);
  margin-top: 6px;
  line-height: 1.4;
}
.stat.emphasis {
  background: linear-gradient(180deg, #fffcf8 0%, #ffffff 100%);
  border-color: #dfcca9;
  box-shadow: 0 4px 20px rgba(126, 90, 43, 0.08);
}
.stat.emphasis .stat-icon {
  background: #f5ede1;
  color: var(--purple);
  border: 1px solid #ebd9c8;
}
.stat.emphasis .stat-label {
  color: var(--purple);
}
.stat.emphasis .stat-value {
  color: #2c2014;
}
.stat.emphasis .stat-note {
  color: #7d6852;
}

.diary-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 16px 22px;
  border-top: 1px solid #eee7dc;
  min-height: 84px;
  transition: background 0.15s ease;
}
.diary-row:hover {
  background: #fcfbf9;
}
.diary-row.completed {
  opacity: 0.88;
}
.diary-row.completed:hover {
  opacity: 1;
}
.diary-time {
  font-size: 15px;
  line-height: 1.3;
  color: var(--ink);
  font-weight: 700;
}
.diary-time small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.diary-customer {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  flex: 1;
}
.diary-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.diary-service {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
  white-space: normal;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.service-tag {
  background: #f4eee6;
  color: #5d462c;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 500;
}

.next-card {
  padding: 24px;
  background: linear-gradient(145deg, #fdfcf9 0%, #f6eee3 100%);
  border: 1px solid #e7dac9;
  border-radius: var(--radius);
  box-shadow: 0 4px 20px rgba(44, 32, 20, 0.04);
  position: relative;
  overflow: hidden;
}
.next-card:after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -60px;
  width: 150px;
  height: 170px;
  border: 1px solid #ebd9c8;
  border-radius: 50%;
  transform: rotate(30deg);
  pointer-events: none;
  opacity: 0.6;
}
.next-card .eyebrow {
  color: var(--purple);
  font-weight: 700;
  letter-spacing: 1.5px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
}
.next-title {
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: normal;
  color: var(--ink);
  line-height: 1.25;
}
.next-time-badge {
  background: #f0e3d0;
  color: var(--purple);
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.next-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 18px;
  font-size: 13px;
  color: #63503d;
  flex-wrap: wrap;
}
.next-card-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}
.next-card-actions .btn {
  flex: 1;
  min-height: 42px;
}

@media (max-width: 760px) {
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }
  .stat {
    padding: 16px 14px;
    min-height: 120px;
  }
  .stat-value {
    font-size: 21px;
  }
  .diary-row {
    grid-template-columns: 60px minmax(0, 1fr) auto;
    padding: 14px 14px;
    gap: 10px;
  }
  .diary-customer {
    gap: 10px;
  }
  .diary-customer .avatar {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   ELEVATED REPORTS & FINANCIAL INTELLIGENCE STYLES
   ========================================================================== */

/* Active Register Period Banner */
.active-period-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #fdfbf7 0%, #f7f1e8 100%);
  border: 1px solid #ebd9c8;
  border-left: 4px solid #7e5a2b;
  border-radius: 14px;
  margin-bottom: 22px;
  box-shadow: 0 2px 8px rgba(126, 90, 43, 0.05);
}
.active-period-info {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.active-period-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ebf7ee;
  color: #1e6b36;
  border: 1px solid #c2e5cc;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.active-period-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #27a844;
  box-shadow: 0 0 0 3px rgba(39, 168, 68, 0.25);
  animation: pulse-dot 2.5s infinite;
}
@keyframes pulse-dot {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(39, 168, 68, 0.4); }
  70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(39, 168, 68, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(39, 168, 68, 0); }
}
.active-period-time {
  font-size: 13px;
  color: #5c4a39;
}
.active-period-time strong {
  color: #2c2014;
}
.active-period-stat-chips {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.active-period-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #6d5b4b;
  background: rgba(255, 255, 255, 0.75);
  padding: 3px 9px;
  border-radius: 6px;
  border: 1px solid #ebd9c8;
}
.active-period-chip strong {
  color: #2c2014;
  font-weight: 700;
}
.btn-close-period {
  background: #7e5a2b !important;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 9px;
  padding: 8px 16px;
  min-height: 38px;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(126, 90, 43, 0.2);
  transition: all 0.15s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn-close-period:hover {
  background: #6a4b23 !important;
  box-shadow: 0 3px 8px rgba(126, 90, 43, 0.3);
}

/* Reports Segmented Tab Nav */
.reports-nav-tabs {
  display: inline-flex;
  background: #ede5d8;
  padding: 4px;
  border-radius: 12px;
  gap: 4px;
  margin-bottom: 20px;
}
.reports-nav-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 8px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: #6d5b4b;
  cursor: pointer;
  transition: all 0.15s ease;
}
.reports-nav-tab:hover {
  color: #2c2014;
}
.reports-nav-tab.active {
  background: #ffffff;
  color: #2c2014;
  box-shadow: 0 2px 6px rgba(44, 32, 20, 0.08);
}
.reports-tab-badge {
  background: #dfd4c4;
  color: #5c4a39;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 10px;
}
.reports-nav-tab.active .reports-tab-badge {
  background: #7e5a2b;
  color: #ffffff;
}

/* Reports Filter Toolbar */
.report-filter-bar {
  background: #ffffff;
  border: 1px solid #ebd9c8;
  border-radius: 14px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  box-shadow: 0 1px 4px rgba(44, 32, 20, 0.03);
}
.report-period-pills {
  display: inline-flex;
  background: #f4eee7;
  padding: 3px;
  border-radius: 9px;
  gap: 2px;
}
.report-period-pill {
  padding: 6px 14px;
  border-radius: 7px;
  border: none;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: #6d5b4b;
  cursor: pointer;
  transition: all 0.15s ease;
}
.report-period-pill:hover {
  color: #2c2014;
}
.report-period-pill.active {
  background: #ffffff;
  color: #2c2014;
  box-shadow: 0 1px 4px rgba(44, 32, 20, 0.08);
}
.report-filter-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.report-date-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.report-date-field {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6d5b4b;
  font-weight: 500;
}
.report-date-field input[type="date"] {
  border: 1px solid #ebd9c8;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  color: #2c2014;
  background: #fdfbf7;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s ease;
}
.report-date-field input[type="date"]:focus {
  border-color: #7e5a2b;
  background: #ffffff;
}
.report-currency-select {
  border: 1px solid #ebd9c8;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  color: #2c2014;
  background: #fdfbf7;
  font-family: inherit;
  outline: none;
}
.btn-update-report {
  padding: 6px 14px;
  min-height: 32px;
  font-size: 12px;
  font-weight: 600;
}

/* 5-Column Summary Stat Grid */
.report-stats-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}
.report-stats-grid .stat {
  padding: 16px 18px;
  min-height: 135px;
}
.report-stats-grid .stat-value {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: 10px;
}
.report-stats-grid .stat-label {
  font-size: 10.5px;
  letter-spacing: 0.6px;
}
.stat.profit-card {
  border-color: #d1e7d6;
  background: linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);
}
.stat.profit-card .stat-value {
  color: #1e6b36;
}
.stat.profit-card .stat-icon {
  background: #e2f4e7;
  color: #1e6b36;
  border-color: #c2e5cc;
}
.stat.maaser-card {
  border-color: #e5d3b6;
  background: linear-gradient(180deg, #ffffff 0%, #faf6ee 100%);
}
.stat.maaser-card .stat-value {
  color: #6e4812;
}
.stat.maaser-card .stat-icon {
  background: #f7ede0;
  color: #7e5a2b;
  border-color: #ebd9c8;
}

/* Detail Section Cards */
.report-section-card {
  background: #ffffff;
  border: 1px solid #ebd9c8;
  border-radius: 14px;
  padding: 22px 24px;
  box-shadow: 0 1px 4px rgba(44, 32, 20, 0.03);
}
.report-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2e9df;
}
.report-card-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 17px;
  font-weight: 700;
  color: #2c2014;
  margin: 0;
  letter-spacing: -0.2px;
}
.report-card-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 6px;
}

/* P&L Visual Step Breakdown */
.pnl-step-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pnl-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 13px;
  color: #4a3b2c;
  transition: background 0.15s ease;
}
.pnl-row:hover {
  background: #fbf9f6;
}
.pnl-row.sub {
  color: #7c6a58;
  padding-left: 20px;
  font-size: 12px;
}
.pnl-row.highlight {
  font-weight: 600;
  color: #2c2014;
  background: #f9f5f0;
  border: 1px solid #eee4d8;
  margin: 4px 0;
}
.pnl-sign {
  display: inline-block;
  width: 14px;
  font-weight: 700;
  color: #8c7865;
}
.pnl-sign.minus {
  color: #b33927;
}
.pnl-sign.plus {
  color: #1e6b36;
}
.pnl-profit-box {
  background: linear-gradient(135deg, #f2f9f4 0%, #e8f5ec 100%);
  border: 1px solid #c2e5cc;
  border-radius: 12px;
  padding: 16px 20px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pnl-profit-box .label {
  font-size: 13px;
  font-weight: 600;
  color: #1b5e20;
}
.pnl-profit-box .subtext {
  font-size: 11px;
  color: #2e7d32;
  margin-top: 2px;
}
.pnl-profit-box .profit-value {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  color: #1b5e20;
  text-align: right;
}
.pnl-profit-box .margin-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  background: #ffffff;
  color: #1b5e20;
  padding: 2px 7px;
  border-radius: 10px;
  border: 1px solid #c2e5cc;
  margin-top: 4px;
}

/* Maaser Tithe Step Breakdown */
.maaser-box {
  background: linear-gradient(135deg, #fdf8f0 0%, #f7eee0 100%);
  border: 1px solid #ebd9c8;
  border-radius: 12px;
  padding: 16px 20px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.maaser-box .label {
  font-size: 13px;
  font-weight: 600;
  color: #6e4812;
}
.maaser-box .subtext {
  font-size: 11px;
  color: #8c6428;
  margin-top: 2px;
}
.maaser-box .maaser-value {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  color: #6e4812;
  text-align: right;
}

/* Payment Split Bars */
.tender-split-bar {
  display: flex;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: #ece4d8;
  margin: 12px 0 16px;
}
.tender-split-segment {
  height: 100%;
  transition: width 0.3s ease;
}
.tender-split-segment.card-seg { background: #7e5a2b; }
.tender-split-segment.cash-seg { background: #2e7d32; }
.tender-split-segment.other-seg { background: #c2995b; }

/* Ranked Lists (Top Sellers & Top Customers) */
.ranked-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 8px;
  border-bottom: 1px solid #f4eee7;
  gap: 12px;
  transition: background 0.15s ease;
}
.ranked-row:last-child {
  border-bottom: none;
}
.ranked-row:hover {
  background: #faf6f0;
}
.ranked-rank {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ede5d8;
  color: #6d5b4b;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.ranked-row:nth-child(1) .ranked-rank {
  background: #7e5a2b;
  color: #ffffff;
}
.ranked-row:nth-child(2) .ranked-rank {
  background: #a37c48;
  color: #ffffff;
}
.ranked-row:nth-child(3) .ranked-rank {
  background: #c8a77c;
  color: #ffffff;
}
.ranked-info {
  flex: 1;
  min-width: 0;
}
.ranked-title {
  font-size: 13px;
  font-weight: 600;
  color: #2c2014;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ranked-meta {
  font-size: 11px;
  color: #7d6852;
  margin-top: 2px;
}
.ranked-amount {
  text-align: right;
  flex-shrink: 0;
}
.ranked-amount strong {
  font-size: 14px;
  color: #2c2014;
}

/* Responsive Layout */
@media (max-width: 1180px) {
  .report-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .report-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
  .report-stats-grid .stat.maaser-card {
    grid-column: 1 / -1;
  }
  .active-period-card {
    flex-direction: column;
    align-items: stretch;
    padding: 14px 16px;
  }
  .btn-close-period {
    width: 100%;
    justify-content: center;
  }
  .report-filter-bar {
    flex-direction: column;
    align-items: stretch;
    padding: 12px 14px;
  }
  .report-period-pills {
    width: 100%;
    justify-content: space-between;
  }
  .report-period-pill {
    flex: 1;
    text-align: center;
    padding: 6px 8px;
  }
  .report-filter-controls {
    flex-direction: column;
    align-items: stretch;
  }
  .report-date-group {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 440px) {
  .report-stats-grid {
    grid-template-columns: 1fr !important;
  }
}