:root{--bg:#f6f7fb;--panel:#fff;--text:#182034;--muted:#7a8499;--line:#e6e8ef;--orange:#ff6b0b;--orange2:#ff8b32;--green:#26b861;--blue:#3196d6;--amber:#f4a900;--red:#e45454;--shadow:0 2px 6px rgba(20,30,55,.08);--radius:12px}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column}.brand{height:64px;display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line)}.brand img{max-width:155px;max-height:43px}.nav-scroll{padding:12px 11px 90px;overflow:auto;flex:1}.nav-section{font-size:10px;color:#a2a9b7;font-weight:800;letter-spacing:.09em;margin:15px 8px 7px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#647087;font-size:13px;margin:1px 0}.nav-link:hover{background:#f8f8fb;color:#252e42}.nav-link.active{background:#fff1ea;color:#f06522;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:14px}.sidebar-user{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center;font-size:12px}.sidebar-user small{display:block;color:var(--muted);font-size:10px}.main{margin-left:245px;min-width:0;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.top-left,.top-actions{display:flex;align-items:center;gap:10px}.top-search{width:260px;border:1px solid var(--line);background:#f8f9fb;border-radius:9px;padding:9px 13px;color:#667085}.pill,.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:650;color:#344054}.btn:hover{background:#fafafa}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.danger{color:#b42318;border-color:#fecdca;background:#fff}.btn.success{background:#ecfdf3;color:#027a48;border-color:#abefc6}.btn.small{padding:6px 9px;font-size:12px}.btn.wide{width:100%;padding:11px}.page{padding:22px 24px 50px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0;font-size:22px;letter-spacing:-.02em}.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:11px 13px;border-radius:9px;margin-bottom:15px;border:1px solid}.alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.alert.error{background:#fef3f2;border-color:#fecdca;color:#b42318}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border-radius:12px;padding:16px;min-height:130px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.11);right:-20px;top:-25px}.metric.orange{background:linear-gradient(135deg,#ff6b0b,#ff8b42)}.metric.amber{background:linear-gradient(135deg,#ffb51b,#e79b00)}.metric.green{background:linear-gradient(135deg,#29bd68,#21934c)}.metric.blue{background:linear-gradient(135deg,#36a5e0,#268bc6)}.metric .iconbubble{background:rgba(255,255,255,.22);width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.metric .value{font-size:23px;font-weight:800;margin-top:14px}.metric .label{font-weight:700}.metric small{opacity:.85}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:var(--shadow);min-height:92px}.stat .num{font-size:20px;font-weight:800;margin-top:6px}.stat .caption{font-weight:700}.stat small{display:block;color:var(--muted);margin-top:2px}.panel-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:15px}.panel h3{font-size:14px;margin:0 0 12px}.chart-placeholder{height:235px;display:flex;align-items:flex-end;gap:5px;padding:18px 10px;border-top:1px dashed #eee}.bar{flex:1;background:linear-gradient(#ff8d45,#ff6b0b);min-height:8px;border-radius:5px 5px 0 0;opacity:.8}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f1f4}.recent-item:last-child{border:0}.recent-item small{color:var(--muted)}.table-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.table-toolbar{padding:13px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.table-toolbar input{width:310px;max-width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #f0f1f4;vertical-align:middle;white-space:nowrap}th{font-size:11px;color:#667085;background:#fafbfc;text-transform:uppercase;letter-spacing:.03em}td{font-size:13px}.badge{display:inline-flex;padding:3px 8px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:11px}.badge.active,.badge.completed,.badge.paid{background:#dcfae6;color:#067647}.badge.inactive,.badge.cancelled{background:#fee4e2;color:#b42318}.pagination{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.form-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:650;color:#344054;font-size:12px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d9dde6;border-radius:8px;padding:10px 11px;background:#fff;color:#182034;outline:none}input:focus,select:focus,textarea:focus{border-color:#f79662;box-shadow:0 0 0 3px #fff0e8}textarea{min-height:100px;resize:vertical}.checkbox-label{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:8px}.checkbox-label input{width:auto;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.login-body,.install-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#fff2e7,transparent 32%),#f6f7fb;padding:25px}.login-card,.install-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 20px 60px rgba(20,30,55,.10)}.login-logo,.install-logo{display:block;max-width:180px;max-height:64px;margin:0 auto 25px}.login-card h1,.install-card h1{font-size:23px;margin:0 0 6px;text-align:center}.login-card>p,.install-card>p{text-align:center;color:var(--muted);margin:0 0 22px}.login-card form label,.install-card form label{margin:13px 0}.install-card h3{margin:22px 0 8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pos-shell{min-height:100vh;background:#f5f6f8;display:grid;grid-template-columns:1fr 390px}.pos-main{padding:15px}.pos-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.pos-brand{width:44px;height:44px;border-radius:10px;background:#ff8b20;display:grid;place-items:center}.pos-brand img{width:35px;height:35px;object-fit:contain}.pos-search{flex:1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:calc(100vh - 95px);overflow:auto;padding-bottom:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)}.product-card:hover{border-color:#ffb483;transform:translateY(-1px)}.product-img{height:105px;background:#f2f3f5;display:grid;place-items:center;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.product-img span{font-size:34px;color:#c2c7d0}.product-info{padding:9px}.product-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:4px}.pos-cart{background:#fff;border-left:1px solid var(--line);padding:15px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.pos-cart h2{font-size:17px;margin:0 0 12px}.cart-items{flex:1;overflow:auto}.cart-empty{display:grid;place-items:center;height:100%;color:var(--muted);text-align:center}.cart-line{padding:10px 0;border-bottom:1px solid #eee}.cart-line-top{display:flex;justify-content:space-between;gap:8px}.qty-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.qty-buttons{display:flex;align-items:center;gap:6px}.qty-buttons button{width:26px;height:26px;border:1px solid var(--line);border-radius:6px;background:#fff}.totals{border-top:1px solid var(--line);padding-top:12px}.total-row{display:flex;justify-content:space-between;padding:5px 0}.total-row.grand{font-size:20px;font-weight:800;padding:10px 0}.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}.pay-method{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;cursor:pointer}.pay-method.selected{border-color:#ff8b20;background:#fff5ef;color:#e65d00}.store-body{background:#fff;color:#1d2939}.store-top{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:20}.store-nav{max-width:1180px;margin:auto;padding:13px 18px;display:flex;align-items:center;gap:18px}.store-logo{max-width:160px;max-height:44px}.store-search{flex:1}.store-search input{margin:0;background:#f8fafc}.cart-link{font-weight:800;color:#f26422}.hero{background:linear-gradient(120deg,#fff3e8,#fff);padding:55px 20px}.hero-inner{max-width:1180px;margin:auto}.hero h1{font-size:40px;margin:0 0 10px;max-width:700px}.hero p{color:#667085;font-size:17px;max-width:650px}.store-container{max-width:1180px;margin:auto;padding:30px 18px}.store-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.store-card{border:1px solid #e8eaf0;border-radius:12px;overflow:hidden;background:#fff;transition:.15s}.store-card:hover{box-shadow:0 10px 30px rgba(20,30,55,.08);transform:translateY(-2px)}.store-card-img{height:190px;background:#f5f6f8;display:grid;place-items:center}.store-card-img img{width:100%;height:100%;object-fit:cover}.store-card-body{padding:14px}.price{font-size:18px;font-weight:800;color:#f26422}.store-footer{background:#101828;color:#fff;padding:35px 20px;margin-top:50px}.store-footer>div{max-width:1180px;margin:auto}.checkout-grid{display:grid;grid-template-columns:1fr 390px;gap:25px}.order-box{border:1px solid #e5e7eb;border-radius:12px;padding:18px}.success-page{min-height:100vh;display:grid;place-items:center;background:#f7f8fa}.success-box{background:#fff;padding:40px;border-radius:16px;border:1px solid #e5e7eb;text-align:center;max-width:520px}.success-check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#dcfae6;color:#067647;font-size:34px;margin:0 auto 18px}.role-grid{display:grid;grid-template-columns:220px 1fr;gap:16px}.role-list{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.role-item{display:block;padding:10px;border-radius:7px}.role-item.active{background:#fff1e9;color:#e65d00;font-weight:800}.permission-table input{width:auto;margin:0}.ai-chat{display:grid;grid-template-rows:1fr auto;height:65vh}.ai-messages{overflow:auto;padding:15px;background:#fafbfc;border:1px solid var(--line);border-radius:10px}.ai-msg{max-width:80%;padding:10px 12px;border-radius:10px;margin:8px 0;white-space:pre-wrap}.ai-msg.user{margin-left:auto;background:#ffede3}.ai-msg.assistant{background:#fff;border:1px solid var(--line)}.ai-compose{display:flex;gap:8px;margin-top:10px}.ai-compose textarea{min-height:55px;margin:0}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.health-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.ok{color:#079455;font-weight:800}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f2f4f7;padding:2px 5px;border-radius:4px}@media(max-width:1050px){.cards,.stat-grid{grid-template-columns:repeat(2,1fr)}.store-products{grid-template-columns:repeat(3,1fr)}.pos-shell{grid-template-columns:1fr 330px}.sidebar{width:210px}.main{margin-left:210px}}@media(max-width:780px){.sidebar{display:none}.main{margin-left:0}.top-search{display:none}.page{padding:15px}.cards,.stat-grid,.panel-grid,.form-grid,.grid2,.role-grid,.health-grid,.checkout-grid{grid-template-columns:1fr}.store-products{grid-template-columns:repeat(2,1fr)}.pos-shell{display:block}.pos-cart{position:relative;height:auto;border-left:0;border-top:1px solid var(--line)}.product-grid{max-height:none}.topbar{padding:0 12px}.hero h1{font-size:30px}}@media(max-width:480px){.store-products{grid-template-columns:1fr}.cards,.stat-grid{grid-template-columns:1fr}.top-actions .pill{display:none}}
/* Smart ERP PHP v2 — POS parity additions */
.pos-v2 .pos-main{min-width:0}.pos-title{display:flex;flex-direction:column;min-width:120px}.pos-title small{font-size:10px;color:var(--muted);margin-top:2px}.pos-category-strip{display:flex;gap:6px;overflow:auto;padding:0 0 10px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;white-space:nowrap;cursor:pointer;color:#667085}.chip.selected{background:#fff1e9;border-color:#ffc39f;color:#e65d00;font-weight:800}.pos-cart-title{display:flex;align-items:center;justify-content:space-between}.customer-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:6px}.customer-row select{margin:0}.customer-info{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.customer-info span{background:#f2f4f7;border-radius:99px;padding:4px 7px;font-size:10px;color:#475467}.cart-line-top .line-remove{border:0;background:transparent;color:#b42318;font-size:18px;cursor:pointer}.cart-price{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:3px}.line-discount{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;color:var(--muted)}.line-discount input{width:95px;margin:0;padding:5px 7px;font-size:11px}.pos-adjustments{border-top:1px solid var(--line);padding-top:8px}.pos-two{display:grid;grid-template-columns:1.3fr .7fr;gap:6px}.pos-two select,.pos-two input,.coupon-row input,.loyalty-row input,.pos-adjustments textarea{margin-top:5px;padding:7px 8px;font-size:12px}.coupon-row{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:end}.loyalty-row{margin-top:5px}.loyalty-row label{display:flex;justify-content:space-between}.muted{color:var(--muted)}.mini-success,.mini-error{font-size:11px;padding:5px 7px;border-radius:6px;margin-top:4px}.mini-success{background:#ecfdf3;color:#067647}.mini-error{background:#fef3f2;color:#b42318}.paid-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.paid-row input{margin-top:4px}.split-check{display:flex;align-items:center;gap:5px;padding:10px 4px}.split-check input{width:auto;margin:0}.split-box{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:7px;margin:7px 0}.split-line{display:grid;grid-template-columns:1fr 1fr;gap:6px}.split-line+ .split-line{margin-top:6px}.split-line select,.split-line input{margin:0;padding:7px}.pos-pay{margin-top:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.55);z-index:100;place-items:center;padding:18px}.modal-card{background:#fff;border-radius:14px;width:min(760px,96vw);max-height:90vh;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.25);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.modal-head h2{margin:0;font-size:19px}.return-search{display:grid;grid-template-columns:1fr auto;gap:8px}.return-search input{margin:0}.return-sale-head{display:flex;gap:12px;justify-content:space-between;background:#f8fafc;border:1px solid var(--line);padding:10px;border-radius:9px;margin-top:12px}.return-lines{margin:8px 0}.return-line{display:grid;grid-template-columns:1fr 100px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eee}.return-line small{display:block;color:var(--muted);margin-top:2px}.return-line input{margin:0}.return-options{display:grid;gap:7px;margin-top:10px}.return-options select,.return-options textarea{margin:0}.receipt-card{width:min(430px,95vw)}.receipt-number{text-align:center;color:var(--muted);font-weight:700}.receipt-total{text-align:center;font-size:32px;font-weight:900;color:#f26422;padding:15px}.receipt-grid{display:grid;grid-template-columns:1fr auto;gap:7px;border-top:1px dashed var(--line);padding-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}@media(max-width:950px){.pos-head{flex-wrap:wrap}.pos-title{display:none}.pos-v2.pos-shell{grid-template-columns:1fr 350px}}@media(max-width:780px){.pos-v2.pos-shell{display:block}.pos-v2 .pos-cart{height:auto}.return-sale-head{flex-direction:column}.modal-card{max-height:95vh}}
@media print{body>*{display:none!important}#receiptModal{display:grid!important;position:static;background:#fff}.receipt-card{box-shadow:none;border:0}.modal-head button,.modal-actions{display:none!important}}
.receive-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.receive-summary>div{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:11px}.receive-summary small{display:block;color:var(--muted);margin-bottom:4px}.receive-summary b{font-size:15px}@media(max-width:780px){.receive-summary{grid-template-columns:1fr 1fr}}
.report-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px 0 12px;margin-bottom:8px;scrollbar-width:thin}.report-tab{white-space:nowrap;padding:8px 11px;border:1px solid #e3e6ee;border-radius:9px;background:#fff;color:#344054;text-decoration:none;font-size:12px;font-weight:700}.report-tab:hover,.report-tab.active{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}

/* Smart ERP v3 parity chrome */
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] body{background:#0b0f17;color:#e5e7eb}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .table-card,html[data-theme="dark"] .form-card,html[data-theme="dark"] .card,html[data-theme="dark"] .dropdown-menu,html[data-theme="dark"] .drawer{background:#111827;color:#e5e7eb;border-color:#253047}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f172a;color:#e5e7eb;border-color:#334155}html[data-theme="dark"] .nav-link{color:#94a3b8}html[data-theme="dark"] .nav-link:hover{background:#182235;color:#fff}html[data-theme="dark"] .nav-section,html[data-theme="dark"] small{color:#94a3b8}
.brand-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border,#e5e7eb);padding:12px}.brand-row .brand{padding:0;border:0}.brand-row .brand img{max-width:170px;max-height:42px;object-fit:contain}.top-select{height:36px;border:1px solid #dce1ea;border-radius:9px;padding:0 30px 0 10px;background:#fff}.top-select.compact{max-width:120px}.inline-form{margin:0}.icon-only{min-width:36px;justify-content:center}.user-chip{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:3px 6px;border-radius:9px;cursor:pointer}.avatar.small{width:30px;height:30px;font-size:11px}.quick-search-wrap{position:relative}.quick-search-wrap .search-icon{position:absolute;left:10px;top:7px;color:#7a8499}.quick-search-wrap .top-search{padding-left:30px;padding-right:42px}.quick-search-wrap kbd{position:absolute;right:8px;top:7px;font-size:10px;color:#7a8499;border:1px solid #dce1ea;border-radius:5px;padding:2px 5px}.quick-results{display:none;position:absolute;top:42px;left:0;width:390px;max-height:430px;overflow:auto;background:#fff;border:1px solid #dce1ea;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.17);z-index:70;padding:6px}.quick-results.open{display:block}.quick-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none}.quick-item:hover{background:#f4f6f9}.quick-item small{margin-left:auto}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;right:0;top:44px;min-width:260px;background:#fff;border:1px solid #dce1ea;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.17);z-index:80;overflow:hidden}.dropdown.open>.dropdown-menu{display:block}.dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #edf0f5}.link-btn{border:0;background:transparent;color:var(--brand,#f97316);cursor:pointer}.notification-menu{width:370px;max-width:90vw}.notification-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-bottom:1px solid #edf0f5;color:inherit;text-decoration:none}.notification-item.unread{background:#fff7ed}.notification-item span,.notification-item small{font-size:12px;color:#6b7280}.dropdown-footer{display:block;text-align:center;padding:10px;color:var(--brand,#f97316);text-decoration:none}.notify-count{position:absolute;margin:-8px 0 0 -4px;background:#ef4444;color:#fff;border-radius:10px;font-size:9px;min-width:16px;padding:1px 4px}.user-menu{width:220px}.user-menu-info{display:flex;flex-direction:column;padding:12px;border-bottom:1px solid #edf0f5}.user-menu>a,.user-menu form button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;color:inherit;text-decoration:none;cursor:pointer}.user-menu>a:hover,.user-menu form button:hover{background:#f4f6f9}.drawer{position:fixed;right:-440px;top:0;width:min(420px,94vw);height:100vh;background:#fff;border-left:1px solid #dce1ea;z-index:100;box-shadow:-15px 0 35px rgba(0,0,0,.13);display:flex;flex-direction:column;transition:right .2s}.drawer.open{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.drawer-head button{border:0;background:transparent;font-size:26px}.drawer-body{flex:1;overflow:auto;padding:14px}.drawer-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.drawer-form input{flex:1}.ai-bubble{padding:10px 12px;border-radius:12px;margin-bottom:8px;white-space:pre-wrap}.ai-bubble.assistant{background:#f3f4f6}.ai-bubble.user{background:#fff7ed;margin-left:25px}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .nav-section,.sidebar-collapsed .sidebar-user-text{display:none}.sidebar-collapsed .sidebar .nav-link{justify-content:center}.sidebar-collapsed .main{margin-left:76px}.sidebar-overlay{display:none}.mobile-only{display:none}.empty-mini{padding:18px;text-align:center;color:#7a8499}.page-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.page-tab{padding:9px 12px;text-decoration:none;color:#6b7280;border-bottom:2px solid transparent}.page-tab.active{color:var(--brand,#f97316);border-color:var(--brand,#f97316);font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-row{padding:10px;border:1px solid #e5e7eb;border-radius:10px}.detail-row small{display:block;color:#6b7280}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap}.builder-shell{display:grid;grid-template-columns:260px 1fr 300px;gap:14px;min-height:650px}.builder-panel,.builder-canvas{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.widget-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.widget-palette button{padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;font-size:12px}.builder-node{border:1px solid #dce1ea;border-radius:10px;padding:8px;margin:8px 0;background:#f9fafb}.builder-node.selected{outline:2px solid var(--brand,#f97316)}.builder-children{padding-left:18px}.store-account-shell{display:grid;grid-template-columns:220px 1fr;gap:20px}.store-account-nav a{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;color:inherit}.store-account-nav a:hover,.store-account-nav a.active{background:#f3f4f6}.status-pills{display:flex;gap:6px;flex-wrap:wrap}.status-pill{padding:4px 9px;border-radius:999px;background:#f3f4f6;font-size:12px}
@media(max-width:1024px){.desktop-search{display:none}.builder-shell{grid-template-columns:1fr}.builder-panel{order:2}.builder-canvas{order:1}.sidebar{transform:translateX(-100%);z-index:95}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}.main,.sidebar-collapsed .main{margin-left:0}.mobile-only{display:block}.desktop-only{display:none!important}.mobile-menu{display:inline-flex}.store-account-shell{grid-template-columns:1fr}.notification-menu{right:-70px}}