@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#f7f5f3;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f9f7f5;--bg-input:#f9f7f5;--bg-sidebar:#fff;--bg-modal-overlay:#20171333;--border-color:#e9e1dd;--border-focus:#fa6f38;--text-primary:#362b26;--text-secondary:#6c5d56;--text-muted:#998b85;--accent:#fa6f3d;--accent-hover:#f95d24;--accent-gradient:linear-gradient(135deg, #f8755d, #fd6e21);--success:#1d9555;--success-bg:#1d95551f;--warning:#dd8108;--warning-bg:#dd81081f;--danger:#e13333;--danger-bg:#e133331f;--info:#0b78d0;--info-bg:#0b78d01f;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:26px;--shadow-sm:0 2px 10px #412e250f;--shadow-md:0 12px 34px #412e251a;--shadow-lg:0 28px 70px #412e2524;--sidebar-width:246px;--sidebar-collapsed:68px;--header-height:68px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c859c61;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#60698099}.app-shell{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm);transition:width var(--transition);flex-direction:column;padding-top:14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-profile{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:10px;margin:0 12px 12px;padding:12px;display:flex}.sidebar-profile-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.sidebar-profile h3{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.sidebar-profile p{text-transform:capitalize;color:var(--text-muted);font-size:11px}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-actions{border-top:1px solid var(--border-color);padding:10px 8px 14px}.sidebar-logout{color:var(--danger)}.sidebar-logout:hover{background:var(--danger-bg);color:var(--danger)}.mobile-app-header,.mobile-tabbar{display:none}.mobile-app-title{flex-direction:column;gap:1px;min-width:0;display:flex}.mobile-app-title span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.mobile-app-title strong{color:var(--text-primary);font-size:18px;line-height:1.15}.mobile-app-actions{align-items:center;gap:8px;display:flex}.mobile-app-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #f4643438}.mobile-icon-btn{border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--danger);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.nav-group{margin-bottom:8px}.nav-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:10px 12px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px;font-size:13.5px;font-weight:450;display:flex}.nav-item:hover{color:var(--text-primary);background:#f9f0eb;text-decoration:none}.nav-item.active{background:var(--accent-gradient);color:#fff;font-weight:600;box-shadow:0 10px 20px #f4643459}.nav-item svg{flex-shrink:0;width:18px;height:18px}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;padding:18px 18px 14px;display:flex}.header{height:var(--header-height);background:var(--bg-card);border:1px solid var(--border-color);z-index:50;box-shadow:var(--shadow-sm);border-radius:22px;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:12px}.header-left{flex:1;align-items:center;gap:16px;display:flex}.header-search{border:1px solid var(--border-color);background:var(--bg-input);border-radius:16px;align-items:center;gap:10px;width:100%;max-width:560px;height:42px;padding:0 12px;display:flex}.header-search svg{color:var(--text-muted)}.header-search-input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:none;font-family:inherit;font-size:14px}.header-search-input::placeholder{color:var(--text-muted)}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb span{color:var(--text-secondary)}.header-right{align-items:center;gap:12px;display:flex}.header-quick-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 8px 18px #f4643447}.header-quick-btn.header-quick-btn-muted{background:var(--bg-card-hover);color:#f56e3d;box-shadow:none;border:1px solid var(--border-color)}.user-badge{background:var(--bg-card-hover);cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition);border-radius:14px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.user-badge:hover{border-color:var(--accent)}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-name{font-size:13px;font-weight:600;line-height:1.2}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.content{border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:24px;flex:1;margin-top:14px;padding:24px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:#e4d1c8}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{font-size:16px;font-weight:600}.card-body{padding:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#e4d1c8;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.stat-value{font-size:28px;font-weight:700}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:20px}.stat-icon.blue{background:var(--info-bg);color:var(--info)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.amber{background:var(--warning-bg);color:var(--warning)}.stat-icon.red{background:var(--danger-bg);color:var(--danger)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6467f226}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #6467f24d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6467f266}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent);background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#ed2c2c}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f2f4f8;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.table td{color:var(--text-primary);border-bottom:1px solid #e3e6ed;padding:12px 16px}.table tr:hover td{background:#f5f7fa}.table tr:last-child td{border-bottom:none}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;max-width:350px;padding:0 12px;display:flex}.table-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:inherit;font-size:14px}.table-search svg{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-default{color:var(--text-secondary);background:#3643634d}.modal-overlay{background:var(--bg-modal-overlay);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);animation:.3s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:16px;font-weight:600}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.modal-lg{max-width:700px}.popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2100;background:#20171347;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-popup{background:var(--bg-secondary);border:1px solid var(--border-color);width:min(100%,560px);box-shadow:var(--shadow-lg);border-radius:14px;padding:14px 14px 12px;animation:.22s slideUp}.confirm-popup-head{grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;display:grid}.confirm-popup-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.confirm-popup-copy h3{margin-bottom:4px;font-size:16px;line-height:1.2}.confirm-popup-copy p{color:var(--text-secondary);font-size:14px}.confirm-popup-close{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.confirm-popup-close:hover{color:var(--text-primary)}.confirm-popup-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.confirm-popup-danger .confirm-popup-icon-wrap{background:var(--danger-bg);color:var(--danger)}.confirm-popup-warning .confirm-popup-icon-wrap{background:var(--warning-bg);color:var(--warning)}.confirm-popup-info .confirm-popup-icon-wrap{background:var(--info-bg);color:var(--info)}.toast-container{z-index:2200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{min-width:320px;box-shadow:var(--shadow-md);border:1px solid;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;animation:.3s slideInRight;display:flex}.toast-message{color:var(--text-primary);line-height:1.35}.toast-success{color:var(--success);background:linear-gradient(#1d95551f,#1d95550f);border-color:#1d95553d}.toast-error{color:var(--danger);background:linear-gradient(#e133331f,#e133330f);border-color:#e133333d}.toast-info{color:var(--info);background:linear-gradient(#0b78d01f,#0b78d00f);border-color:#0b78d03d}.pagination{border-top:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.pagination-btns{gap:4px;display:flex}.page-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:6px 12px;font-family:inherit;font-size:13px}.page-btn:hover{border-color:var(--accent);color:var(--text-primary)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.login-page{background:linear-gradient(#f7f9fd,#f2f4f8);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c51f038,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#9c45e829,#0000 70%);width:400px;height:400px;position:absolute;bottom:-50px;left:-50px}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;padding:48px 40px}.login-card h1{text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:24px;font-weight:700}.login-card p{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-card .btn-primary{width:100%;margin-top:8px;padding:12px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state svg{opacity:.4;width:48px;height:48px;margin-bottom:16px}.empty-state h4{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.empty-state p{font-size:14px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.hub-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition);min-height:140px;box-shadow:var(--shadow-sm);flex-direction:column;padding:22px 22px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hub-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-3px)}.hub-card .hub-icon{width:44px;height:44px;color:var(--accent);background:#6467f226;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.hub-card .hub-body{flex:1}.hub-card .hub-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.hub-card .hub-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.hub-card .hub-kpi{text-align:right;position:absolute;top:22px;right:22px}.hub-card .hub-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1}.hub-card .hub-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:10px}.hub-card.hub-tone-success .hub-icon{background:var(--success-bg);color:var(--success)}.hub-card.hub-tone-warning .hub-icon{background:var(--warning-bg);color:var(--warning)}.hub-card.hub-tone-danger .hub-icon{background:var(--danger-bg);color:var(--danger)}.hub-card.hub-tone-info .hub-icon{background:var(--info-bg);color:var(--info)}.hub-card.hub-tone-success .hub-kpi-value{color:var(--success)}.hub-card.hub-tone-warning .hub-kpi-value{color:var(--warning)}.hub-card.hub-tone-danger .hub-kpi-value{color:var(--danger)}.hub-card.featured{background:linear-gradient(135deg,#6c51f01a,#9c45e80d);border-color:#6c51f04d}.hub-card.featured:before{content:"";background:var(--accent-gradient);height:3px;position:absolute;inset:0 0 auto}.hub-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 12px;font-size:12px;font-weight:600}.mobile-home-hero,.mobile-module-grid{display:none}.matrix-cells{flex-wrap:wrap;gap:6px;display:flex}.matrix-cell{border-radius:var(--radius-sm);border:1px solid var(--border-color);text-align:center;min-width:56px;padding:6px 8px;font-size:12px}.matrix-cell-size{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.matrix-cell-qty{color:var(--text-primary);margin-top:2px;font-weight:600}.matrix-cell.cell-ok{background:var(--success-bg);border-color:#21c45d66}.matrix-cell.cell-low{background:var(--warning-bg);border-color:#f59f0a66}.matrix-cell.cell-out{background:var(--danger-bg);border-color:#ef434366}.matrix-cell.cell-ok .matrix-cell-qty{color:var(--success)}.matrix-cell.cell-low .matrix-cell-qty{color:var(--warning)}.matrix-cell.cell-out .matrix-cell-qty{color:var(--danger)}.matrix-key{vertical-align:-1px;font-size:14px;line-height:1}.matrix-key.cell-ok{color:var(--success)}.matrix-key.cell-low{color:var(--warning)}.matrix-key.cell-out{color:var(--danger)}.metric-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-tile{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 18px;display:flex}.metric-tile .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.metric-tile .metric-value{color:var(--text-primary);font-size:22px;font-weight:700}.metric-tile .metric-sub{color:var(--text-secondary);font-size:12px}.metric-tile.accent{border-color:#6467f266}.metric-tile.success .metric-value{color:var(--success)}.metric-tile.warning .metric-value{color:var(--warning)}.metric-tile.danger .metric-value{color:var(--danger)}.section-title{border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;background:#f2f4f8;justify-content:space-between;align-items:center;margin:16px 0 0;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.section-title .count{color:var(--accent);font-weight:700}.filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.filter-bar label{color:var(--text-muted);margin-right:4px;font-size:12px}.filter-bar .form-select{width:auto;padding:7px 10px;font-size:13px}.filter-toggle-cluster{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.filter-toggle-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);align-items:center;gap:12px;padding:10px 16px 10px 12px;display:inline-flex;position:relative}.filter-toggle-pill:hover{background:#fffaf5;border-color:#fa6f3d80}.filter-toggle-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.filter-toggle-pill:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}.filter-toggle-box{border:2px solid var(--text-muted);background:var(--bg-secondary);width:28px;height:28px;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);pointer-events:none;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.filter-toggle-pill:hover .filter-toggle-box{border-color:var(--accent)}.filter-toggle-input:checked+.filter-toggle-box{border-color:var(--accent);background:var(--accent);box-shadow:0 2px 10px #ef440659}.filter-toggle-input:checked+.filter-toggle-box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:7px;height:12px;display:block;transform:rotate(45deg)translate(-.5px,-1px)}.filter-toggle-label{color:var(--text-primary);max-width:240px;font-size:14px;font-weight:500;line-height:1.35}.filter-toggle-pill:has(.filter-toggle-input:checked){background:#fa6f3d1a;border-color:#fa6f3d8c}.filter-toggle-cluster.filter-toggle-cluster--compact{flex:none;align-self:flex-start;gap:6px;width:fit-content;max-width:100%;margin-left:auto}.filter-toggle-pill.filter-toggle-pill--compact{border-radius:var(--radius-sm);gap:8px;padding:5px 10px 5px 7px}.filter-toggle-pill--compact .filter-toggle-box{border-width:1.5px;border-radius:6px;width:20px;height:20px}.filter-toggle-pill--compact .filter-toggle-input:checked+.filter-toggle-box{box-shadow:0 1px 6px #ef440647}.filter-toggle-pill--compact .filter-toggle-input:checked+.filter-toggle-box:after{border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-.5px,-.5px)}.filter-toggle-pill--compact .filter-toggle-label{max-width:none;font-size:12px;font-weight:500;line-height:1.25}.measurement-card{border-radius:var(--radius-md);background:#6c51f014;border:1px solid #6c51f03d;margin-bottom:12px;padding:14px 16px}.measurement-card .mc-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.measurement-card .mc-head h4{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.measurement-card .mc-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.measurement-card .mc-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px}.measurement-card .mc-item .mc-key{color:var(--text-muted);text-transform:uppercase;font-size:11px}.measurement-card .mc-item .mc-val{color:var(--text-primary);margin-top:2px;font-size:14px;font-weight:500}.print-only{display:none}@media print{.sidebar,.header,.toast-container,.no-print{display:none!important}.main-area{margin-left:0!important}.content{padding:0!important}body{color:#000;background:#fff;font-size:11pt}.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ccc;border-radius:4px}.card-header,.card-body{padding:8px 12px!important}.stat-card,.metric-tile{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ccc}.metric-tile .metric-label,.metric-tile .metric-sub{color:#666}.metric-tile .metric-value{color:#111}.table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#333!important;background:#f0f0f0!important}.table td{color:#222!important;border-color:#ddd!important}.badge{border:1px solid #999;padding:1px 6px;color:#222!important;background:#fff!important}.section-title{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#222!important;background:#eee!important}.page-header h1{color:#111;font-size:18pt}.page-header p{color:#555}.filter-bar{display:none!important}.table-container{border:none!important;overflow:visible!important}.pagination{display:none!important}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}.print-only{display:block!important}.print-header{border-bottom:2px solid #111;margin-bottom:14px;padding-bottom:10px}.print-brand{align-items:center;gap:10px;display:flex}.print-brand-mark{color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#111;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.print-brand-name{font-size:14pt;font-weight:700}.print-brand-sub{color:#666;font-size:9pt}.print-title{margin-top:8px;font-size:16pt;font-weight:700}.print-subtitle{color:#555;margin-top:2px;font-size:10pt}.print-filters{color:#444;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:9pt;display:flex}.print-meta{color:#777;margin-top:6px;font-size:8pt}.app-pdf-report{color:#111827;background:#fff;border:none;border-radius:0;width:100%;max-width:none;margin:0;padding:0;overflow:visible}body:has(.app-pdf-report){font-family:Google Sans,Product Sans,Arial,Helvetica,sans-serif;font-size:9pt;line-height:1.25;color:#111827!important;background:#fff!important}.app-pdf-report,.app-pdf-report *{font-family:Google Sans,Product Sans,Arial,Helvetica,sans-serif!important}body:has(.app-pdf-report) .main-area{border:none;margin-left:0!important;padding:0!important}body:has(.app-pdf-report) .content{box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.app-pdf-report .print-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0 0 3mm;padding:3mm 4mm;color:#111827!important;background:#fff!important;border:1.5pt solid #111827!important;border-radius:0!important}.app-pdf-report .print-brand-mark{border:1px solid #111827;border-radius:0;width:8mm;height:8mm;color:#111827!important;background:#fff!important}.app-pdf-report .print-brand-name{letter-spacing:0;font-size:11pt;color:#111827!important}.app-pdf-report .print-title{letter-spacing:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:2mm 0 0;font-size:18pt;line-height:1.05;color:#111827!important}.app-pdf-report .print-subtitle{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-top:1mm;font-size:9.2pt;color:#374151!important}.app-pdf-report .print-filters{border-top:1px solid #111827;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4mm 5mm;margin-top:2.5mm;padding-top:2mm;font-size:8.5pt;display:grid;color:#111827!important}.app-pdf-report .print-meta{margin-top:1.8mm;color:#374151!important}.app-pdf-report .metric-row{display:none!important}.app-pdf-report .metric-tile{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1pt solid #111827;border-top:none;border-left:none;gap:0;min-height:15mm;padding:0;box-shadow:none!important;background:#fff!important;border-radius:0!important}.app-pdf-report .metric-tile .metric-label{letter-spacing:0;text-transform:uppercase;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:1.2mm 2mm;font-size:7.4pt;font-weight:700;display:block;color:#111827!important;background:#fff!important}.app-pdf-report .metric-tile .metric-sub{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:0 2mm 1.4mm;font-size:7.5pt;display:block;color:#111827!important}.app-pdf-report .metric-tile .metric-value{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:1.8mm 2mm 1mm;font-size:16pt;font-weight:800;line-height:1;display:block;color:#111827!important}.app-pdf-report .metric-tile.success .metric-value,.app-pdf-report .metric-tile.warning .metric-value,.app-pdf-report .metric-tile.danger .metric-value{color:#111827!important}.app-pdf-report .section-title{letter-spacing:0;text-transform:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-bottom:none;gap:5mm;margin:2.5mm 0 0;padding:1.8mm 2.2mm;font-size:9pt;line-height:1.2;color:#111827!important;background:#fff!important;border:1pt solid #111827!important;border-radius:0!important}.app-pdf-report .section-title span:last-child{text-align:right}.app-pdf-report .section-title .count{color:#111827!important}.app-pdf-report .section-title.app-pdf-section-title{margin-top:2.5mm}.app-pdf-report .card,.app-pdf-report .card-body{width:100%}.app-pdf-report .card-body{padding:0!important}.app-pdf-report .app-pdf-group{break-inside:auto;page-break-inside:auto;width:100%;margin-bottom:3mm!important}.app-pdf-report .app-pdf-table-card{width:100%;overflow:visible;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important}.app-pdf-report .app-pdf-table-wrap{width:100%;border:none!important;border-radius:0!important;overflow:visible!important}.app-pdf-report .app-pdf-table{table-layout:auto;border-collapse:collapse;border-spacing:0;border:1pt solid #111827;width:100%}.app-pdf-report .app-pdf-table th,.app-pdf-report .app-pdf-table td{vertical-align:middle;padding:1.8mm 2mm;border:1pt solid #111827!important}.app-pdf-report .app-pdf-table th{letter-spacing:0;text-transform:uppercase;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:7.6pt;line-height:1.15;position:static;color:#111827!important;background:#fff!important;border-color:#111827!important}.app-pdf-report .app-pdf-table thead th:first-child,.app-pdf-report .app-pdf-table thead th:last-child{border-radius:0}.app-pdf-report .app-pdf-table td{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:8.8pt;color:#111827!important;border-color:#111827!important}.app-pdf-report .app-pdf-table tbody tr:last-child td{border-bottom:1pt solid #111827!important}.app-pdf-report .app-pdf-table tbody tr:nth-child(2n) td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.app-pdf-report .matrix-table th,.app-pdf-report .matrix-table td{vertical-align:top}.app-pdf-report .matrix-cells .matrix-cell{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-pdf-report .app-pdf-note-card{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1pt solid #111827;border-radius:0;margin:0 0 3mm;padding:2mm 2.4mm;background:#fff!important}.app-pdf-report .app-pdf-note-title{text-transform:uppercase;letter-spacing:0;margin-bottom:1mm;font-size:8.2pt;font-weight:700;color:#111827!important}.app-pdf-report .app-pdf-note-text{font-size:8.7pt;line-height:1.3;color:#111827!important}.app-pdf-report .badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1pt solid #111827;border-radius:0;padding:.6mm 1.5mm;font-size:7.8pt;color:#111827!important;background:#fff!important}.app-pdf-report .badge-danger,.app-pdf-report .badge-warning,.app-pdf-report .badge-success,.app-pdf-report .badge-info{color:#111827!important;border-color:#111827!important}@page{size:A4 portrait;margin:6mm}}.uniform-confirmation-preview{flex-direction:column;gap:18px;display:flex}.uniform-confirmation-print-pages{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:-10000px;overflow:hidden}.uniform-confirmation-list-card{overflow:hidden}.uniform-confirmation-item-pills{flex-wrap:wrap;gap:6px;min-width:220px;display:flex}.uniform-confirmation-item-pills .badge{border-radius:var(--radius-sm);white-space:nowrap}.uniform-confirmation-sheet{border:1px solid var(--border-color);border-radius:var(--radius-md);width:min(100%,1120px);box-shadow:var(--shadow-md);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0 auto;padding:28px;display:grid}.confirmation-layout-single .uniform-confirmation-sheet{grid-template-columns:minmax(0,1fr);max-width:780px}.uniform-confirmation-slip{color:#111;break-inside:avoid;background:#fff;flex-direction:column;min-height:720px;display:flex}.uniform-confirmation-slip h2{text-align:center;letter-spacing:0;margin:0 0 24px;font-size:24px;font-weight:700;line-height:1.1}.uniform-confirmation-meta{grid-template-columns:92px 1fr;gap:12px 16px;margin-bottom:18px;font-size:13px;display:grid}.uniform-confirmation-label,.uniform-confirmation-value{font-weight:600}.uniform-confirmation-slip p{margin:0 0 14px;font-size:13px;line-height:1.35}.uniform-confirmation-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.uniform-confirmation-table th,.uniform-confirmation-table td{color:#111;border:1px solid #111;padding:5px 8px;line-height:1.2}.uniform-confirmation-table th{text-align:center;background:#fff;font-weight:700}.uniform-confirmation-table th:first-child,.uniform-confirmation-table td:first-child{text-align:center;width:58px}.uniform-confirmation-table th:nth-child(3),.uniform-confirmation-table td:nth-child(3){text-align:center;width:52px}.uniform-confirmation-signature{text-align:center;border-top:1px solid #0000;width:190px;margin:auto auto 0;padding-top:42px;font-size:13px;font-weight:600}@media print{@page uniform-confirmation-page{size:A4 landscape;margin:10mm}body:has(.uniform-confirmation-report){color:#111!important;background:#fff!important}body:has(.uniform-confirmation-report) .content{padding:0!important}.uniform-confirmation-report{page:uniform-confirmation-page;width:100%}.uniform-confirmation-print-pages{opacity:1;pointer-events:auto;width:auto;height:auto;position:static;overflow:visible;display:block!important}.uniform-confirmation-preview{gap:0;display:block}.uniform-confirmation-sheet{width:100%;min-height:190mm;box-shadow:none;page-break-after:always;break-after:page;border:none;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12mm;margin:0;padding:0;display:grid}.uniform-confirmation-preview .uniform-confirmation-sheet:last-child{page-break-after:auto;break-after:auto}.confirmation-layout-single .uniform-confirmation-sheet{grid-template-columns:minmax(0,1fr);max-width:none}.uniform-confirmation-slip{border:none;min-height:190mm}.uniform-confirmation-slip h2{margin-bottom:9mm;font-size:20pt}.uniform-confirmation-meta{grid-template-columns:26mm 1fr;gap:5mm 8mm;margin-bottom:6mm;font-size:8.5pt}.uniform-confirmation-slip p{margin-bottom:5mm;font-size:8.3pt}.uniform-confirmation-table{font-size:7.7pt}.uniform-confirmation-table th,.uniform-confirmation-table td{padding:2.4mm 2.8mm;background:#fff!important;border-color:#111!important}.uniform-confirmation-table th:first-child,.uniform-confirmation-table td:first-child{width:13mm}.uniform-confirmation-table th:nth-child(3),.uniform-confirmation-table td:nth-child(3){width:11mm}.uniform-confirmation-signature{width:48mm;padding-top:14mm;font-size:8.5pt}}.segmented{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;padding:4px;display:inline-flex}.segmented-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:500}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.stock-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.stock-toolbar .toolbar-spacer{flex:1;min-width:8px}.combobox-trigger{min-height:42px}.issue-compose-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.issue-compose-grid>*{min-width:0}.issue-lines-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.issue-lines-table .form-input,.issue-lines-table .form-select{min-width:0}.stock-group-button{white-space:normal;text-align:left;max-width:100%}@media (max-width:1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .nav-group-title,.sidebar .nav-item span,.sidebar-profile h3,.sidebar-profile p{display:none}.sidebar-profile{justify-content:center;padding:8px}.main-area{margin-left:var(--sidebar-collapsed);min-width:0;padding:14px}.content{min-width:0;padding:18px}.header-right .user-badge{display:none}.form-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.card-header,.table-toolbar,.section-title{flex-wrap:wrap;gap:12px}.table-search{min-width:min(100%,260px);max-width:none}.issue-compose-grid{grid-template-columns:1fr}.issue-summary-card{position:static!important}}@media (max-width:768px){html,body{min-width:0}body{overflow-x:hidden}.main-area{padding:12px}.content{border-radius:18px;margin-top:12px;padding:16px}.header{border-radius:16px;gap:8px;height:auto;min-height:56px;padding:8px}.header-left{min-width:0}.header-search{border-radius:12px;min-width:0;max-width:none;height:40px}.header-right{gap:8px}.page-header{align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:22px}.form-row,.form-row-3{grid-template-columns:1fr}.stats-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:12px;margin-bottom:18px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-icon{top:16px;right:16px}.card-header,.card-body{padding:16px}.card-header{align-items:flex-start}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.hub-card{min-height:auto;padding:16px}.table-toolbar{align-items:stretch;padding:14px!important}.table-search{flex:auto;width:100%}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{min-width:640px}.filter-bar{align-items:stretch;padding:12px}.filter-bar label{width:100%;margin-right:0}.filter-bar .form-select{width:100%}.filter-bar .table-search,.filter-bar .form-input,.filter-bar .form-select{width:100%!important;max-width:none!important}.filter-toggle-cluster,.filter-toggle-cluster.filter-toggle-cluster--compact{width:100%;margin-left:0}.filter-toggle-pill,.filter-toggle-pill.filter-toggle-pill--compact{flex:100%;width:100%}.section-title{text-transform:none;align-items:flex-start}.pagination{flex-direction:column;align-items:stretch;gap:10px}.pagination-btns{padding-bottom:2px;overflow-x:auto}.stock-toolbar{align-items:stretch}.stock-toolbar .toolbar-spacer{display:none}.segmented{width:100%;overflow-x:auto}.segmented-btn{flex:1 0 auto}.app-shell{display:block}.mobile-app-header{z-index:140;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5f3f5;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex;position:sticky;top:0}.desktop-sidebar{display:none}.mobile-tabbar{z-index:160;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #412e251f}.mobile-tabbar-scroll{gap:6px;display:flex;overflow:visible}.mobile-tabbar-scroll::-webkit-scrollbar{display:none}.mobile-tab{min-width:0;min-height:52px;color:var(--text-secondary);text-align:center;border-radius:15px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:650;line-height:1.05;display:inline-flex}.mobile-tab:hover{text-decoration:none}.mobile-tab svg{width:19px;height:19px}.mobile-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 18px #f4643452}.sidebar{border-right:0;border-bottom:1px solid var(--border-color);flex-direction:row;align-items:center;gap:8px;width:100%;max-width:100%;height:auto;padding:8px;position:sticky;top:0;bottom:auto;left:auto;overflow:auto hidden}.sidebar-profile{display:none}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:auto;gap:6px;min-width:0;padding:0;display:flex;overflow:auto hidden}.nav-group{margin:0;display:contents}.sidebar .nav-group-title{display:none}.sidebar .nav-item{text-align:center;white-space:normal;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;width:auto;min-width:66px;padding:8px 10px;font-size:11.5px;line-height:1.2}.sidebar .nav-item span{display:block}.sidebar-actions{border-top:0;border-left:1px solid var(--border-color);flex:none;padding:0 0 0 8px}.sidebar-logout{min-width:44px}.sidebar-logout span{display:none}.main-area{padding:10px 10px calc(92px + env(safe-area-inset-bottom));margin-left:0}.content{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:0}.content,.content *,.card,.card-body,.table-container,form,fieldset{min-width:0}.content .card{max-width:100%}.content .table-container{max-width:100%;overflow:visible!important}.content .form-row,.content .form-row-3,.content form [style*=grid-template-columns],.content .card-body>[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.content .form-input,.content .form-select,.content .form-textarea,.content input,.content select,.content textarea{min-width:0;max-width:100%}.content .form-input,.content .form-select,.content .form-textarea{width:100%}.header{display:none}.form-label{font-size:12.5px;line-height:1.3}.form-input,.form-select,.form-textarea{min-height:42px;font-size:14px}.header{top:8px}.header-search-input{font-size:13px}.header-quick-btn{width:36px;height:36px}.page-header{flex-direction:column}.page-header-actions{flex-direction:column;width:100%}.page-header-actions .btn,.page-header>.btn,.page-header>a.btn,.page-header>button.btn{width:100%}.dashboard-home>.page-header,.hub-page>.page-header,.dashboard-home>.stats-grid{display:none}.stats-grid{flex-wrap:wrap;grid-template-columns:none;gap:8px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow:visible}.stat-card{min-height:92px;box-shadow:none;border:0;border-radius:16px;flex:calc(50% - 4px);padding:12px}.stat-card:before{display:none}.stat-card:hover{box-shadow:none;border-color:#0000;transform:none}.stat-label{font-size:11px;line-height:1.2}.stat-value{font-size:21px;line-height:1.1}.stat-icon{display:none}.dashboard-home>.card{box-shadow:none;border-radius:20px;overflow:hidden}.mobile-home-hero{color:#fff;background:linear-gradient(135deg, #f77c64f2, #fa6f1ef5), var(--accent-gradient);border-radius:24px;gap:16px;margin-bottom:14px;padding:18px;display:grid;overflow:hidden;box-shadow:0 18px 38px #f4643438}.mobile-home-hero span{text-transform:uppercase;opacity:.78;font-size:11px;font-weight:800;line-height:1;display:block}.mobile-home-hero h2{letter-spacing:0;margin-top:8px;font-size:26px;line-height:1.05}.mobile-home-hero p{opacity:.88;max-width:26rem;margin-top:8px;font-size:13px;line-height:1.35}.mobile-home-hero-total{border-top:1px solid #ffffff47;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.mobile-home-hero-total strong{font-size:24px;line-height:1}.mobile-module-grid{border:1px solid var(--border-color);background:var(--bg-card);border-radius:20px;flex-direction:column;gap:0;margin-bottom:14px;display:flex;overflow:hidden}.mobile-module-card{min-height:62px;color:var(--text-primary);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;display:grid}.mobile-module-card+.mobile-module-card{border-top:1px solid var(--border-color)}.mobile-module-card:hover{background:var(--bg-card-hover);text-decoration:none}.mobile-module-card>svg{width:36px;height:36px;color:var(--accent);background:#fa6f3d1f;border-radius:12px;padding:8px}.mobile-module-card strong,.mobile-module-card span{grid-column:2;min-width:0}.mobile-module-card strong{align-self:end;font-size:14px;line-height:1.1}.mobile-module-card span{color:var(--text-muted);align-self:start;font-size:11.5px;line-height:1.2}.mobile-module-card:after,.hub-card:after{content:"";border-top:2px solid var(--text-muted);border-right:2px solid var(--text-muted);width:8px;height:8px;transform:rotate(45deg)}.metric-row{flex-wrap:wrap;grid-template-columns:none;gap:8px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow:visible}.metric-tile{min-height:76px;box-shadow:none;border:0;border-radius:16px;flex:calc(50% - 4px);padding:10px 12px}.metric-tile .metric-label{font-size:10px;line-height:1.2}.metric-tile .metric-value{font-size:20px;line-height:1.05}.metric-tile .metric-sub{font-size:10.5px;line-height:1.2}.hub-section-title{letter-spacing:.04em;margin:16px 4px 8px;font-size:11px}.hub-grid{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:none;border-radius:20px;flex-direction:column;grid-template-columns:none;gap:0;margin-bottom:14px;display:flex;overflow:hidden}.hub-card{min-height:62px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.hub-card+.hub-card{border-top:1px solid var(--border-color)}.hub-card:hover{background:var(--bg-card-hover);box-shadow:none;border-color:#0000;transform:none}.hub-card.featured{background:0 0;border-color:#0000}.hub-card.featured:before{display:none}.hub-card .hub-icon{width:36px;height:36px;color:var(--accent);background:#fa6f3d1f;border-radius:12px;margin:0}.hub-card .hub-icon svg{width:18px;height:18px}.hub-card .hub-body{min-width:0}.hub-card .hub-title{margin-bottom:2px;font-size:14px;line-height:1.15}.hub-card .hub-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.hub-card .hub-kpi{text-align:right;min-width:42px;margin:0;position:static}.hub-card .hub-kpi-value{font-size:16px}.hub-card .hub-kpi-label{letter-spacing:.03em;margin-top:1px;font-size:9px}.take-order-student-grid{grid-template-columns:1fr!important}.take-order-student-grid .form-group{margin-bottom:10px}.take-order-student-grid .form-input{width:100%;max-width:none}.take-order-items-card .card-header{gap:12px}.take-order-card-actions{width:100%}.take-order-card-actions .btn{flex:150px}.take-order-lines-wrap{overflow:visible!important}.take-order-lines-table tr+tr{border-top:8px solid var(--bg-secondary)}.take-order-lines-table .form-input,.take-order-lines-table .form-select{width:100%!important;max-width:none!important}.take-order-lines-table td[data-label]{min-width:0}.take-order-lines-table .mobile-row-action{justify-content:flex-end}.take-order-footer{flex-wrap:wrap;gap:12px;padding:14px!important}.take-order-footer .btn{flex:180px}.btn{white-space:normal;min-height:42px}.btn-sm{min-height:34px}.content .table,.mobile-stack-table{border-collapse:separate;border-spacing:0;width:100%;min-width:0!important}.content .table thead,.mobile-stack-table thead{display:none}.content .table tbody,.content .table tr,.content .table td,.mobile-stack-table tbody,.mobile-stack-table tr,.mobile-stack-table td{display:block;width:100%!important}.content .table tr,.mobile-stack-table tr{border-bottom:1px solid var(--border-color);background:var(--bg-card);padding:12px 14px}.content .table tr+tr{border-top:8px solid var(--bg-secondary)}.content .table td,.mobile-stack-table td{text-align:left!important;border-bottom:0!important;padding:7px 0!important}.content .table td[data-label]:before,.mobile-stack-table td[data-label]:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.content .table td[colspan],.mobile-stack-table .mobile-empty-cell{text-align:center!important;padding:24px 14px!important}.content .table td[colspan]:before,.mobile-stack-table .mobile-empty-cell:before,.mobile-stack-table .mobile-row-action:before{content:"";display:none}.mobile-stack-table .mobile-row-action{justify-content:flex-end;gap:8px;display:flex}.issue-lines-table-wrap{overflow:visible!important}.issue-lines-table tr{margin:0}.issue-lines-table tr+tr{border-top:8px solid var(--bg-secondary)}.issue-lines-table .form-input,.issue-lines-table .form-select{width:100%!important;max-width:none!important}.stock-overview-table{background:var(--bg-secondary)}.stock-overview-table tr{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin:0 10px 10px}.stock-overview-table .stock-group-row{box-shadow:none;background:#f2f4f8;border:0;border-radius:0;margin:0}.stock-overview-table .stock-group-button{justify-content:flex-start;width:100%;padding-left:0!important}.stock-overview-table td[data-label]{justify-content:space-between;align-items:center;gap:12px;display:flex}.stock-overview-table td[data-label]:before{margin-bottom:0}.stock-overview-table .stock-size-row td[data-label=Size] span{display:none}.stock-overview-table .badge{text-align:center;white-space:nowrap}.modal-overlay{align-items:flex-end;padding:8px}.modal{border-radius:16px 16px 12px 12px;width:100%;max-width:none;max-height:calc(100dvh - 16px)}.modal-header,.modal-body,.modal-footer{padding:14px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:140px}.toast-container{right:10px;bottom:calc(86px + env(safe-area-inset-bottom));left:10px}.toast{width:100%;min-width:0}.login-page{padding:16px}.login-card{width:100%;padding:30px 20px}.login-page:before{width:260px;height:260px}.login-page:after{width:220px;height:220px}.uniform-confirmation-sheet{grid-template-columns:1fr;gap:20px;padding:16px}}