.app-layout{background:var(--page-bg);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:50;background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 24px;display:flex;position:sticky;top:0}.app-brand-small{color:var(--text-muted);margin:0 0 4px;font-size:13px;font-weight:700}.app-header h1{color:var(--text-main);margin:0;font-size:24px;line-height:1.2}.app-header-right{align-items:center;gap:10px;display:flex}.header-nav-button{background:var(--soft-bg);min-height:38px;color:var(--text-soft);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:900}.header-nav-button:hover{background:var(--soft-bg-hover)}.header-nav-button.active{color:#fff;background:#1e352f}.admin-badge{color:#3730a3;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.logout-button{background:var(--soft-bg);min-height:38px;color:var(--text-soft);cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:800}.logout-button:hover{background:var(--soft-bg-hover)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}.app-footer{width:100%;max-width:1280px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:18px 24px 24px;font-size:13px;display:flex}.app-footer p{margin:0;font-weight:800}.app-footer strong{color:var(--text-main);font-weight:950}@media (width<=980px){.app-main{padding:20px}.admin-badge{display:none}}@media (width<=640px){.app-header{grid-template-columns:1fr;min-height:auto;padding:8px 10px;display:grid}.app-brand-small{display:none}.app-header h1{font-size:17px}.app-header-right{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.header-nav-button,.logout-button{min-height:34px;padding:0 8px;font-size:11px}.app-main{padding:10px}.app-footer{text-align:center;justify-content:center;padding:14px 10px 20px;font-size:12px;display:grid}}.add-order-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.add-order-top h2{color:#111827;margin:0;font-size:30px;line-height:1.15}.add-order-top span{color:#6b7280;margin-top:8px;font-size:15px;display:block}.order-form{gap:16px;display:grid}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px}.form-card h3{color:#111827;margin:0 0 16px;font-size:18px}.image-upload-box{cursor:pointer;background:#f9fafb;border:2px dashed #cbd5e1;border-radius:18px;justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.image-upload-box:hover{background:#f6f8f7;border-color:#1e352f}.image-upload-box input{display:none}.upload-empty{text-align:center;gap:6px;padding:24px;display:grid}.upload-empty strong{color:#111827;font-size:16px}.upload-empty span{color:#6b7280;font-size:14px}.image-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:14px;display:grid}.image-preview-grid img{aspect-ratio:4/5;object-fit:cover;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%}.image-count{color:#6b7280;margin:10px 0 0;font-size:14px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.address-grid{grid-template-columns:220px minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.form-card label{color:#374151;gap:8px;font-size:14px;font-weight:800;display:grid}.form-card input,.form-card select,.form-card textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:16px}.form-card textarea{resize:vertical;min-height:120px;padding:12px 14px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#1e352f;box-shadow:0 0 0 4px #1e352f1f}.full-label{width:100%}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:14px 16px;font-size:14px;font-weight:800}.form-actions{justify-content:flex-end;gap:12px;padding-bottom:24px;display:flex}.light-button,.submit-button{cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;min-height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:900}.light-button{color:#374151;background:#f3f4f6}.light-button:hover{background:#e5e7eb}.submit-button{color:#fff;background:#1e352f}.submit-button:hover{background:#172a25}.light-button:disabled,.submit-button:disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}@media (width<=900px){.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid{grid-template-columns:1fr}}@media (width<=640px){.add-order-top{margin-bottom:14px;display:grid}.add-order-top h2{font-size:24px}.add-order-top span{font-size:14px}.form-card{border-radius:18px;margin-left:-2px;margin-right:-2px;padding:16px}.form-grid,.address-grid{grid-template-columns:1fr;gap:14px}.image-upload-box{min-height:220px}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.form-card input,.form-card select,.form-card textarea{min-height:50px;font-size:16px}.form-actions{z-index:20;padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f6f8f5;border-top:1px solid #e5e7eb;grid-template-columns:1fr;margin-left:-14px;margin-right:-14px;display:grid;position:sticky;bottom:0}.light-button,.submit-button{width:100%;min-height:50px}}@media (width<=380px){.image-preview-grid{grid-template-columns:1fr}}.finance-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.finance-top h2{color:#111827;margin:0;font-size:30px;line-height:1.15}.finance-top span{color:#6b7280;margin-top:8px;font-size:15px;display:block}.live-card{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px;gap:4px;min-width:150px;padding:12px 14px;display:grid}.live-card strong{font-size:15px;font-weight:950}.live-card span{color:#047857;margin:0;font-size:12px;font-weight:800}.finance-filters{background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:18px;margin-bottom:18px;padding:18px;display:grid}.finance-filter-group{gap:10px;display:grid}.finance-filter-group p{color:#374151;margin:0;font-size:14px;font-weight:900}.finance-filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.finance-filter-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;min-height:42px;padding:0 15px;font-family:inherit;font-size:14px;font-weight:900}.finance-filter-button.active{color:#fff;background:#1e352f;border-color:#1e352f}.finance-error,.finance-loading{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;font-weight:900}.finance-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.finance-hero-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.finance-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;gap:8px;padding:18px;display:grid}.finance-hero-card.main{color:#fff;background:radial-gradient(circle at 100% 0,#a08a5b3d,#0000 36%),#1e352f}.finance-hero-card p{color:inherit;opacity:.78;margin:0;font-size:13px;font-weight:900}.finance-hero-card strong{color:inherit;font-size:25px;font-weight:950;line-height:1.15}.finance-hero-card span{color:inherit;opacity:.74;font-size:13px;font-weight:800}.money-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.money-flow-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:10px;padding:16px;display:grid}.money-flow-card p{color:#6b7280;margin:0 0 6px;font-size:13px;font-weight:900}.money-flow-card strong{color:#111827;font-size:20px;font-weight:950;line-height:1.2}.money-flow-card span{color:#374151;font-size:13px;font-weight:800}.money-flow-card.delivered{background:#ecfdf5;border-color:#bbf7d0}.money-flow-card.sent{background:#eff6ff;border-color:#bfdbfe}.money-flow-card.confirmed{background:#fff7ed;border-color:#fed7aa}.money-flow-card.cancelled{background:#fef2f2;border-color:#fecaca}.finance-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px}.finance-table-header{margin-bottom:14px}.finance-table-header h3{color:#111827;margin:0;font-size:19px}.finance-table-header p{color:#6b7280;margin:6px 0 0;font-size:14px;font-weight:700}.finance-table-wrap{width:100%;overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;min-width:820px}.finance-table th{color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;padding:12px;font-size:12px;font-weight:950}.finance-table td{color:#374151;border-top:1px solid #e5e7eb;padding:12px;font-size:14px;font-weight:800}.finance-table td strong{color:#111827;font-weight:950}.finance-status{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.finance-empty{color:#6b7280;text-align:center;padding:28px;font-weight:900}@media (width<=1100px){.finance-hero-grid,.money-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.finance-top{gap:10px;display:grid}.finance-top h2{font-size:22px}.finance-top span{font-size:13px}.live-card{width:100%}.finance-filters{border-radius:16px;gap:12px;padding:12px}.finance-filter-buttons{scrollbar-width:none;flex-wrap:nowrap;gap:7px;overflow-x:auto}.finance-filter-buttons::-webkit-scrollbar{display:none}.finance-filter-button{white-space:nowrap;min-height:36px;padding:0 12px;font-size:12px}.finance-hero-grid{grid-template-columns:1fr;gap:10px}.finance-hero-card{border-radius:18px;padding:14px}.finance-hero-card strong{font-size:20px}.money-flow-grid{grid-template-columns:1fr;gap:10px}.money-flow-card{border-radius:18px;padding:14px}.finance-table-card{border-radius:18px;padding:12px}}.login-page{background:radial-gradient(circle at 0 0,#1e352f2e,#0000 34%),linear-gradient(135deg,#f5f6f8 0%,#e9ecef 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:420px;padding:28px;box-shadow:0 24px 80px #1118271f}.login-header{margin-bottom:28px}.login-header p{color:#6b7280;margin:0 0 6px;font-size:14px;font-weight:800}.login-header h1{color:#111827;margin:0;font-size:32px;line-height:1.1}.login-header span{color:#6b7280;margin-top:10px;font-size:15px;display:block}.login-form{gap:16px;display:grid}.login-form label{color:#374151;gap:8px;font-size:14px;font-weight:800;display:grid}.login-form input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:15px}.login-form input:focus{border-color:#1e352f;box-shadow:0 0 0 4px #1e352f1f}.login-button{color:#fff;cursor:pointer;background:#1e352f;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:900;text-decoration:none;display:flex}.login-button:hover{background:#172a25}.login-button:disabled{cursor:not-allowed;background:#9ca3af}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}.login-note{color:#6b7280;margin:18px 0 0;font-size:13px;line-height:1.5}.detail-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-top h2{color:#111827;margin:0;font-size:30px;line-height:1.15}.detail-top span{color:#6b7280;margin-top:8px;font-size:15px;display:block}.detail-form{gap:16px;display:grid}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px}.detail-card-header{margin-bottom:16px}.detail-card-header h3{color:#111827;margin:0;font-size:18px}.detail-card-header span{color:#6b7280;margin-top:6px;font-size:14px;display:block}.detail-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.detail-image-grid img{aspect-ratio:4/5;object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;width:100%}.replace-images-button{color:#374151;cursor:pointer;touch-action:manipulation;background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:fit-content;min-height:44px;padding:0 16px;font-size:14px!important;font-weight:900!important;display:inline-flex!important}.replace-images-button:hover{background:#e5e7eb}.replace-images-button input{display:none}.detail-image-note{color:#6b7280;margin:10px 0 0;font-size:14px;font-weight:800}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-address-grid{grid-template-columns:220px minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.detail-card label{color:#374151;gap:8px;font-size:14px;font-weight:800;display:grid}.detail-card input,.detail-card select,.detail-card textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:16px}.detail-card input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.detail-card textarea{resize:vertical;min-height:120px;padding:12px 14px}.detail-card input:focus,.detail-card select:focus,.detail-card textarea:focus{border-color:#1e352f;box-shadow:0 0 0 4px #1e352f1f}.detail-full-label{width:100%}.timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.timeline-grid div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.timeline-grid p{color:#6b7280;margin:0 0 8px;font-size:13px;font-weight:900}.timeline-grid strong{color:#111827;font-size:13px;line-height:1.35}.detail-form-error,.detail-loading,.detail-error-box{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.detail-form-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca;font-size:14px;font-weight:800}.detail-loading{color:#374151;text-align:center;font-weight:900}.detail-error-box h2{color:#111827;margin:0 0 8px}.detail-error-box p{color:#6b7280;margin:0 0 16px}.detail-actions{justify-content:flex-end;gap:12px;padding-bottom:24px;display:flex}.detail-light-button,.detail-submit-button,.detail-error-box button{cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;min-height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:900}.detail-light-button,.detail-error-box button{color:#374151;background:#f3f4f6}.detail-light-button:hover,.detail-error-box button:hover{background:#e5e7eb}.detail-submit-button{color:#fff;background:#1e352f}.detail-submit-button:hover{background:#172a25}.detail-light-button:disabled,.detail-submit-button:disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}@media (width<=900px){.timeline-grid,.detail-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-address-grid{grid-template-columns:1fr}}@media (width<=640px){.detail-top{margin-bottom:14px;display:grid}.detail-top h2{font-size:24px}.detail-top span{font-size:14px}.detail-card{border-radius:18px;margin-left:-2px;margin-right:-2px;padding:16px}.detail-grid,.detail-address-grid,.timeline-grid{grid-template-columns:1fr;gap:14px}.detail-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.replace-images-button{width:100%;min-height:48px}.detail-card input,.detail-card select,.detail-card textarea{min-height:50px;font-size:16px}.detail-actions{z-index:20;padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f6f8f5;border-top:1px solid #e5e7eb;grid-template-columns:1fr;margin-left:-14px;margin-right:-14px;display:grid;position:sticky;bottom:0}.detail-light-button,.detail-submit-button{width:100%;min-height:50px}}@media (width<=380px){.detail-image-grid{grid-template-columns:1fr}}.orders-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.orders-top h2{color:#111827;margin:0;font-size:30px;line-height:1.15}.orders-top span{color:#6b7280;margin-top:8px;font-size:15px;display:block}.primary-button,.secondary-button,.ghost-button,.light-toolbar-button,.select-mode-button,.print-selected-button{cursor:pointer;touch-action:manipulation;border:0;min-height:44px;font-family:inherit;font-weight:900}.primary-button{color:#fff;white-space:nowrap;background:#1e352f;border-radius:14px;padding:0 18px;font-size:15px}.primary-button:hover{background:#172a25}.secondary-button{color:#fff;background:#111827;border-radius:12px;padding:0 16px;font-size:14px}.secondary-button:disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}.light-toolbar-button{color:#374151;background:#f3f4f6;border-radius:12px;padding:0 14px;font-size:14px}.light-toolbar-button:hover{background:#e5e7eb}.light-toolbar-button:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.select-mode-button{color:#3730a3;background:#eef2ff;border-radius:12px;padding:0 16px;font-size:14px}.select-mode-button.active{color:#fff;background:#1e352f}.print-selected-button{color:#fff;background:#7c2d12;border-radius:12px;padding:0 16px;font-size:14px}.print-selected-button:disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}.ghost-button{color:#374151;background:#f3f4f6;border-radius:12px;min-height:40px;padding:0 14px;font-size:13px}.ghost-button:hover{background:#e5e7eb}.filter-box{background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:18px;margin-bottom:18px;padding:18px;display:grid}.filter-group{gap:10px;min-width:0;display:grid}.filter-group p{color:#374151;margin:0;font-size:14px;font-weight:900}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-button{color:#374151;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff;border:1px solid #d1d5db;border-radius:999px;min-height:42px;padding:0 15px;font-family:inherit;font-size:14px;font-weight:900}.filter-button:hover{border-color:#1e352f}.filter-button.active{color:#fff;background:#1e352f;border-color:#1e352f}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.summary-card p{color:#6b7280;margin:0 0 8px;font-size:13px;font-weight:900}.summary-card strong{color:#111827;font-size:20px;line-height:1.2}.orders-toolbar{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;font-size:14px;display:flex}.orders-toolbar-actions{align-items:center;gap:10px;display:flex}.selected-count{color:#1e352f;font-weight:900}.bulk-panel{color:#fff;background:#111827;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.bulk-left{align-items:baseline;gap:8px;display:flex}.bulk-left strong{font-size:22px}.bulk-left span{color:#d1d5db;font-size:14px;font-weight:800}.bulk-actions{align-items:center;gap:10px;display:flex}.bulk-status-select{color:#111827;background:#fff;border:0;border-radius:12px;outline:none;min-height:44px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:900}.page-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:12px;padding:14px 16px;font-size:14px;font-weight:800}.orders-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.loading-state{text-align:center;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;grid-column:1/-1;padding:42px 20px;font-weight:900}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.order-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 18px 40px #11182714}.order-card.select-enabled{cursor:pointer}.order-card.select-enabled.selected{border-color:#1e352f;box-shadow:0 0 0 4px #1e352f24}.order-select-indicator{z-index:4;color:#1e352f;background:#fffffff0;border:2px solid #1e352f;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:950;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 18px #1118271f}.order-image-gallery,.order-image-placeholder{aspect-ratio:4/5;background:#e5e7eb;width:100%}.order-image-gallery{border-bottom:1px solid #e5e7eb;gap:2px;display:grid;overflow:hidden}.order-image-gallery.count-1{grid-template-rows:1fr;grid-template-columns:1fr}.order-image-gallery.count-2{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.order-image-gallery.count-many{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:2fr 1fr}.order-image-gallery.count-many .gallery-image-wrap:first-child{grid-row:1/3}.gallery-image-wrap{background:#fff;position:relative;overflow:hidden}.gallery-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.extra-images-badge{color:#fff;background:#1118279e;justify-content:center;align-items:center;font-size:22px;font-weight:950;display:flex;position:absolute;inset:0}.order-image-placeholder{color:#9ca3af;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:13px;font-weight:900;display:flex}.order-info{min-width:0;padding:14px 14px 0}.order-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.order-title-row h3{color:#111827;margin:0;font-size:17px;font-weight:950}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status-confirmed{color:#c2410c;background:#fff7ed}.status-sent{color:#1d4ed8;background:#eff6ff}.status-delivered{color:#047857;background:#ecfdf5}.status-cancelled{color:#b91c1c;background:#fef2f2}.customer-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.customer-name{color:#111827;margin:0;font-size:16px;font-weight:950;line-height:1.3}.image-count-badge{color:#3730a3;white-space:nowrap;background:#eef2ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.order-meta{color:#374151;gap:8px;font-size:13px;display:grid}.order-meta span{color:#374151;background:#f3f4f6;border-radius:10px;align-items:center;min-height:32px;padding:7px 10px;font-weight:900;line-height:1.25;display:flex}.order-price{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:auto;padding:14px;display:grid}.order-price strong{color:#111827;white-space:nowrap;font-size:18px;font-weight:950}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;grid-column:1/-1;padding:42px 20px}.empty-state h3{color:#111827;margin:0 0 8px;font-size:20px}.empty-state p{color:#6b7280;margin:0;font-size:14px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orders-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bulk-panel{flex-direction:column;align-items:stretch}.bulk-actions{flex-wrap:wrap}}@media (width<=900px){.orders-list,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-box{padding:16px}.orders-toolbar{flex-direction:column;align-items:stretch}.orders-toolbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.orders-toolbar-actions button{width:100%}}@media (width<=640px){.orders-top{margin-bottom:14px;display:grid}.orders-top h2{font-size:24px}.orders-top span{font-size:14px}.primary-button{width:100%;min-height:48px}.filter-box{z-index:30;border-left:0;border-right:0;border-radius:0;margin-left:-14px;margin-right:-14px;padding:14px;position:sticky;top:62px}.filter-buttons{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.filter-buttons::-webkit-scrollbar{display:none}.filter-button{min-height:40px;padding:0 14px;font-size:13px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card{border-radius:16px;padding:13px}.summary-card p{font-size:12px}.summary-card strong{font-size:16px}.orders-toolbar{border-radius:16px;padding:12px}.orders-toolbar-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bulk-panel{z-index:25;border-radius:16px;flex-direction:column;align-items:stretch;margin-left:-4px;margin-right:-4px;padding:12px;position:sticky;top:168px}.bulk-left{justify-content:center}.bulk-actions{grid-template-columns:1fr;gap:8px;display:grid}.secondary-button,.light-toolbar-button,.select-mode-button,.print-selected-button,.bulk-status-select{width:100%;min-height:46px}.orders-list{grid-template-columns:1fr;gap:16px}.order-card{border-radius:20px}.order-card:hover{transform:none}.order-image-gallery,.order-image-placeholder{aspect-ratio:4/4.6}.order-info{padding:13px 13px 0}.order-title-row{align-items:flex-start}.customer-row{align-items:center}.customer-name{font-size:15px}.image-count-badge{min-height:26px;font-size:11px}.order-meta span{min-height:32px;font-size:13px}.order-price{grid-template-columns:1fr;align-items:stretch;padding:13px}.order-price strong{font-size:17px}.ghost-button{width:100%;min-height:44px}}@media (width<=380px){.summary-grid,.orders-toolbar-actions{grid-template-columns:1fr}.customer-row{flex-direction:column;align-items:flex-start}.order-title-row{flex-direction:column;gap:6px}}@media (width<=640px){.orders-top{gap:10px;margin-bottom:10px;display:grid}.section-label{margin-bottom:3px;font-size:11px}.orders-top h2{font-size:21px}.orders-top span{margin-top:4px;font-size:12px}.primary-button{border-radius:12px;min-height:40px;font-size:13px}.filter-box{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:16px;gap:10px;margin:0 0 10px;padding:10px;position:static}.filter-group{gap:6px}.filter-group p{font-size:12px}.filter-buttons{scrollbar-width:none;flex-wrap:nowrap;gap:7px;padding-bottom:2px;overflow-x:auto}.filter-buttons::-webkit-scrollbar{display:none}.filter-button{min-height:34px;padding:0 11px;font-size:12px}.summary-grid{scrollbar-width:none;gap:8px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.summary-grid::-webkit-scrollbar{display:none}.summary-card{border-radius:14px;min-width:105px;padding:10px}.summary-card p{margin-bottom:5px;font-size:10px}.summary-card strong{font-size:14px}.orders-toolbar{border-radius:14px;gap:8px;margin-bottom:10px;padding:10px;font-size:12px}.orders-toolbar-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.light-toolbar-button,.select-mode-button,.secondary-button,.print-selected-button,.bulk-status-select{border-radius:10px;min-height:38px;font-size:12px}.bulk-panel{border-radius:14px;gap:10px;margin:0 0 10px;padding:10px;position:static}.bulk-left strong{font-size:18px}.bulk-left span{font-size:12px}.bulk-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.bulk-status-select,.secondary-button,.print-selected-button{grid-column:span 2}.orders-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-card{border-radius:16px}.order-image-gallery,.order-image-placeholder{aspect-ratio:4/5}.order-info{padding:8px 8px 0}.order-title-row{gap:5px;margin-bottom:5px}.order-title-row h3{font-size:12px}.status-pill{min-height:22px;padding:0 7px;font-size:10px}.customer-row{align-items:flex-start;gap:6px;margin-bottom:6px}.customer-name{font-size:12px;line-height:1.25}.image-count-badge{min-height:22px;padding:0 7px;font-size:10px}.order-meta{gap:5px;font-size:11px}.order-meta span{border-radius:8px;min-height:25px;padding:5px 7px;font-size:11px;font-weight:900}.order-price{grid-template-columns:1fr;gap:7px;padding:8px}.order-price strong{font-size:13px}.ghost-button{border-radius:10px;min-height:34px;font-size:12px}.order-select-indicator{width:28px;height:28px;font-size:16px;top:8px;left:8px}.extra-images-badge{font-size:16px}.empty-state,.loading-state{border-radius:16px;padding:28px 14px}}@media (width<=360px){.orders-list{gap:8px}.order-title-row{flex-direction:column;align-items:flex-start}.customer-row{flex-direction:column}.summary-card{min-width:96px}}.live-update-text{color:#047857;font-weight:900}.apply-status-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:950;box-shadow:0 10px 24px #16a34a47}.apply-status-button:hover{background:#15803d}.apply-status-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.price-breakdown{gap:5px;display:grid}.price-breakdown div{justify-content:space-between;align-items:center;gap:8px;display:flex}.price-breakdown span{color:#6b7280;font-size:12px;font-weight:900}.price-breakdown strong{color:#111827;white-space:nowrap;font-size:14px;font-weight:950}.price-breakdown .net-row{border-top:1px solid #e5e7eb;margin-top:3px;padding-top:5px}.price-breakdown .net-row span,.price-breakdown .net-row strong{color:#047857}@media (width<=640px){.bulk-actions{grid-template-columns:1fr 1fr}.bulk-status-select,.apply-status-button,.print-selected-button{grid-column:span 2}.apply-status-button{min-height:42px;font-size:13px}.live-update-text{margin-top:3px;display:block}.price-breakdown{gap:3px}.price-breakdown span{font-size:10px}.price-breakdown strong{font-size:11px}}.print-preview-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:13px;font-weight:900}.print-preview-top h2{color:#111827;margin:0;font-size:30px;line-height:1.15}.print-preview-top span{color:#6b7280;margin-top:8px;font-size:15px;display:block}.print-actions{align-items:center;gap:10px;display:flex}.print-light-button,.print-main-button{cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:900}.print-light-button{color:#374151;background:#f3f4f6}.print-light-button:hover{background:#e5e7eb}.print-main-button{color:#fff;background:#1e352f}.print-main-button:hover{background:#172a25}.print-main-button:disabled{cursor:not-allowed;color:#6b7280;background:#d1d5db}.print-state,.print-error{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;font-weight:900}.print-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.labels-grid{grid-template-columns:1fr;gap:18px;display:grid}.print-label{background:#fff;border:2px solid #111827;border-radius:18px;align-content:start;gap:12px;width:100%;max-width:620px;min-height:300px;margin:0 auto;padding:24px;display:grid}.label-brand{text-align:center;border-bottom:2px solid #111827;justify-items:center;gap:8px;margin-bottom:8px;padding-bottom:14px;display:grid}.label-brand img{object-fit:contain;width:auto;max-width:230px;max-height:90px;display:block}.label-brand p{color:#111827;letter-spacing:.02em;margin:0;font-size:15px;font-weight:900}.label-row{color:#111827;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:17px;line-height:1.4;display:grid}.label-row span{font-weight:900}.label-row strong{word-break:break-word;font-weight:950}.label-address{align-items:start}@media (width<=760px){.print-preview-top{display:grid}.print-preview-top h2{font-size:25px}.print-actions{display:grid}.print-light-button,.print-main-button{width:100%}.print-label{max-width:none;min-height:260px;padding:18px}.label-brand img{max-width:200px;max-height:78px}.label-brand p{font-size:14px}.label-row{grid-template-columns:90px minmax(0,1fr);font-size:15px}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important}.app-header,.print-preview-top{display:none!important}.app-layout,.app-main{background:#fff!important}.app-main{max-width:none!important;margin:0!important;padding:0!important}.labels-grid{display:block!important}.print-label{color:#000;break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;border:2pt solid #000;border-radius:0;width:100%;max-width:none;height:auto;min-height:auto;margin:0;padding:10mm}.print-label:last-child{break-after:auto;page-break-after:auto}.label-brand{text-align:center;border-bottom:2pt solid #000;justify-items:center;gap:3mm;margin-bottom:8mm;padding-bottom:5mm;display:grid}.label-brand img{object-fit:contain;width:auto;max-width:70mm;max-height:28mm;display:block}.label-brand p{color:#000;margin:0;font-size:13pt;font-weight:900}.label-row{color:#000;grid-template-columns:34mm 1fr;gap:5mm;margin-bottom:4mm;font-size:16pt;line-height:1.45}.label-row span{font-weight:900}.label-row strong{font-weight:950}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f5f6f8;--header-bg:#fffffff5;--card-bg:#fff;--card-bg-soft:#f9fafb;--soft-bg:#f3f4f6;--soft-bg-hover:#e5e7eb;--border:#e5e7eb;--border-strong:#d1d5db;--text-main:#111827;--text-soft:#374151;--text-muted:#6b7280;--focus-ring:#1e352f1f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0f172a;--header-bg:#0f172af5;--card-bg:#111827;--card-bg-soft:#1f2937;--soft-bg:#1f2937;--soft-bg-hover:#334155;--border:#334155;--border-strong:#475569;--text-main:#f9fafb;--text-soft:#e5e7eb;--text-muted:#94a3b8;--focus-ring:#a08a5b38}*{box-sizing:border-box}html{background:var(--page-bg);min-height:100%}body{background:var(--page-bg);min-height:100%;color:var(--text-main);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[dir=rtl] body{direction:rtl}html[dir=rtl] input[type=tel],html[dir=rtl] input[inputmode=numeric]{text-align:left;direction:ltr}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%}html[data-theme=dark] .login-page,html[data-theme=dark] .app-layout{background:var(--page-bg)}html[data-theme=dark] .login-card,html[data-theme=dark] .filter-box,html[data-theme=dark] .summary-card,html[data-theme=dark] .orders-toolbar,html[data-theme=dark] .order-card,html[data-theme=dark] .form-card,html[data-theme=dark] .detail-card,html[data-theme=dark] .detail-loading,html[data-theme=dark] .detail-error-box,html[data-theme=dark] .print-state,html[data-theme=dark] .finance-filters,html[data-theme=dark] .finance-hero-card,html[data-theme=dark] .money-flow-card,html[data-theme=dark] .finance-table-card,html[data-theme=dark] .finance-loading,html[data-theme=dark] .empty-state,html[data-theme=dark] .loading-state{background:var(--card-bg);border-color:var(--border);color:var(--text-main)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .login-header h1,html[data-theme=dark] .orders-top h2,html[data-theme=dark] .add-order-top h2,html[data-theme=dark] .detail-top h2,html[data-theme=dark] .print-preview-top h2,html[data-theme=dark] .finance-top h2,html[data-theme=dark] .order-title-row h3,html[data-theme=dark] .customer-name,html[data-theme=dark] .summary-card strong,html[data-theme=dark] .order-price strong,html[data-theme=dark] .finance-table td strong,html[data-theme=dark] .finance-hero-card strong,html[data-theme=dark] .money-flow-card strong{color:var(--text-main)}html[data-theme=dark] p,html[data-theme=dark] span,html[data-theme=dark] label,html[data-theme=dark] .section-label,html[data-theme=dark] .login-header p,html[data-theme=dark] .login-header span,html[data-theme=dark] .orders-top span,html[data-theme=dark] .add-order-top span,html[data-theme=dark] .detail-top span,html[data-theme=dark] .detail-card-header span,html[data-theme=dark] .finance-top span,html[data-theme=dark] .finance-table-header p,html[data-theme=dark] .order-meta,html[data-theme=dark] .price-breakdown span{color:var(--text-muted)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:var(--border-strong);color:var(--text-main);background:#0f172a}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{box-shadow:0 0 0 4px var(--focus-ring);border-color:#a08a5b}html[data-theme=dark] .light-button,html[data-theme=dark] .detail-light-button,html[data-theme=dark] .print-light-button,html[data-theme=dark] .light-toolbar-button,html[data-theme=dark] .ghost-button,html[data-theme=dark] .header-nav-button,html[data-theme=dark] .logout-button{background:var(--soft-bg);color:var(--text-soft)}html[data-theme=dark] .light-button:hover,html[data-theme=dark] .detail-light-button:hover,html[data-theme=dark] .print-light-button:hover,html[data-theme=dark] .light-toolbar-button:hover,html[data-theme=dark] .ghost-button:hover,html[data-theme=dark] .header-nav-button:hover,html[data-theme=dark] .logout-button:hover{background:var(--soft-bg-hover)}html[data-theme=dark] .filter-button,html[data-theme=dark] .finance-filter-button{border-color:var(--border-strong);color:var(--text-soft);background:#0f172a}html[data-theme=dark] .filter-button.active,html[data-theme=dark] .finance-filter-button.active,html[data-theme=dark] .header-nav-button.active,html[data-theme=dark] .select-mode-button.active{color:#fff;background:#1e352f}html[data-theme=dark] .order-meta span,html[data-theme=dark] .timeline-grid div,html[data-theme=dark] .image-upload-box,html[data-theme=dark] .detail-image-grid img,html[data-theme=dark] .image-preview-grid img{background:var(--soft-bg);border-color:var(--border);color:var(--text-soft)}html[data-theme=dark] .order-image-gallery,html[data-theme=dark] .order-image-placeholder{background:var(--border)}html[data-theme=dark] .gallery-image-wrap{background:#0f172a}html[data-theme=dark] .price-breakdown .net-row{border-color:var(--border)}html[data-theme=dark] .finance-table th{color:var(--text-muted);background:#1f2937}html[data-theme=dark] .finance-table td{border-color:var(--border);color:var(--text-soft)}html[data-theme=dark] .print-label{color:#000;background:#fff}html[data-theme=dark] .print-label h3,html[data-theme=dark] .print-label span,html[data-theme=dark] .print-label strong,html[data-theme=dark] .label-brand p{color:#000}