/* Nilufa Prism — billing + invoice center visual unification */
:root{--color-primary:#6c5ce7;--color-primary-dark:#5144c9;--color-primary-light:#efedff;--color-accent:#ed5b9b;--color-accent-light:#fff0f6;--color-bg:#f7f7fc;--color-surface:#fff;--color-border:#e4e6f0;--color-text:#182033;--color-text-muted:#667085;--color-text-soft:#98a2b3;--color-success:#12a968;--color-success-bg:#e9fbf2;--color-warning:#d97706;--color-warning-bg:#fff4e8;--color-danger:#e84d5b;--color-danger-bg:#fff0f1;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-sm:0 2px 8px rgba(25,30,55,.04);--shadow-md:0 12px 30px rgba(54,44,145,.09);--shadow-lg:0 28px 75px rgba(38,31,100,.18);--header-height:76px;--transition:220ms cubic-bezier(.2,.8,.2,1)}
body{background:var(--color-bg);color:var(--color-text);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 4% 5%,rgba(108,92,231,.12),transparent 28rem),radial-gradient(circle at 96% 17%,rgba(22,184,216,.1),transparent 25rem),radial-gradient(circle at 72% 94%,rgba(237,91,155,.08),transparent 30rem)}.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ui-icon.sm{width:16px;height:16px}.ui-icon.lg{width:26px;height:26px}.ui-icon.xl{width:34px;height:34px}
.container{max-width:1480px;padding-inline:28px}.topbar{height:var(--header-height);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom-color:#e2e4ee;animation:headIn .5s cubic-bezier(.2,.8,.2,1)}.brand{gap:13px;color:var(--color-text)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#6c5ce7,#8c66ef 55%,#16b8d8);box-shadow:0 8px 22px rgba(108,92,231,.24)}.nav-links{padding:5px;background:#f1f2f7;border:1px solid #e5e6ee;border-radius:14px}.nav-links a{min-height:40px;display:inline-flex;align-items:center;gap:6px;border-radius:10px}.nav-links a:hover,.nav-links a.active{background:#fff;color:#5849c7;box-shadow:0 3px 10px rgba(30,24,100,.08)}
.btn{min-height:44px;border-radius:12px;transition:all var(--transition)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#815fe9);box-shadow:0 8px 18px rgba(108,92,231,.22)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7567ff,#5144c9);box-shadow:0 12px 24px rgba(108,92,231,.28)}.btn-outline{background:#fff}.btn-outline:hover:not(:disabled){background:#efedff;border-color:#cbc5ff;color:#5849c7}.btn-whatsapp{background:linear-gradient(135deg,#21c87a,#0ca962)}.btn-whatsapp-outline{background:#e9fbf2;color:#087a49;border-color:#bcefd3}
input,select,textarea{min-height:44px;border-radius:12px;border-color:#dfe2ec}input:focus,select:focus,textarea:focus{border-color:#968aff;box-shadow:0 0 0 4px rgba(108,92,231,.1)}.card{border-color:#e1e3ed;box-shadow:var(--shadow-sm)}.badge{padding:5px 10px}.modal-backdrop{backdrop-filter:blur(7px)}.modal{border-radius:24px;box-shadow:var(--shadow-lg)}.empty-state .icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 14px;border-radius:18px;background:linear-gradient(145deg,#efedff,#e8faff);color:#6c5ce7}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 20px}.workspace-heading h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;margin:2px 0 4px}.workspace-heading p{margin:0;color:var(--color-text-muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6c5ce7}.heading-orb{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#efedff,#e8faff);color:#6c5ce7;animation:float 4s ease-in-out infinite}
.billing-layout{grid-template-columns:minmax(0,1fr) 400px;gap:26px;padding:28px 0 50px}.products-panel{animation:riseIn .5s .06s both}.toolbar{padding:14px;border:1px solid #e1e3ed;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm)}.search-box{position:relative;flex:1;min-width:220px}.search-box>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1}.search-box input{padding-left:42px;background:#f8f8fc;border-color:transparent}.status-pulse{background:#12a968;box-shadow:0 0 0 5px rgba(18,169,104,.1);animation:pulse 2s infinite}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}.product-card{padding:15px;border-radius:20px;background:#fff;border-color:#e1e3ed;box-shadow:var(--shadow-sm);overflow:hidden;animation:cardIn .45s both}.product-card:hover{transform:translateY(-5px);border-color:#cbc5ff;box-shadow:0 18px 35px rgba(67,56,188,.12)}.product-thumb{height:112px;border-radius:15px;background:linear-gradient(145deg,#efedff,#ddf8ff);color:#6c5ce7;font-size:34px}.product-card:nth-child(4n+2) .product-thumb{background:linear-gradient(145deg,#fff0f6,#ffe4ef);color:#ed5b9b}.product-card:nth-child(4n+3) .product-thumb{background:linear-gradient(145deg,#e8faff,#e3faef);color:#009dbb}.product-card:nth-child(4n+4) .product-thumb{background:linear-gradient(145deg,#fff4e8,#fff0d4);color:#d97706}.product-price{color:#251e4b;font-size:18px}.product-actions{margin-top:auto}
.cart-panel{top:calc(var(--header-height) + 18px);border-radius:22px;border-color:#dcd9fb;box-shadow:0 18px 45px rgba(63,55,201,.11);overflow:hidden;animation:riseIn .55s .14s both}.cart-header{background:linear-gradient(145deg,#f1efff,#eefbff)}.cart-footer{background:#fbfbfd}.totals-row.grand{color:#5949d0;font-size:22px}.sales-channel-field select{background:#f8f7ff;border-color:#d7d2ff}.cart-fab{background:linear-gradient(135deg,#6c5ce7,#ed5b9b);box-shadow:0 16px 32px rgba(108,92,231,.3)}
.login-shell{background:linear-gradient(145deg,#f1efff,#eafaff 50%,#fff0f6)}.login-card{max-width:420px;padding:40px 38px;border-radius:28px;border:1px solid rgba(255,255,255,.86);box-shadow:0 28px 80px rgba(63,55,201,.17);animation:loginIn .6s cubic-bezier(.2,.8,.2,1)}.login-card .brand-mark{width:64px;height:64px;border-radius:20px}.login-card h2{font-size:28px}.login-hint{background:#f3f1ff;color:#676079;border:1px solid #e1dcff;border-radius:13px}
.admin-shell{grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{padding:22px 14px;background:rgba(255,255,255,.9)}.admin-sidebar::before{content:"WORKSPACE";display:block;padding:0 15px 12px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#a2a7b6}.admin-nav-item{min-height:48px;border-radius:13px;gap:12px;margin-bottom:6px}.admin-nav-item .icon-wrap{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#efedff;color:#6c5ce7}.admin-nav-item:nth-child(2) .icon-wrap{background:#e8faff;color:#009dbb}.admin-nav-item:nth-child(3) .icon-wrap{background:#fff0f6;color:#ed5b9b}.admin-nav-item:nth-child(4) .icon-wrap{background:#fff4e8;color:#d97706}.admin-nav-item:nth-child(5) .icon-wrap{background:#e9fbf2;color:#09975a}.admin-nav-item.active{background:linear-gradient(135deg,#6c5ce7,#7f65eb);box-shadow:0 10px 22px rgba(108,92,231,.24)}.admin-nav-item.active .icon-wrap{background:rgba(255,255,255,.16);color:#fff}.admin-main{padding:30px 34px 64px;background:transparent;animation:riseIn .5s both}.stat-cards{gap:15px}.stat-card{position:relative;overflow:hidden;border-radius:18px;background:#fff!important;box-shadow:var(--shadow-sm)}.stat-card::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-25px;top:-25px;background:#efedff}.stat-card:nth-child(2)::after{background:#fff4e8}.stat-card:nth-child(3)::after{background:#fff0f1}.stat-card:nth-child(4)::after{background:#e8faff}.data-table-wrap{border-radius:18px;box-shadow:var(--shadow-sm)}table.data-table th{background:#f8f8fc}table.data-table tr:hover td{background:#fafaff}.admin-main .toolbar{display:flex;align-items:center;flex-wrap:nowrap}.admin-main .filter-select{width:210px;flex:0 0 210px}.backup-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;border:0}.backup-block,.backup-restore-block{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:24px;border:1px solid #e1e3ed;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.backup-icon{border-radius:15px;background:#efedff;color:#6c5ce7}.invoice-branding-block{border-color:#ded9fb!important;background:linear-gradient(145deg,#faf9ff,#f1fbff)!important;border-radius:20px!important}
@keyframes headIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes loginIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-6px) rotate(5deg)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(18,169,104,0)}}
@media(max-width:1024px){.billing-layout{grid-template-columns:1fr}.cart-panel{border-radius:26px 26px 0 0}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:10px 14px}.admin-sidebar::before{display:none}.admin-main{padding:24px 18px 50px}.backup-workspace{grid-template-columns:1fr}}@media(max-width:640px){:root{--header-height:68px}.container{padding-inline:16px}.nav-links a{font-size:0;padding:8px 10px}.nav-links a .ui-icon{width:20px;height:20px}.workspace-heading p{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{padding:11px;border-radius:16px}.product-thumb{height:84px}.admin-nav-item{font-size:0}.admin-main .toolbar{flex-direction:column;align-items:stretch}.admin-main .filter-select{width:100%;max-width:none;flex:auto}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.success-check{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:6px;border-radius:50%;background:#e9fbf2;color:#12a968;vertical-align:middle}.success-check .ui-icon{width:19px;height:19px}