@charset "UTF-8";
@font-face{font-family:Cairo;src:url('fonts/Cairo.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--ink:#23253d;--muted:#777b91;--primary:#7360e5;--primary-dark:#5d48c9;--nav:#171b35;--paper:#f5f6fb;--line:#ebeaf3;--green:#7360e5;--red:#cf606f;--mint:#e5f6ee;--shadow:0 6px 28px #27214b05;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.85 Cairo,'Segoe UI',Tahoma,sans-serif}a{color:var(--primary-dark);text-decoration:none}a:hover{color:#4f3cae}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #a795f6}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.55;font-weight:800;margin-bottom:5px;letter-spacing:-.7px}h2{font-size:18px;font-weight:750;margin-bottom:8px}h3{font-size:17px;margin-bottom:8px}p{line-height:1.9}small{font-size:11px}.icon{display:inline-block;width:21px;height:21px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button{border:1px solid transparent;background:var(--primary);color:white;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:11px 21px;min-height:46px;border-radius:11px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 4px 8px #7360e514;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 7px 18px #7360e52b}.button:active{transform:translateY(0) scale(.98)}.button .icon{width:18px;height:18px}.button.outline{background:white;border-color:#e1deef;box-shadow:none;color:#645d7e}.button.outline:hover{background:#f3f0ff;border-color:#c2b8ed;color:var(--primary-dark)}.button.small{padding:7px 14px;min-height:36px;font-size:11px;border-radius:9px}.button.light{background:white;color:var(--primary-dark);box-shadow:0 6px 20px #26145715}.button:disabled{opacity:.7;cursor:wait}.icon-button{border:0;background:transparent;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:inherit;transition:background .2s,transform .2s;flex-shrink:0}.icon-button:hover{background:#8975e419;transform:scale(1.04)}.icon-button:active{transform:scale(.95)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.text-button{background:none;border:0;color:var(--muted);font:inherit}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:white;padding:12px;border-radius:10px}.skip-link:focus{top:10px}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-size:22px;font-weight:800;line-height:1.45;white-space:nowrap}.brand:hover{color:inherit}.brand small{font-size:11px;font-weight:400;display:block;opacity:.55;margin-top:3px;letter-spacing:1px}.brand-mark{width:46px;height:46px;object-fit:contain}.workspace{min-height:100vh}.sidebar{width:252px;background:var(--nav);color:#f5f3ff;position:fixed;right:0;top:0;bottom:0;padding:31px 20px 18px;display:flex;flex-direction:column;z-index:40;overflow:auto;scrollbar-width:thin;scrollbar-color:#3f4264 transparent}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.workspace-label{margin:31px 7px 30px;border:1px solid #323650;color:#b8bcd3;background:#20243e;display:flex;align-items:center;gap:9px;border-radius:8px;padding:10px 14px;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#77d3b0;flex-shrink:0}.nav-label{font-size:9px;color:#747a9e;margin:0 15px 15px;letter-spacing:.5px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#a1a6c5;padding:12px 14px;border-radius:10px;transition:background .2s,color .2s,transform .2s;font-size:12px;font-weight:500;position:relative}.sidebar nav a>.icon{width:19px;height:19px;color:#8189b0}.sidebar nav a:hover{background:#242943;color:#e4e5f6;transform:translateX(-3px)}.sidebar nav a.active{background:#7460e5;color:white;box-shadow:0 7px 18px #090e252b}.sidebar nav a.active>.icon{color:#e8e2ff}.sidebar nav i{margin-right:auto;font-style:normal;font-size:8px;background:#34374f;padding:0 7px;border-radius:5px;color:#c3c4d7}.sidebar nav a.active i{background:#ffffff25;color:white}.sidebar-bottom{margin-top:auto;padding-top:35px}.catalog-shortcut{display:flex;align-items:center;gap:10px;border:1px solid #303650;background:#20243e;border-radius:12px;padding:14px 11px;color:#dbdded;font-size:11px}.catalog-shortcut:hover{background:#2b2f4d;color:white}.catalog-shortcut small{display:block;color:#858eae;font-size:9px;margin-top:3px}.catalog-shortcut>.icon{width:15px;margin-right:auto;color:#858eae}.shortcut-icon{background:#363250;color:#b9a7fa;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.shortcut-icon .icon{width:16px}.admin-link{display:flex;align-items:center;gap:9px;color:#858eae;padding:14px 7px;font-size:10px}.admin-link .icon{width:15px}.admin-link:hover{color:white}.profile{border-top:1px solid #2c314c;padding:18px 5px 0;display:flex;align-items:center;gap:10px;margin-top:8px;font-size:12px}.profile small{display:block;font-size:9px;color:#8088a8}.profile form{margin-right:auto}.profile .icon-button{color:#8b94b4}.avatar{display:grid;place-items:center;background:#dcd7fe;color:#6553bc;border-radius:11px;width:37px;height:37px;font-family:Cairo,sans-serif;font-weight:800}.main{margin-right:252px;min-height:100vh}.topbar{height:78px;background:#ffffffdf;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;position:sticky;top:0;z-index:25;font-size:11px}.topbar-context,.topbar-tools{display:flex;align-items:center;gap:18px}.topbar-context>span{color:#9699ad}.breadcrumb-divider{color:#d2d4e3!important}.topbar strong{font-weight:600}.topbar-date{display:flex;align-items:center;gap:8px;color:#888b9e;font-size:10px}.topbar-date .icon{width:16px;height:16px}.status-chip{display:flex;align-items:center;gap:7px;background:#eef8f2;color:#559779;font-size:9px;padding:5px 10px;border-radius:6px}.status-chip .live-dot{background:#61b98e;width:5px;height:5px}.content{max-width:1600px;margin:auto;padding:31px 36px;min-height:calc(100vh - 140px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;animation:enter .5s both}.page-heading p{font-size:11px;color:var(--muted);margin:0}.eyebrow{display:block;font-size:10px;letter-spacing:.4px;font-weight:600;color:#9a8db9;margin-bottom:7px}.greeting-spark{display:inline-block;color:#f0c471;font-size:23px;vertical-align:middle;margin-right:5px}.dashboard-banner{display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,#7f6ae8 0%,#6e58d6 70%,#6550cc 100%);color:#fff;min-height:253px;padding:29px 36px;margin-bottom:28px}.banner-content{position:relative;z-index:2}.banner-tag{display:flex;align-items:center;gap:7px;font-size:9px;color:#dfd8ff;margin-bottom:11px}.banner-tag .icon{width:14px;height:14px}.banner-content h2{font-size:27px;line-height:1.6;margin-bottom:8px;font-weight:750}.banner-content p{font-size:10px;color:#e0d9fa;margin-bottom:17px}.banner-content .button{min-height:37px;padding:7px 15px;font-size:10px}.banner-visual{position:relative;flex:0 0 330px;height:225px;display:grid;place-items:center;align-self:center}.orbit{position:absolute;border:1px solid #ffffff15;border-radius:50%;width:340px;height:340px}.orbit-one{transform:rotate(15deg)}.orbit-two{width:270px;height:270px;border-color:#ffffff25}.floating-receipt{background:#ffffffee;color:#4b4169;border-radius:18px;padding:20px 24px;display:flex;flex-direction:column;width:187px;transform:rotate(-9deg);box-shadow:0 25px 35px #2f1b7526;animation:float-receipt 7s ease-in-out infinite}.receipt-symbol{width:33px;height:33px;border-radius:10px;background:#eeebfc;color:#8f79e4;display:grid;place-items:center;margin-bottom:9px}.receipt-symbol .icon{width:19px}.floating-receipt>span{font-size:9px;color:#9c94ad}.floating-receipt strong{font-size:24px;line-height:1.4;margin-top:4px;letter-spacing:-.7px}.floating-receipt>small{font-size:8px;color:#a39ab5}.receipt-dashes{border-top:1px dashed #ddd5ef;margin:12px 0 8px}.receipt-check{display:flex;gap:5px;align-items:center;color:#6baa90;font-size:8px}.receipt-check .icon{width:12px;height:12px}.spark-decoration{position:absolute;right:16px;top:21px;font-size:45px;color:#d1c5ff;transform:rotate(12deg)}.mini-float{position:absolute;bottom:13px;left:35px;display:grid;place-items:center;width:48px;height:48px;background:#bbecd9;color:#4a9c79;border-radius:13px;transform:rotate(13deg);animation:bob 6s ease-in-out infinite}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading.compact{margin-bottom:15px}.section-heading h2{margin:0;font-size:16px}.section-heading p{color:#8c8c9f;font-size:10px;margin:3px 0 0}.section-heading>a:not(.button){font-size:10px;font-weight:600}.section-title{display:flex;align-items:center;gap:13px}.section-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#f2effc;color:#9b89d4;flex-shrink:0}.section-icon .icon{width:19px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;min-width:0;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}.stats article:hover{transform:translateY(-4px);border-color:#d8d1ef;box-shadow:0 12px 24px #4a3b6e0a}.stats article>span{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}.stats strong{display:block;font-size:26px;font-weight:750;line-height:1.6;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}.stats strong small{font-size:10px;font-weight:400;letter-spacing:0;color:#9a97ad}.stats article>small,.stats article>a{display:flex;align-items:center;gap:5px;color:#9b99ac;font-size:9px;margin-top:12px}.stats article>a{color:#9d89d8}.stats article>a .icon{width:13px;height:13px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.stat-top>span:first-child{font-size:10px;color:#77758d}.stat-icon{width:37px;height:37px;display:inline-grid;place-items:center;border-radius:11px;flex-shrink:0}.stat-icon .icon{width:19px;height:19px}.violet{background:#eeeafd;color:#9e88e3}.coral{background:#fcecef;color:#d68a96}.mint{background:#e8f6ef;color:#70b69a}.blue{background:#eaf1fc;color:#8aa6d9}.danger-number{color:#c96d7d}.small-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:currentColor}.coral-dot{background:#db8e98}.stats.two{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:25px;box-shadow:var(--shadow);min-width:0}.table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#dcd6ee transparent}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:right;background:#f8f8fc;border-block:1px solid #f1eff6;font-size:10px;font-weight:500;padding:12px 15px;color:#9a96ab}th:first-child{border-radius:7px 0 0 7px}td{padding:19px 15px;border-bottom:1px solid #f0eef6;transition:background .2s;color:#666078}tbody tr:hover td{background:#fbfaff}td a:not(.button){color:#4b415f;font-weight:600}td a:hover{color:var(--primary)}td small{display:block;font-size:9px;color:#a6a0b3;margin-top:3px}td.number{font-weight:750;color:#4c425e;font-size:12px}td.number small{display:inline;font-size:9px;font-weight:400}tr:last-child td{border-bottom:0}td .button.small{background:#f0ecfb;color:#9b83d9;font-size:10px;min-height:32px;padding:5px 13px;box-shadow:none}td .button.small:hover{background:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;font-size:9px;white-space:nowrap;background:#eaf6ef;color:#7bb095;font-weight:500}.badge.danger{background:#fcecef;color:#ce8b98}.badge.warning{background:#fbf3e4;color:#b59a69}.badge.muted{background:#f1f0f6;color:#9991aa}.dashboard-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.dashboard-bottom>.panel{height:100%}.stock-alerts{display:grid;gap:10px}.stock-alerts>div:not(.calm-empty){display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:12px}.stock-alerts strong{font-size:11px}.stock-alerts .badge{margin-right:auto}.stock-icon{color:#9b8ac7}.calm-empty{display:flex;align-items:center;justify-content:center;gap:14px;min-height:150px}.calm-empty .stat-icon{width:49px;height:49px;border-radius:15px}.calm-empty p{font-size:10px;color:#9a94a6;margin:3px 0 0}.calm-empty strong{font-size:12px;color:#6f657f}.quick-panel h2{font-size:16px;margin-bottom:14px}.quick-actions{display:grid;gap:8px}.quick-actions>a{display:flex;align-items:center;gap:12px;font-size:11px;color:#746980;padding:6px;border-radius:9px;transition:background .2s,transform .2s}.quick-actions>a:hover{background:#f7f4fc;transform:translateX(-3px)}.quick-actions>a>.icon{width:15px;color:#b3a8c3;margin-right:auto}.quick-actions .stat-icon{width:31px;height:31px;border-radius:9px}.quick-actions .stat-icon .icon{width:16px}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 36px;color:#b0a9bc;font-size:9px}.app-footer strong{color:#8e83a0;font-size:11px}.app-footer strong span{font-weight:400;font-size:9px;margin-right:5px}.nav-toggle,.nav-close,.nav-overlay{display:none}.muted-text{color:var(--muted);font-size:11px}.compact-total{padding:14px 22px;background:#f0edfb;border:1px solid #e4dff5;border-radius:14px}.compact-total span{display:block;color:#9e8bb9;font-size:10px}.compact-total strong{font-size:24px;letter-spacing:-.6px;color:#776197}.compact-total strong small{font-size:11px}.tabs{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#eeedf5;margin-bottom:22px}.tabs a{padding:8px 17px;color:#a195b0;border-radius:8px;font-size:11px;transition:color .2s,background .2s}.tabs a.selected{background:white;color:var(--primary-dark);box-shadow:0 2px 8px #40315f09;font-weight:700}.tabs a:hover{background:#ffffff70;color:var(--primary-dark)}.search{display:flex;gap:8px;max-width:420px}.search input{min-width:220px;font-size:11px}.search button{border:0;background:var(--primary);color:white;padding:8px 20px;border-radius:10px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eeebf9;border:1px solid #ded7ee;border-radius:12px;padding:15px 19px;margin-bottom:23px;font-size:11px;color:#88739e}.notice.success{background:#e9f7f0;border-color:#d8ece1;color:#6c9c83}.notice.error{background:#fceff0;color:#b56d7d;border-color:#f1d8de}.notice .icon-button{width:27px;height:27px}.notice .icon-button .icon{width:15px}.empty{text-align:center;padding:45px;color:#9e94ab;white-space:normal}.empty h3{color:#77658a}.empty p{font-size:12px}.empty .stat-icon{margin-bottom:15px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.details dt{font-size:11px;color:#a192ad}.details dd{margin:6px 0;font-size:19px;font-weight:600}.date-filter{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.date-filter label{font-size:11px;margin:0}.date-filter input{display:block}.date-filter>a{font-size:11px}.receipt{max-width:850px;margin:auto;padding:40px}.receipt-amount{font-size:42px;padding:24px 0;border-block:1px dashed #d8d0e5;margin:25px 0;color:var(--primary-dark)}.receipt-amount small{font-size:14px}.receipt li{margin:10px 0}
/* Forms */
input,select,textarea{width:100%;border:1px solid #e3deec;border-radius:10px;background:#fcfbfe;padding:11px 13px;color:#62536f;transition:border .2s,box-shadow .2s,background .2s;font-size:12px;min-height:45px}input::placeholder{color:#b0a4be;font-size:11px}input:focus,select:focus,textarea:focus{outline:none;border-color:#b9a3e2;background:white;box-shadow:0 0 0 4px #b19ad312}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:var(--primary);vertical-align:middle}input[type=file]{font-size:11px;padding:9px}input[type=file]::file-selector-button{border:0;background:#ece6f6;color:#8a70b3;border-radius:6px;padding:5px 10px;margin-left:10px;font:inherit}textarea{resize:vertical;min-height:110px;max-height:220px}label{display:block;font-weight:600;margin-bottom:7px;font-size:11px}.form-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:26px;align-items:start;max-width:1300px}.form-panel{padding:28px}.form-section-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:24px}.form-section-heading h2{font-size:16px;margin:0}.form-section-heading p{font-size:10px;margin:4px 0 0;color:#a293b0}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{min-width:0}.field[data-field=unit],.field[data-field=mode],.field[data-field=customer],.field[data-field=specs],.field[data-field=address],.field[data-field=notes],.field[data-field=image],.field[data-field=product],.field[data-field=note]{grid-column:1/-1}.field small{font-size:10px;color:var(--muted)}.errorlist{font-size:11px;color:#c37385;list-style:none;padding:9px 0;margin:0}.form-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.form-footer>span{font-size:9px;color:#aa9bb8;display:flex;gap:6px;align-items:center}.form-footer .icon{width:15px;height:15px}.form-help{position:sticky;top:105px;background:#f0edf7;border:1px solid #e7e1f0;border-radius:18px;padding:26px;color:#9d8aae;font-size:11px}.form-help h2{font-size:24px;color:#726181;line-height:1.65;margin-top:13px}.form-help p{line-height:2}.help-heading .eyebrow{margin-top:16px}.help-heading .stat-icon{background:#e2daef;color:#a58dc0}.quote{margin-top:22px;padding:22px;border-radius:12px;border:1px solid #dfd4eb;background:#fff;color:#957aa9;white-space:pre-line;line-height:2.25;font-size:12px}.help-note{margin-top:24px}.help-note h3{font-size:12px;color:#9a81ae}.help-note p{font-size:10px;margin-bottom:10px}.help-link{display:flex;align-items:center;gap:7px;font-size:10px;border-top:1px solid #e0d5eb;padding-top:18px;margin-top:22px}.help-link .icon{width:15px}.help-link .icon:last-child{margin-right:auto}.payment-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payment-modes button{background:white;border:1px solid #e3d9ee;border-radius:10px;padding:12px 8px;color:#ae98bd;font-size:12px;font-weight:600;transition:all .2s}.payment-modes button[aria-pressed=true]{background:#ece6f6;border-color:#bba2d9;color:#9471b4;box-shadow:0 0 0 2px #c7b5e21c}.payment-modes button:hover{border-color:#b39ccd;transform:translateY(-2px)}
/* Login */
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fcfbfe}.login-brand{background:#1b1a37;color:#f3effa;padding:55px 12%;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-brand>.brand{z-index:1}.login-story{position:relative;z-index:2;margin:auto 0;padding:75px 0}.login-story h1{font-size:39px;line-height:1.8;font-weight:750;letter-spacing:-1px}.login-story em{font-style:normal;color:#b39ae2}.login-story p{font-size:13px;color:#b3a3ca;line-height:2.1;margin-top:25px}.login-feature-list{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}.login-feature-list span{display:flex;gap:6px;align-items:center;font-size:9px;color:#a694bd}.login-feature-list .icon{width:16px;height:16px;color:#9477ba}.login-caption{position:relative;z-index:2;font-size:10px;color:#807092;display:flex;align-items:center;gap:7px}.login-caption .icon{width:15px}.login-orb{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#60459260,transparent 70%);left:-200px;bottom:-180px;animation:bob 12s ease-in-out infinite}.login-panel{display:grid;place-items:center;padding:50px}.login-form-wrap{width:100%;max-width:370px;animation:enter .7s both}.login-welcome-icon{display:grid;place-items:center;background:#f0eaf9;color:#b49bd2;width:52px;height:52px;border-radius:15px;margin-bottom:25px}.login-panel h2{font-size:29px;font-weight:800;margin-bottom:7px}.login-panel .muted-text{font-size:12px;margin-bottom:30px}.login-panel label{margin-top:19px;font-size:11px;color:#a18aaf}.login-panel input{height:49px}.password-field{position:relative}.password-field input{padding-left:48px}.password-field button{position:absolute;left:5px;top:5px;color:#b49cc4}.login-submit{width:100%;margin-top:27px;height:49px;justify-content:space-between;padding-inline:20px}.login-help{font-size:10px;color:#af9eb9;text-align:center;margin-top:20px}.back-link{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #eee7f4;padding-top:24px;margin-top:28px;font-size:11px;color:#ac94ba}.back-link .icon{width:14px}
/* Public storefront */
.public-page{background:#fff;overflow:hidden}.public-container{max-width:1230px;padding:0 35px;margin:auto}.public-header{border-bottom:1px solid #f0edf7;position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(16px);z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;height:101px;gap:30px}.public-header .brand{font-size:24px}.public-header nav{display:flex;gap:37px;font-size:12px;color:#9b8aa8}.public-header nav a{color:#9a86a9;transition:color .2s}.public-header nav a:hover{color:var(--primary)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:62px 0 64px}.hero-copy{animation:enter .7s both}.hero-pill{display:inline-flex;gap:8px;align-items:center;background:#f6f2fc;border:1px solid #eee6f7;border-radius:50px;padding:6px 13px;font-size:10px;color:#ad90c1;margin-bottom:23px}.hero-pill .live-dot{background:#ac94d1;width:5px;height:5px}.hero h1{font-size:55px;line-height:1.55;letter-spacing:-1.6px;color:#352646;font-weight:850;margin-bottom:18px}.hero h1 em{color:#9b7ec6;font-style:normal}.hero-copy>p{font-size:13px;color:#b19dbd;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.hero-actions .button{padding:13px 23px;font-size:12px;border-radius:12px}.text-link{font-size:11px;color:#a88dbb}.hero-notes{display:flex;gap:23px;margin-top:29px;font-size:9px;color:#baa6c6}.hero-notes>span{display:flex;gap:6px;align-items:center}.hero-notes .icon{width:14px;height:14px;color:#9dbeae}.hero-art{position:relative;min-height:440px;background:#f3eef9;border-radius:35px;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-type{position:absolute;left:21px;top:24px;color:#e7ddef;font-family:Arial,sans-serif;font-size:70px;line-height:.95;font-weight:900;letter-spacing:-3px;z-index:-1;direction:ltr}.hero-orbit{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #ddd0ea;z-index:-1;left:10%;top:19%;box-shadow:0 0 0 35px #e5dbef20}.hero-phone{width:100%;max-height:460px;object-fit:contain;transform:translateY(6px);animation:float-phone 8s ease-in-out infinite;filter:drop-shadow(0 20px 20px #4d2f5f10)}.art-badge{position:absolute;background:#ffffffed;backdrop-filter:blur(8px);border:1px solid #e6dcef;border-radius:13px;padding:11px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 18px #48255a08;font-size:11px;color:#a48bae;animation:bob 7s ease-in-out infinite}.art-badge small{display:block;font-size:9px;color:#c0adcc}.art-badge .stat-icon{width:34px;height:34px}.badge-top{right:-23px;top:56px;animation-delay:-2s}.badge-bottom{left:-20px;bottom:25px}.hero-star{position:absolute;left:25px;top:30px;color:#b197c7;font-size:37px;animation:twinkle 6s ease-in-out infinite}.brand-strip{border-block:1px solid #eee7f5;padding:23px 4px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#b4a2bf}.brand-strip>span{font-size:10px}.brand-strip strong{font-size:22px;font-family:Cairo,Arial,sans-serif;font-weight:800;color:#b1a0be;letter-spacing:-.5px}.strip-end{color:#c8b9d0}.devices-section{padding:58px 0 65px;scroll-margin-top:20px}.devices-section>.section-heading h2{font-size:29px;font-weight:800;color:#6d507d}.title-dot{color:#ad8fcb;margin-right:4px}.devices-section>.section-heading p{font-size:11px;margin-top:6px;color:#bea7c8}.results-pill{font-size:10px;padding:6px 12px;border:1px solid #eadef1;border-radius:50px;color:#b59ac3}.catalog-filters{padding:18px;background:#faf7fd;border:1px solid #f0e8f7;border-radius:15px;display:flex;align-items:center;gap:20px;justify-content:space-between;margin:25px 0 30px}.search-field{display:flex;align-items:center;border:1px solid #e9deef;background:white;border-radius:10px;padding:4px 10px;flex:1;min-width:180px;max-width:380px}.search-field>.icon{color:#bca4cd;width:17px}.search-field input{background:transparent;border:0;box-shadow:none;min-height:35px;padding:5px 9px;font-size:11px}.search-field input:focus{box-shadow:none}.search-field input::placeholder{color:#c7b4d3;font-size:10px}.search-field .button{padding:5px 12px;min-height:29px;font-size:10px}.filter-controls{display:flex;align-items:center;gap:18px}.filter-controls>label:not(.stock-switch){margin:0;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#b9a3c5;font-size:9px;font-weight:500}.filter-controls select{width:auto;min-height:36px;font-size:10px;padding:5px 8px;border-color:#e7dcec;color:#a78bb9;background:#fff}.stock-switch{display:flex;align-items:center;gap:7px;position:relative;font-size:10px;white-space:nowrap;color:#ad90bf;margin:0;font-weight:500}.stock-switch input{position:absolute;opacity:0;inset-inline-start:0;width:30px;height:30px;cursor:pointer}.switch-track{width:29px;height:17px;background:#ded2e7;border-radius:20px;position:relative;pointer-events:none;transition:background .2s}.switch-track:after{content:'';position:absolute;top:3px;right:3px;width:11px;height:11px;border-radius:50%;background:white;transition:transform .2s}.stock-switch input:checked+.switch-track{background:#9f80bf}.stock-switch input:checked+.switch-track:after{transform:translateX(-12px)}.stock-switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:3px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid #eee4f4;border-radius:19px;overflow:hidden;background:white;transition:transform .3s,box-shadow .3s,border-color .3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #58336810;border-color:#d3bce2}.product-visual{height:267px;background:#f6f2fa;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card:nth-child(3n+2) .product-visual{background:#f0f6f6}.product-card:nth-child(3n+3) .product-visual{background:#f9f3f0}.product-visual>img{width:82%;height:87%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-visual>img{transform:scale(1.06) rotate(-3deg)}.product-visual>.badge{position:absolute;top:16px;right:16px;background:#ffffffdf;color:#9eb5a8;z-index:2;border:1px solid #ffffff90;font-size:8px;padding:3px 8px}.product-visual>.badge.muted{color:#ad9cb7}.product-visual>small{position:absolute;bottom:8px;font-size:8px;color:#bca8c7}.product-index{position:absolute;left:18px;top:15px;font-size:11px;color:#d2c4de;font-family:Arial,sans-serif}.product-info{padding:23px}.product-brand{font-size:9px;color:#ac92bd;font-weight:700;letter-spacing:.5px}.product-info h3{margin:4px 0 10px;font-size:18px;font-weight:750;color:#896599}.product-specs{font-size:10px;color:#b69cc5;line-height:1.9;min-height:40px;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #f1e8f7;margin-top:20px;padding-top:17px}.product-price{color:#a887ba;font-size:10px}.product-price>span{display:block;font-size:8px;color:#c4abd0;margin-bottom:2px}.product-price strong{font-size:24px;letter-spacing:-.7px;color:#8d68a2;font-weight:750}.product-detail-button{border:1px solid #e9dcf2;border-radius:50%;width:36px;height:36px;color:#ad8dc2;transition:transform .25s,background .25s,color .25s}.product-detail-button:hover{background:var(--primary);color:white;transform:rotate(-35deg)}.catalog-empty{grid-column:1/-1;background:#faf6fd;border-radius:16px}.how-section{background:#f4effa;border:1px solid #eadef4;border-radius:24px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:55px}.how-section h2{font-size:30px;line-height:1.7;color:#8c63a1;font-weight:800}.how-section>div>p{font-size:11px;color:#b596c6;max-width:350px;line-height:2}.how-steps{display:grid;gap:20px}.how-steps article{display:flex;align-items:center;gap:16px}.how-steps article>span{display:grid;place-items:center;border:1px solid #d9c3e8;color:#b18ec8;width:43px;height:43px;border-radius:12px;font:600 13px Arial,sans-serif;flex-shrink:0;background:#faf7fd}.how-steps h3{font-size:13px;color:#a380b6;margin:0}.how-steps p{font-size:10px;color:#bfa2cd;margin:3px 0 0}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #f0e5f7;padding:33px 0;color:#bea1cd;font-size:10px}.public-footer .brand{font-size:20px;color:#9470a7}.public-footer .brand-mark{width:39px;height:39px}.public-footer .brand small{font-size:9px}.public-footer>a:last-child{font-size:10px;color:#b392c6}.product-dialog{border:1px solid #e6d5f0;border-radius:24px;padding:0;max-width:850px;width:calc(100% - 40px);color:#8e68a2;box-shadow:0 30px 90px #32204440}.product-dialog[open]{display:grid;grid-template-columns:1fr 1.1fr;animation:dialog-enter .3s ease both}.product-dialog::backdrop{background:#1c153e88;backdrop-filter:blur(6px)}.dialog-close{position:absolute;left:14px;top:14px;background:#ffffffbd;z-index:3}.dialog-visual{background:#f3edf9;display:grid;place-items:center;padding:30px;min-width:0}.dialog-visual img{width:100%;max-height:420px;object-fit:contain}.dialog-info{padding:45px 30px 30px;min-width:0}.dialog-info h2{font-size:25px;line-height:1.7}.dialog-info>p{font-size:12px;white-space:pre-line}.dialog-info .notice{font-size:10px;margin-top:20px;line-height:1.9}.dialog-availability{margin-top:15px;color:#9eb39d}
/* Motion; content remains readable when scripts are unavailable. */
.reveal{animation:enter .65s both}.stats article:nth-child(2),.product-card:nth-child(2){animation-delay:.07s}.stats article:nth-child(3),.product-card:nth-child(3){animation-delay:.14s}.stats article:nth-child(4){animation-delay:.21s}.reveal.is-entering{animation:enter .65s both}.is-loading{pointer-events:none;opacity:.65}.is-loading:after{content:'';width:14px;height:14px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}.scroll-top{position:fixed;bottom:25px;left:25px;z-index:24;border-radius:50%;background:var(--primary);color:white;box-shadow:0 7px 22px #7360e530;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .25s}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:none}.scroll-top:hover{background:var(--primary-dark)}
@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes float-phone{0%,100%{transform:translateY(6px) rotate(0)}50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes float-receipt{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-6px)}}@keyframes twinkle{0%,100%{transform:rotate(0);opacity:.6}50%{transform:rotate(30deg);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
[hidden]{display:none!important}
@media(min-width:1650px){.content{padding-top:38px}.sidebar{width:272px;padding-inline:25px}.main{margin-right:272px}.dashboard-banner{min-height:275px}.banner-visual{flex-basis:400px}.stats article{padding:24px}}
@media(max-width:1200px){.sidebar{width:225px;padding-inline:16px}.main{margin-right:225px}.content{padding:27px}.topbar{padding-inline:27px}.stats{gap:12px}.stats article{padding:17px}.stats strong{font-size:23px}.stat-top{align-items:flex-start}.stat-top>span:first-child{font-size:9px}.stat-icon{width:31px;height:31px}.stat-icon .icon{width:17px}.dashboard-banner{padding:25px 28px}.banner-visual{flex-basis:240px}.banner-content h2{font-size:24px}.floating-receipt{width:170px;padding:17px 22px}.spark-decoration{right:-3px}.mini-float{left:3px}.hero h1{font-size:46px}.hero-art{min-height:390px}.hero-phone{max-height:410px}.hero-type{font-size:60px}.catalog-filters{gap:13px}.filter-controls{gap:12px}.filter-controls>label:not(.stock-switch)>span{display:none}.product-visual{height:235px}.product-info h3{font-size:16px}.product-price strong{font-size:22px}.form-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px}.form-panel{padding:21px}.form-help{padding:22px}.form-footer .button{width:100%}}
@media(max-width:980px){.stats{grid-template-columns:1fr 1fr}.sidebar{width:210px;padding-inline:12px}.main{margin-right:210px}.sidebar .brand{font-size:20px}.sidebar nav a{font-size:11px;padding:11px 12px;gap:10px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom>.panel{height:auto}.banner-visual{flex-basis:205px}.banner-content h2{font-size:22px}.banner-content p{font-size:9px;max-width:250px}.topbar-date{display:none}.form-layout{grid-template-columns:1fr}.form-help{position:static}.form-help .help-heading h2{font-size:23px}.quote{margin-top:15px}.form-footer .button{width:auto}.hero h1{font-size:39px}.hero-copy>p{font-size:11px}.hero-art{min-height:350px}.art-badge{padding:8px 11px;font-size:9px;gap:7px}.art-badge small{font-size:8px}.art-badge .stat-icon{width:27px;height:27px}.badge-top{right:-10px;top:30px}.badge-bottom{left:-5px;bottom:20px}.hero-notes{gap:12px;font-size:8px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:11px 17px}.hero-type{font-size:48px}.hero-orbit{width:240px;height:240px}.catalog-filters{flex-wrap:wrap}.search-field{max-width:none}.filter-controls{flex:1;justify-content:space-between}.brand-strip strong{font-size:19px}.brand-strip .strip-end{display:none}.product-grid{gap:17px}.product-info{padding:18px}.product-visual{height:210px}.product-info h3{font-size:14px}.product-price strong{font-size:19px}.how-section{gap:35px;padding:33px}.how-section h2{font-size:26px}.login-story h1{font-size:32px}.login-brand{padding:40px 10%}.login-panel{padding:35px}}
@media(max-width:760px){.sidebar{width:278px;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:25px 20px 20px;visibility:hidden}.sidebar .brand{font-size:22px}.sidebar nav a{font-size:12px;padding:12px 14px}.nav-open .sidebar{transform:none;visibility:visible}.nav-open{overflow:hidden}.nav-overlay{display:block;position:fixed;inset:0;background:#16142c80;backdrop-filter:blur(3px);border:0;z-index:35;animation:enter .2s both}.nav-toggle,.nav-close{display:inline-flex}.nav-close{color:#9897b9}.main{margin:0;width:100%}.topbar{height:66px;padding:0 18px;gap:10px}.topbar-context{gap:10px;font-size:11px}.topbar-context .nav-toggle{margin-right:-7px;color:#a38dbc}.topbar-tools{gap:8px}.status-chip{font-size:8px;padding:4px 8px}.desktop-only{display:none}.content{padding:23px 18px}.page-heading{align-items:center;gap:15px;margin-bottom:22px}h1{font-size:24px}.page-heading p{font-size:10px;max-width:290px}.page-heading .button{font-size:10px;padding:9px 12px;min-height:39px}.page-heading .button .icon{width:15px}.page-heading .eyebrow{font-size:9px}.greeting-spark{font-size:18px}.dashboard-banner{padding:24px;border-radius:18px;min-height:230px;margin-bottom:24px}.banner-content h2{font-size:22px}.banner-content p{font-size:9px;max-width:245px}.banner-tag{font-size:8px}.banner-visual{flex-basis:180px;height:200px}.floating-receipt{width:147px;padding:16px 19px;border-radius:13px}.floating-receipt strong{font-size:21px}.floating-receipt>span{font-size:8px}.receipt-symbol{width:29px;height:29px}.receipt-check{font-size:7px}.spark-decoration{font-size:30px;right:0;top:10px}.mini-float{width:38px;height:38px;left:-3px;bottom:10px}.orbit{width:245px;height:245px}.orbit-two{width:190px;height:190px}.stats{gap:12px;margin-bottom:22px}.stats article{padding:18px}.stats strong{font-size:25px}.stat-top{align-items:center;margin-bottom:14px}.stat-top>span:first-child{font-size:10px}.stats article>small,.stats article>a{font-size:8px}.section-heading{gap:14px;margin-bottom:18px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.section-heading>.button{font-size:9px;min-height:31px;padding:6px 10px}.section-icon{width:33px;height:33px;border-radius:10px}.section-icon .icon{width:17px}.section-title{gap:9px}.panel{padding:19px;border-radius:15px;margin-bottom:20px}.dashboard-bottom{gap:0}.app-footer{padding:18px;gap:12px;flex-wrap:wrap;font-size:8px}.app-footer strong{font-size:10px}.details{grid-template-columns:1fr 1fr;gap:20px}.details dt{font-size:10px}.details dd{font-size:17px}.search{width:100%;max-width:none}.search input{min-width:0}.section-heading:has(.search){flex-wrap:wrap}.form-layout{gap:0}.form-fields{gap:17px}.form-help{padding:24px;margin-bottom:20px}.form-footer>span{font-size:8px}.form-footer .button{font-size:11px}.form-section-heading h2{font-size:15px}.form-section-heading p{font-size:9px}.tabs{width:100%;justify-content:space-between;padding:5px;gap:2px}.tabs a{font-size:10px;padding:7px 10px;text-align:center;flex:1}.compact-total{padding:11px 16px}.compact-total strong{font-size:22px}.compact-total span{font-size:9px}.date-filter{gap:13px}.date-filter label{flex:1;min-width:125px}.date-filter .button{min-height:40px}.public-container{padding:0 22px}.header-inner{height:80px;gap:16px}.public-header .brand{font-size:21px}.public-header .brand-mark{width:40px;height:40px}.public-header nav{display:none}.public-header .button{font-size:10px;padding:7px 11px}.hero{padding:40px 0 43px;grid-template-columns:1fr;gap:40px}.hero-copy{max-width:600px}.hero h1{font-size:43px;line-height:1.5}.hero-copy>p{font-size:12px}.hero-pill{font-size:9px;margin-bottom:18px}.hero-actions{margin-top:23px}.hero-actions .button{font-size:12px;padding:12px 21px}.hero-notes{font-size:9px;gap:23px}.hero-art{min-height:350px;max-width:500px;width:100%;margin:auto;border-radius:25px}.hero-phone{height:375px;width:auto;max-width:100%;margin-top:-14px}.hero-type{font-size:64px}.hero-orbit{width:270px;height:270px;top:14%;left:18%}.art-badge{padding:10px 14px;font-size:10px}.art-badge .stat-icon{width:30px;height:30px}.badge-top{right:3px;top:45px}.badge-bottom{left:6px;bottom:22px}.hero-star{left:18px;font-size:32px}.brand-strip{gap:17px;padding:20px 0}.brand-strip>span{width:100%;font-size:9px}.brand-strip strong{font-size:21px;flex:1;text-align:center}.devices-section{padding:38px 0}.devices-section>.section-heading h2{font-size:25px}.devices-section>.section-heading p{font-size:10px}.results-pill{font-size:8px;padding:5px 8px}.catalog-filters{padding:13px;gap:13px;margin-top:22px;margin-bottom:22px}.search-field{flex-basis:100%}.filter-controls{width:100%;gap:8px;justify-content:space-between}.filter-controls select{font-size:9px;padding:5px;min-height:34px}.stock-switch{font-size:9px;gap:5px}.switch-track{width:27px}.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product-visual{height:195px}.product-info{padding:16px}.product-info h3{font-size:14px}.product-specs{font-size:9px;min-height:40px}.product-bottom{margin-top:15px;padding-top:13px;gap:5px}.product-price strong{font-size:19px}.product-detail-button{width:30px;height:30px}.product-detail-button .icon{width:17px}.product-price{font-size:8px}.product-price>span{font-size:7px}.product-visual>.badge{font-size:7px;right:10px;top:10px;padding:3px 6px}.product-index{font-size:9px;left:12px;top:14px}.how-section{grid-template-columns:1fr;gap:20px;padding:29px 25px;margin-bottom:35px}.how-section h2{font-size:27px}.how-section>div>p{max-width:none}.how-steps{gap:18px}.public-footer{flex-wrap:wrap;gap:20px;padding:25px 0}.public-footer>span{font-size:9px;order:3;width:100%}.public-footer .brand{font-size:19px}.public-footer .brand-mark{width:36px;height:36px}.public-footer>a:last-child{margin-right:auto}.product-dialog[open]{grid-template-columns:1fr;max-width:430px;max-height:90dvh;overflow-y:auto}.dialog-visual{height:220px;padding:15px}.dialog-visual img{height:210px;width:auto;max-width:100%}.dialog-info{padding:24px}.dialog-info h2{font-size:22px}.login-page{grid-template-columns:1fr}.login-brand{padding:28px;min-height:auto}.login-story{padding:28px 0 12px}.login-story h1{font-size:27px;line-height:1.65}.login-story .banner-tag,.login-story p,.login-feature-list,.login-caption{display:none}.login-panel{padding:35px 25px 45px}.login-welcome-icon{display:none}.login-panel h2{font-size:26px}.login-panel .muted-text{font-size:11px;margin-bottom:24px}.login-brand .brand{font-size:23px}.login-brand .brand-mark{width:40px;height:40px}.login-orb{height:350px;width:350px;bottom:-220px}.receipt{padding:24px}.receipt-amount{font-size:33px}.receipt-amount small{font-size:12px}}
@media(max-width:580px){.dashboard-banner{padding:22px;min-height:219px}.banner-content{max-width:235px}.banner-content h2{font-size:21px}.banner-content p{max-width:220px;font-size:8px}.banner-content .button{font-size:9px;min-height:34px}.banner-visual{flex-basis:100px;height:180px;margin-left:-24px}.floating-receipt{width:118px;padding:14px 15px;transform:rotate(-9deg)}.floating-receipt strong{font-size:17px}.floating-receipt>small{font-size:7px}.receipt-symbol{width:25px;height:25px}.receipt-symbol .icon{width:15px}.receipt-check{font-size:6px}.receipt-check .icon{width:10px}.mini-float{width:30px;height:30px;left:12px;bottom:5px;border-radius:8px}.mini-float .icon{width:18px}.spark-decoration{font-size:25px;top:-1px;right:2px}.orbit{width:210px;height:210px}.orbit-two{width:160px;height:160px}.stats article{padding:15px}.stat-top{gap:7px;align-items:start}.stat-top>span:first-child{font-size:9px;max-width:90px}.stat-icon{width:29px;height:29px;border-radius:9px}.stats strong{font-size:23px}.stats strong small{font-size:9px}.stats article>small,.stats article>a{font-size:8px}.page-heading{flex-wrap:wrap}.page-heading>.button{font-size:10px}.section-title .section-icon{display:none}.section-heading h2{font-size:14px}.panel{padding:17px}.dashboard-stats{gap:10px}.table-wrap table.enhanced,.table-wrap table.enhanced tbody{display:block;width:100%;white-space:normal}.table-wrap table.enhanced thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap table.enhanced tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ede6f4;border-radius:12px;padding:13px;margin-bottom:12px;gap:12px;background:#fdfbff}.table-wrap table.enhanced td{display:block;padding:0;border:0;font-size:11px;min-width:0;background:transparent!important}.table-wrap table.enhanced td:before{content:attr(data-label);display:block;font-size:8px;color:#bba7c9;margin-bottom:3px;direction:rtl;text-align:right;font-weight:400}.table-wrap table.enhanced td:first-child{grid-column:1/-1;border-bottom:1px solid #f0e7f7;padding-bottom:10px;font-size:12px}.table-wrap table.enhanced td:first-child:before{display:none}.table-wrap table.enhanced td:last-child:has(.button){grid-column:1/-1;margin-top:2px}.table-wrap table.enhanced td:last-child .button{width:100%;min-height:36px;font-size:10px}.table-wrap table.enhanced td[colspan]{grid-column:1/-1;padding:20px 0;text-align:center}.table-wrap table.enhanced td[colspan]:before{display:none}.table-wrap table.enhanced tr:last-child{margin-bottom:0}.tabs a{font-size:9px;padding:7px 5px}.form-fields{grid-template-columns:1fr}.field{grid-column:1/-1}.form-footer .button{width:100%}.form-footer>span{font-size:9px}.details{gap:15px}.details dt{font-size:9px}.details dd{font-size:16px}.date-filter .button{flex-basis:100%}.product-grid{gap:11px}.product-visual{height:175px}.product-visual>img{width:95%;height:89%}.product-info{padding:13px}.product-info h3{font-size:12px;line-height:1.8}.product-brand{font-size:8px}.product-price strong{font-size:17px}.product-specs{font-size:8px}.product-detail-button{width:27px;height:27px}.hero h1{font-size:39px}.hero-art{min-height:325px}.hero-phone{height:340px}.hero-type{font-size:56px}.hero-orbit{width:240px;height:240px}.hero-copy>p{font-size:11px}.hero-notes{font-size:8px;gap:18px}.results-pill{font-size:7px}.devices-section>.section-heading h2{font-size:23px}.devices-section>.section-heading p{font-size:9px}.devices-section>.section-heading{gap:10px}.product-info h3{min-height:42px}.filter-controls select{max-width:120px}.brand-strip strong{font-size:18px}.public-container{padding:0 19px}.public-header .brand{font-size:20px}.public-header .button{font-size:9px}.header-inner{gap:10px}.public-header .button .icon{width:14px}.stock-switch{font-size:8px}.scroll-top{bottom:17px;left:17px;width:35px;height:35px}}
@media(max-width:380px){.hero h1{font-size:35px}.hero-pill{font-size:8px}.hero-notes{font-size:7px}.banner-visual{display:none}.banner-content{max-width:none}.banner-content h2{font-size:22px}.banner-content p{max-width:none}.stats strong{font-size:21px}.stat-top>span:first-child{font-size:8px}.stats article{padding:13px}.filter-controls{flex-wrap:wrap}.stock-switch{padding:5px 0}.product-visual{height:150px}.product-price strong{font-size:15px}.product-detail-button{width:24px;height:24px}.product-info{padding:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media print{body{background:white;color:black;font-family:Cairo,sans-serif;font-size:11px}.no-print,.sidebar,.topbar,.app-footer,.notice,.skip-link,.scroll-top{display:none!important}.main{margin:0;width:100%}.content{padding:0;max-width:none}*,*:before,*:after{animation:none!important;transition:none!important}.panel{border:1px solid #ccc;box-shadow:none;break-inside:avoid;padding:15px}.stats{grid-template-columns:repeat(4,1fr)}.stats article{padding:10px;box-shadow:none}.stats strong{font-size:16px}.page-heading{margin-bottom:15px}a{color:black}button{display:none}.receipt{max-width:100%}.table-wrap{overflow:visible}table{white-space:normal}.table-wrap table.enhanced{display:table}.table-wrap table.enhanced tbody{display:table-row-group}.table-wrap table.enhanced thead{display:table-header-group;position:static;clip-path:none;width:auto;height:auto}.table-wrap table.enhanced tr{display:table-row}.table-wrap table.enhanced td{display:table-cell;padding:8px;border-bottom:1px solid #ddd}.table-wrap table.enhanced td:before{display:none}.form-help{position:static}.dashboard-banner{background:white;color:black;border:1px solid #aaa}.banner-visual{display:none}}

/* Final contrast pass: subdued surfaces, readable type. */
.dialog-open{overflow:hidden}
.eyebrow{color:#827291}.page-heading p,.muted-text{color:#777085}
.sidebar nav a{font-size:13px}.sidebar nav a:not(.active){color:#b1b5cd}.sidebar nav a:not(.active)>.icon{color:#969dbb}.workspace-label{color:#bfc1d7}.nav-label{color:#969bb9}.sidebar .brand small{opacity:.7}
.topbar{font-size:12px}.topbar-context>span{color:#7c788b}.topbar-date{color:#777385}.status-chip{color:#3e8368}
.stats .stat-top>span:first-child{font-size:11px;color:#747080}.stats article>span{color:#746d83}.stats article>small{color:#82778f}.stats article>a{color:#8065b0}.stats strong small{color:#847990}.danger-number{color:#b85a6b}.section-heading p{color:#82758d}.section-heading.compact .muted-text{color:#8c7c99}
table{font-size:12px}th{font-size:11px;color:#81738f}td{color:#655773}td small{font-size:10px;color:#93809f}td.number{font-size:13px}td .button.small{color:#8061ab}.badge{color:#54876d}.badge.danger{color:#b7697b}.badge.warning{color:#977b43}.badge.muted{color:#80738d}.calm-empty p{color:#94819e}.quick-actions>a{color:#82708f;font-size:12px}.app-footer{color:#9b87a7}.app-footer strong{color:#8b719e}
.tabs a{color:#897397}.compact-total span{color:#9678a9}.notice{color:#826395}.notice.success{color:#50816a}.notice.error{color:#ae6073}
input,select,textarea{color:#695476;font-size:13px}input::placeholder{color:#a48ab4}label{color:#81638f;font-size:12px}.form-section-heading p{color:#9a7fa8}.form-help{color:#9372a6}.form-help h2{color:#78518d}.quote{color:#85539f;font-size:13px}.help-note h3{color:#9063a5}.help-note p{font-size:11px}.form-footer>span{color:#a184b2}.payment-modes button{color:#a181b4}.payment-modes button[aria-pressed=true]{color:#8751a8}
.public-header nav a{color:#92729f}.hero h1 em{color:#8b65b3}.hero-copy>p{color:#a080af}.hero-pill{color:#a17bb8}.text-link{color:#9871ad}.hero-notes{color:#a785b6}.art-badge{color:#9a75ae}.art-badge small{color:#b08cbe}.brand-strip>span{color:#a685b5}.brand-strip strong{color:#9d83ab}.devices-section>.section-heading h2{color:#704586}.devices-section>.section-heading p{color:#aa84bb}.results-pill{color:#a480b6}.filter-controls select{color:#9a70af}.filter-controls>label:not(.stock-switch){color:#a582b4}.stock-switch{color:#9e77b1}.product-info h3{color:#73448d}.product-brand{color:#a37bbb}.product-specs{color:#a885b8}.product-price strong{color:#82529c}.product-price{color:#a17bb3}.product-price>span{color:#b18abe}.product-visual>.badge{color:#6d9c82}.product-visual>.badge.muted{color:#a080b1}.product-visual>small{color:#aa8eb8}.how-section h2{color:#815099}.how-section>div>p{color:#a97fbd}.how-steps h3{color:#9a6aaf}.how-steps p{color:#af88bf}.public-footer{color:#aa7cbd}.public-footer .brand{color:#8b54a3}.public-footer>a:last-child{color:#a575b8}.product-dialog{color:#85519d}.dialog-availability{color:#709a78}.login-panel label{color:#9672aa}.login-panel .muted-text{color:#a17cb1}.login-help{color:#a982b8}.back-link{color:#9f70b7}
@media(max-width:760px){.sidebar nav a{font-size:13px}.stats .stat-top>span:first-child{font-size:10px}.stats article>small,.stats article>a{font-size:9px}.topbar{font-size:11px}.product-specs{font-size:10px}.form-fields label{font-size:12px}}
@media(max-width:580px){.stats .stat-top>span:first-child{font-size:9px}.stats article>small,.stats article>a{font-size:8px}.table-wrap table.enhanced td:before{color:#a180b5;font-size:9px}.table-wrap table.enhanced td{font-size:12px}.product-specs{font-size:9px}}

/* Shared text palette for legibility across all white and tinted surfaces. */
.page-heading p,.muted-text,.topbar-date,.topbar-context>span,.section-heading p,.section-heading.compact .muted-text,.stats .stat-top>span:first-child,.stats article>span,.stats article>small,.stats strong small,th,td small,.calm-empty p,.quick-actions>a,.app-footer,.app-footer strong,.details dt,.tabs a,.compact-total span,.form-section-heading p,.form-footer>span,.form-help,.help-note p,.login-panel .muted-text,.login-help,.public-header nav a,.hero-copy>p,.hero-notes,.art-badge small,.brand-strip>span,.devices-section>.section-heading p,.results-pill,.filter-controls>label:not(.stock-switch),.stock-switch,.product-specs,.product-price>span,.product-visual>small,.how-section>div>p,.how-steps p,.public-footer,.public-footer>span{color:#747086}
label,.field label,.login-panel label,input,select,textarea,.product-info h3,.product-price strong,.dialog-info h2,.how-section h2,.devices-section>.section-heading h2,.form-help h2,.quick-panel h2,.public-footer .brand{color:#2e2942}
.hero h1 em{color:#7960ca}.hero-pill,.text-link,.art-badge,.product-brand,.product-price,.how-steps h3,.public-footer>a:last-child,.filter-controls select,.payment-modes button,.help-note h3,.help-link,.quote,.back-link,.product-dialog,.stats article>a{color:#786295}
.product-visual>.badge,.badge{color:#437c60}.badge.danger{color:#a84e65}.badge.warning{color:#88682f}.badge.muted,.product-visual>.badge.muted{color:#72667d}
.notice{color:#75568a}.notice.success{color:#47785f}.notice.error{color:#a84c62}.dialog-availability{color:#47785f}
.product-dialog .dialog-visual{display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog-visual>small{font-size:10px;color:#746583;margin-top:12px}
.dashboard-banner{padding-block:24px;min-height:240px}.banner-visual{height:200px}.banner-content h2{font-size:26px}
@media(max-width:760px){.dashboard-banner{padding-block:22px}.banner-content h2{font-size:22px}.banner-visual{height:185px}.table-wrap table.enhanced td:before{color:#80708d}}
@media(max-width:580px){.dashboard-banner{min-height:215px}.banner-content h2{font-size:21px}.banner-visual{height:180px}}