:root{
    --brown:#5C2A17;
    --brown-light:#6B3E26;
    --cream:#F7F0E3;
    --amber:#D89A3F;
    --dark:#241409;
    --white:#FFFFFF;
    --in-stock:#6B8E4E;
    --out-stock:#A99C8C;
    --danger:#A6432F;
    --hint:#B8791E;
    --radius:14px;
    --shadow:0 2px 10px rgba(36,20,9,0.12);
  }#bluedol-rs-app * {box-sizing:border-box;-webkit-tap-highlight-color:transparent;}#bluedol-rs-app {-webkit-text-size-adjust:100%;}#bluedol-rs-app {margin:0;background:var(--cream);color:var(--dark);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}#bluedol-rs-app h1,#bluedol-rs-app h2,#bluedol-rs-app h3 {font-family:'Poppins',sans-serif;}#bluedol-rs-app button {font-family:inherit;cursor:pointer;}#bluedol-rs-app input,#bluedol-rs-app select,#bluedol-rs-app textarea {font-family:inherit;}#bluedol-rs-app img {max-width:100%;display:block;}#bluedol-rs-app /* Header */
  header {
    background:var(--dark);color:var(--cream);padding:12px 16px;
    display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:40;box-shadow:var(--shadow);
  }#bluedol-rs-app .brand-block {display:flex;flex-direction:column;line-height:1.1;gap:4px;}#bluedol-rs-app .logo-plate {background:var(--cream);padding:5px 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;}#bluedol-rs-app .logo-plate img {height:40px;width:auto;display:block;}#bluedol-rs-app .tagline {font-size:9.5px;color:#C9BBA6;letter-spacing:1.3px;text-transform:uppercase;}#bluedol-rs-app .staff-toggle {
    background:transparent;border:1px solid var(--amber);color:var(--amber);
    padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;flex-shrink:0;
  }#bluedol-rs-app .staff-toggle:active {background:var(--amber);color:var(--dark);}#bluedol-rs-app main {max-width:1000px;margin:0 auto;padding:14px 12px 100px;}#bluedol-rs-app /* Category home */
  .cat-home-title {font-weight:700;font-size:15px;color:var(--brown);margin:2px 0 12px;}#bluedol-rs-app .cat-avatar-grid {display:flex;flex-wrap:wrap;gap:18px 16px;margin-bottom:22px;}#bluedol-rs-app .cat-avatar-item {display:flex;flex-direction:column;align-items:center;gap:6px;width:88px;}#bluedol-rs-app .cat-avatar-img {width:88px;height:88px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--brown-light),var(--brown));border:2.5px solid var(--brown-light);}#bluedol-rs-app .cat-avatar-img img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .cat-avatar-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--amber);font-weight:800;font-size:13px;font-family:'Poppins',sans-serif;}#bluedol-rs-app .cat-avatar-label {font-size:12px;font-weight:700;color:var(--brown);text-align:center;}#bluedol-rs-app .section-title {font-weight:700;font-size:15px;color:var(--brown);margin:4px 0 12px;}#bluedol-rs-app .view-all-btn {width:100%;background:none;border:1.5px solid var(--brown);color:var(--brown);padding:12px;border-radius:10px;font-weight:700;font-size:13.5px;margin-top:12px;}#bluedol-rs-app .new-pill {position:absolute;bottom:8px;left:8px;background:var(--amber);color:var(--dark);font-size:9.5px;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:0.3px;}#bluedol-rs-app /* Category strip on product list */
  .back-link {background:none;border:none;color:var(--brown);font-weight:700;font-size:13px;padding:6px 0 10px;}#bluedol-rs-app .cat-strip {display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;margin-bottom:10px;-webkit-overflow-scrolling:touch;}#bluedol-rs-app .cat-strip-item {flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;opacity:0.7;}#bluedol-rs-app .cat-strip-item.active {opacity:1;}#bluedol-rs-app .cat-strip-img {width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--brown-light),var(--brown));border:2px solid transparent;}#bluedol-rs-app .cat-strip-item.active .cat-strip-img {border-color:var(--amber);}#bluedol-rs-app .cat-strip-img img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .cat-strip-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--amber);font-weight:800;font-size:11px;}#bluedol-rs-app .cat-strip-item span {font-size:10px;font-weight:600;color:var(--brown);text-align:center;}#bluedol-rs-app /* Controls */
  .controls {margin-bottom:14px;}#bluedol-rs-app .search-row {display:flex;gap:8px;}#bluedol-rs-app .search-row input {
    flex:1;padding:12px 14px;border:1px solid #DDD0BC;border-radius:var(--radius);
    background:var(--white);font-size:15px;color:var(--dark);width:100%;
  }#bluedol-rs-app .search-row input:focus {outline:2px solid var(--amber);outline-offset:1px;}#bluedol-rs-app /* Product grid */
  .grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}#bluedol-rs-app .card {
    background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
    display:flex;flex-direction:column;border:1px solid #EDE3D0;
  }#bluedol-rs-app .card-img-wrap {position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,var(--brown-light),var(--brown));}#bluedol-rs-app .card-img-wrap img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .card-img-placeholder {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--amber);text-align:center;padding:12px;opacity:0.92;}#bluedol-rs-app .card-img-placeholder svg {width:38%;height:38%;opacity:0.9;}#bluedol-rs-app .card-img-placeholder span {font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;line-height:1.25;}#bluedol-rs-app .cat-pill {position:absolute;top:8px;left:8px;background:rgba(36,20,9,0.72);color:var(--amber);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:4px 9px;border-radius:999px;}#bluedol-rs-app .stock-pill {position:absolute;top:8px;right:8px;font-size:9.5px;font-weight:700;color:var(--white);padding:4px 9px;border-radius:999px;}#bluedol-rs-app .stock-pill.in {background:var(--in-stock);}#bluedol-rs-app .stock-pill.out {background:var(--out-stock);}#bluedol-rs-app .card-body {padding:10px 11px 11px;display:flex;flex-direction:column;gap:4px;flex:1;}#bluedol-rs-app .card-name {font-weight:700;font-size:13.5px;color:var(--dark);line-height:1.25;}#bluedol-rs-app .card-code {font-size:10.5px;color:#9A8B75;}#bluedol-rs-app .card-sizes {font-size:11px;color:var(--brown-light);font-weight:600;}#bluedol-rs-app .price {font-size:13px;color:var(--brown);font-weight:700;margin-top:1px;}#bluedol-rs-app .card-actions {display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:7px;}#bluedol-rs-app .input-hint {display:inline-block;background:#FFEDA8;color:#3E2A0A;font-size:13px;font-weight:800;padding:4px 10px;border-radius:6px;}#bluedol-rs-app .size-text-input {
    width:100%;padding:9px 8px;border:1px solid #DDD0BC;border-radius:8px;font-size:12.5px;
  }#bluedol-rs-app .size-text-input:focus {outline:2px solid var(--amber);outline-offset:1px;}#bluedol-rs-app .add-btn {
    width:100%;background:var(--brown);color:var(--white);border:none;padding:9px 6px;border-radius:8px;
    font-size:12.5px;font-weight:700;min-height:38px;
  }#bluedol-rs-app .add-btn:disabled {background:#CBBFAC;cursor:not-allowed;}#bluedol-rs-app .add-btn.added {background:var(--in-stock);}#bluedol-rs-app .empty-state {text-align:center;padding:50px 20px;color:var(--brown-light);}#bluedol-rs-app .empty-state h3 {margin-bottom:6px;}

  @media(max-width:480px){#bluedol-rs-app .grid {grid-template-columns:repeat(2,1fr);gap:9px;}#bluedol-rs-app main {padding:12px 10px 96px;}#bluedol-rs-app .card-name {font-size:13px;}
  }#bluedol-rs-app /* Cart bar */
  .cart-bar {
    position:fixed;bottom:0;left:0;right:0;background:#FFE9A8;color:var(--dark);
    padding:13px 16px;display:flex;justify-content:space-between;align-items:center;
    box-shadow:0 -3px 12px rgba(0,0,0,0.25);z-index:50;
  }#bluedol-rs-app .cart-bar span {font-weight:700;font-size:13.5px;color:var(--dark);}#bluedol-rs-app .cart-bar button {
    background:var(--brown);color:var(--white);border:none;padding:10px 18px;border-radius:999px;
    font-weight:700;font-size:13px;min-height:40px;
  }#bluedol-rs-app /* Modal */
  .overlay {
    position:fixed;inset:0;background:rgba(36,20,9,0.55);display:flex;align-items:flex-end;
    justify-content:center;z-index:100;
  }
  @media(min-width:640px){#bluedol-rs-app .overlay {align-items:center;}}#bluedol-rs-app .modal {
    background:var(--cream);width:100%;max-width:480px;border-radius:16px 16px 0 0;
    max-height:90vh;overflow-y:auto;padding:18px 16px 20px;
  }
  @media(min-width:640px){#bluedol-rs-app .modal {border-radius:16px;}}#bluedol-rs-app .modal h3 {margin:0 0 14px;color:var(--brown);}#bluedol-rs-app .modal-close {float:right;background:none;border:none;font-size:22px;color:var(--brown-light);padding:4px;}#bluedol-rs-app .cart-item {display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #E5D9C3;gap:8px;}#bluedol-rs-app .cart-item-name {font-size:13.5px;font-weight:600;}#bluedol-rs-app .cart-item-sizes {font-size:11.5px;color:#8A7A64;margin-top:2px;}#bluedol-rs-app .cart-item-meta {display:flex;align-items:center;gap:10px;flex-shrink:0;}#bluedol-rs-app .remove-x {background:none;border:none;color:var(--danger);font-size:18px;font-weight:700;padding:4px 6px;}#bluedol-rs-app .field {margin-bottom:12px;}#bluedol-rs-app .field label {display:block;font-size:12px;font-weight:700;color:var(--brown);margin-bottom:5px;}#bluedol-rs-app .field input,#bluedol-rs-app .field textarea,#bluedol-rs-app .field select {
    width:100%;padding:11px 12px;border:1px solid #DDD0BC;border-radius:10px;font-size:15px;background:var(--white);
  }#bluedol-rs-app .field-hint {font-size:11px;color:#9A8B75;margin-top:4px;line-height:1.4;}#bluedol-rs-app .submit-btn {
    width:100%;background:var(--brown);color:var(--white);border:none;padding:14px;border-radius:10px;
    font-weight:700;font-size:14.5px;margin-top:6px;min-height:48px;
  }#bluedol-rs-app .submit-btn:disabled {background:#CBBFAC;}#bluedol-rs-app .err-text {color:var(--danger);font-size:12px;margin-top:-6px;margin-bottom:10px;display:none;}#bluedol-rs-app .img-upload-row {display:flex;align-items:center;gap:12px;}#bluedol-rs-app .img-preview {width:72px;height:72px;border-radius:10px;overflow:hidden;background:#EDE3D0;flex-shrink:0;display:flex;align-items:center;justify-content:center;}#bluedol-rs-app .img-preview img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .img-preview .ph {color:#B8A98F;font-size:10px;text-align:center;padding:4px;}#bluedol-rs-app .img-upload-controls {display:flex;flex-direction:column;gap:6px;flex:1;}#bluedol-rs-app .file-btn {background:var(--white);border:1px solid var(--brown-light);color:var(--brown);padding:9px 12px;border-radius:8px;font-size:12.5px;font-weight:600;text-align:center;}#bluedol-rs-app .file-btn input {display:none;}#bluedol-rs-app .remove-img-btn {background:none;border:none;color:var(--danger);font-size:12px;font-weight:600;text-align:left;padding:0;}#bluedol-rs-app .quote-item-row {display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #E5D9C3;}#bluedol-rs-app .quote-item-name {flex:1;font-size:13px;font-weight:600;color:var(--dark);min-width:0;}#bluedol-rs-app .quote-item-qty {display:block;font-size:11px;color:#8A7A64;font-weight:500;margin-top:2px;}#bluedol-rs-app .quote-item-rate {display:flex;align-items:center;gap:3px;flex-shrink:0;}#bluedol-rs-app .quote-item-rate span {font-size:13px;color:var(--brown);}#bluedol-rs-app .quote-rate-input {width:60px;padding:7px;border:1px solid #DDD0BC;border-radius:8px;font-size:13px;text-align:center;}#bluedol-rs-app .quote-item-amount {width:66px;text-align:right;font-size:13px;font-weight:700;color:var(--brown);flex-shrink:0;}#bluedol-rs-app .quote-charge-row {display:flex;gap:6px;align-items:center;padding:6px 0;}#bluedol-rs-app .quote-charge-label {flex:1;padding:8px;border:1px solid #DDD0BC;border-radius:8px;font-size:12.5px;min-width:0;}#bluedol-rs-app .quote-charge-amount {width:72px;padding:8px;border:1px solid #DDD0BC;border-radius:8px;font-size:12.5px;text-align:center;}#bluedol-rs-app .quote-total-row {display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-top:6px;border-top:2px solid var(--brown);font-weight:800;font-size:15px;color:var(--brown);}#bluedol-rs-app /* Toast */
  .toast {
    position:fixed;bottom:78px;left:50%;transform:translateX(-50%);background:var(--dark);color:var(--cream);
    padding:11px 20px;border-radius:999px;font-size:13px;font-weight:600;z-index:200;box-shadow:var(--shadow);
    opacity:0;pointer-events:none;transition:opacity 0.25s;max-width:90vw;text-align:center;
  }#bluedol-rs-app .toast.show {opacity:1;}#bluedol-rs-app /* Staff */
  .staff-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px;}#bluedol-rs-app .staff-header h2 {font-size:18px;}#bluedol-rs-app .logout-btn {background:none;border:1px solid var(--brown-light);color:var(--brown);padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600;flex-shrink:0;}#bluedol-rs-app .tabs {display:flex;gap:4px;margin-bottom:14px;border-bottom:2px solid #E5D9C3;overflow-x:auto;}#bluedol-rs-app .tab {padding:9px 12px;background:none;border:none;font-size:12.5px;font-weight:700;color:#8A7A64;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;}#bluedol-rs-app .tab.active {color:var(--brown);border-color:var(--brown);}#bluedol-rs-app .staff-add-btn {background:var(--amber);color:var(--dark);border:none;padding:11px 16px;border-radius:8px;font-weight:700;font-size:13px;margin-bottom:14px;min-height:42px;}#bluedol-rs-app .stock-row {
    background:var(--white);border-radius:10px;padding:10px;margin-bottom:8px;display:flex;
    align-items:center;gap:10px;box-shadow:var(--shadow);
  }#bluedol-rs-app .stock-row-img {width:46px;height:46px;border-radius:8px;overflow:hidden;background:#EDE3D0;flex-shrink:0;}#bluedol-rs-app .stock-row-img img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .stock-row-info {flex:1;min-width:0;}#bluedol-rs-app .stock-row-name {font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#bluedol-rs-app .stock-row-meta {font-size:11px;color:#8A7A64;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#bluedol-rs-app .hidden-badge {background:#DDD0BC;color:var(--brown);font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;}#bluedol-rs-app .vis-pill {border:none;border-radius:999px;padding:7px 10px;font-size:10.5px;font-weight:700;flex-shrink:0;}#bluedol-rs-app .vis-pill.on {background:var(--in-stock);color:#fff;}#bluedol-rs-app .vis-pill.off {background:#B0A89A;color:#fff;}#bluedol-rs-app .stock-row-actions {display:flex;align-items:center;gap:6px;flex-shrink:0;}#bluedol-rs-app .qty-edit {width:52px;padding:8px 3px;border:1px solid #DDD0BC;border-radius:8px;text-align:center;font-size:13px;}#bluedol-rs-app .qty-readonly {font-size:12px;font-weight:700;color:var(--brown);white-space:nowrap;}#bluedol-rs-app .icon-btn {background:none;border:none;font-size:16px;padding:6px;color:var(--brown-light);}#bluedol-rs-app .icon-btn.del {color:var(--danger);}#bluedol-rs-app .order-card {background:var(--white);border-radius:10px;padding:13px;margin-bottom:10px;box-shadow:var(--shadow);}#bluedol-rs-app .order-top {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px;}#bluedol-rs-app .order-cust {font-weight:700;font-size:13.5px;}#bluedol-rs-app .order-time {font-size:10.5px;color:#8A7A64;}#bluedol-rs-app .order-items {margin:8px 0;}#bluedol-rs-app .order-item-row {display:flex;align-items:center;gap:8px;padding:4px 0;}#bluedol-rs-app .order-item-img {width:38px;height:38px;border-radius:8px;overflow:hidden;background:#EDE3D0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--brown-light);}#bluedol-rs-app .order-item-img img {width:100%;height:100%;object-fit:cover;}#bluedol-rs-app .order-item-img svg {width:60%;height:60%;}#bluedol-rs-app .order-item-text {font-size:12.5px;color:var(--dark);line-height:1.3;}#bluedol-rs-app .order-actions {display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}#bluedol-rs-app .link-btn {font-size:11.5px;font-weight:700;color:var(--brown);text-decoration:none;border:1px solid var(--brown-light);padding:7px 12px;border-radius:999px;background:none;}#bluedol-rs-app .status-pill {font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;flex-shrink:0;}#bluedol-rs-app .status-pill.pending {background:#F1DFC0;color:var(--brown);}#bluedol-rs-app .status-pill.quoted {background:#C98A3F;color:var(--white);}#bluedol-rs-app .status-pill.confirmed {background:#4A7A6B;color:var(--white);}#bluedol-rs-app .status-pill.fulfilled,#bluedol-rs-app .status-pill.done {background:var(--in-stock);color:var(--white);}#bluedol-rs-app .status-pill.cancelled {background:#D9C7BA;color:#6B4A38;}#bluedol-rs-app .cust-row {background:var(--white);border-radius:10px;padding:11px 13px;margin-bottom:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:8px;}#bluedol-rs-app .cust-name {font-weight:700;font-size:13.5px;}#bluedol-rs-app .cust-meta {font-size:11.5px;color:#8A7A64;}#bluedol-rs-app .loading {text-align:center;padding:60px 20px;color:var(--brown-light);}