@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,Arial,sans-serif}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#ccfbf1);overflow-x:hidden}a{color:#333;text-decoration:none}button{cursor:pointer;border:none}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#14532d;font-weight:600}.reports{min-height:100vh;background:linear-gradient(to bottom right,#ecfdf5,#d1fae5,#ccfbf1)}.reports .reports-main{padding:32px}.reports .container{max-width:1200px;margin:auto}.reports .page-header{display:flex;justify-content:space-between;margin-bottom:24px}.reports .page-header h1{font-size:24px}.reports .page-header p{color:#6b7280}.reports .card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 25px #00000014}.reports .card-desc{color:#6b7280;margin-bottom:20px}.reports .report-tabs{display:flex;gap:12px;background:#f3f4f6;padding:12px;border-radius:10px}.reports .report-tabs button{padding:12px 16px;border-radius:10px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;gap:8px}.reports .report-tabs .active{color:#fff}.reports .active.green{background:#16a34a}.reports .active.blue{background:#2563eb}.reports .active.purple{background:#7c3aed}.reports .report-content{margin-top:24px}.reports .report-header{display:flex;justify-content:space-between;margin-bottom:16px}.reports .table-wrapper{background:#fff;border-radius:10px;overflow-x:auto}.reports table{width:100%;border-collapse:collapse}.reports thead th{padding:12px;color:#fff;text-align:left;font-weight:500;font-size:13px;text-transform:capitalize}.reports .head-green th{background:#16a34a}.reports .head-blue th{background:#2563eb}.reports .head-purple th{background:#7c3aed}.reports td{padding:10px;border-bottom:1px solid #e5e7eb;font-weight:400;font-size:13px;text-transform:capitalize}.reports tr.even{background:#f9fafb}.reports .total{margin-top:12px;color:#374151}.reports .btn{display:flex;align-items:center;gap:6px;padding:10px 14px;color:#fff;border-radius:8px;border:none;cursor:pointer}.reports .btn.green{background:#16a34a}.reports .btn.blue{background:#2563eb}.reports .btn.purple{background:#7c3aed}.reports .btn-outline{border:1px solid #d1d5db;background:#fff;padding:0 14px;border-radius:8px;display:flex;align-items:center;gap:6px}.reports .info-note{margin-top:20px;background:#eff6ff;border:1px solid #bfdbfe;padding:14px;border-radius:10px;color:#1e40af}.users-page{min-height:100vh;background:#f8fafc}.users-container{padding:24px;max-width:1280px;margin:0 auto}.users-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:0}.users-tab{padding:10px 18px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.users-tab:hover{color:#374151}.users-tab-active{color:#4f46e5;border-bottom-color:#4f46e5}.users-tab-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.users-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.users-status-pending{background:#fef3c7;color:#92400e}.users-status-approved{background:#dcfce7;color:#15803d}.users-status-rejected{background:#fef2f2;color:#dc2626}.users-actions{display:flex;gap:6px;flex-wrap:wrap}.users-btn-approve{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#15803d;font-size:13px;cursor:pointer;transition:background .15s}.users-btn-approve:hover{background:#dcfce7}.users-btn-reject{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:13px;cursor:pointer;transition:background .15s}.users-btn-reject:hover{background:#fee2e2}.users-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.spin{animation:spin 1s linear infinite}.users-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.users-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.users-subtitle{font-size:14px;color:#4b5563;margin:4px 0 0}.users-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.users-search-card{margin-bottom:24px}.users-card-header{padding:20px 24px 0}.users-card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.users-card-content{padding:16px 24px 24px}.users-search-box{position:relative;display:flex;align-items:center}.users-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.users-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s}.users-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{border-bottom:1px solid #e2e8f0}.users-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#374151}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.users-table tbody tr:hover{background:#f8fafc}.users-table td{padding:12px 16px;font-size:14px}.users-td-id{color:#4b5563}.users-td-name{font-weight:500;color:#1f2937}.users-td-email{color:#4b5563}.users-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.users-tag-admin{background:#ffedd5;color:#c2410c}.users-tag-member{background:#dbeafe;color:#1d4ed8}.users-tag-full{background:#dcfce7;color:#15803d}.users-tag-gray{background:#f1f5f9;color:#374151;font-weight:400}.users-role-tags{display:flex;flex-wrap:wrap;gap:4px}.users-no-roles{color:#9ca3af;font-size:12px}.users-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.users-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.users-btn-sm{padding:6px 10px;font-size:13px}.users-empty{text-align:center;padding:32px;color:#6b7280;font-size:14px}.users-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:users-fadeIn .2s ease}.users-dialog{background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:users-slideUp .25s ease}.users-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0}.users-dialog-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.users-dialog-desc{font-size:14px;color:#6b7280;margin:0}.users-dialog-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s}.users-dialog-close:hover{background:#f1f5f9}.users-dialog-body{padding:20px 24px 24px}.users-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;margin-bottom:20px}.users-info-label{font-size:13px;color:#4b5563;margin:0 0 2px}.users-info-value{font-weight:600;color:#1f2937;margin:0;font-size:14px}.users-capitalize{text-transform:capitalize}.users-perms-section{margin-top:8px}.users-perms-heading{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.users-full-access-box{text-align:center;padding:24px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px}.users-full-access-title{color:#15803d;font-weight:600;margin:0;font-size:14px}.users-full-access-sub{color:#16a34a;font-size:13px;margin:4px 0 0}.users-no-roles-box{text-align:center;padding:24px;background:#f8fafc;border-radius:8px;color:#6b7280}.users-perm-cards{display:flex;flex-direction:column;gap:12px}.users-perm-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px}.users-perm-card-title{font-weight:600;margin:0 0 12px;font-size:15px;color:#1f2937}.users-perm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.users-perm-cell{padding:12px;border-radius:6px;text-align:center;border:1px solid transparent}.users-perm-cell-label{font-size:12px;font-weight:600;text-transform:capitalize;margin:0}.users-perm-cell-icon{font-size:12px;color:#4b5563;margin:4px 0 0}.users-perm-read-active{background:#f0fdf4;border-color:#bbf7d0}.users-perm-read-active .users-perm-cell-label{color:#15803d}.users-perm-write-active{background:#eff6ff;border-color:#bfdbfe}.users-perm-write-active .users-perm-cell-label{color:#1d4ed8}.users-perm-modify-active{background:#fff7ed;border-color:#fed7aa}.users-perm-modify-active .users-perm-cell-label{color:#c2410c}.users-perm-delete-active{background:#fef2f2;border-color:#fecaca}.users-perm-delete-active .users-perm-cell-label{color:#dc2626}.users-perm-inactive{background:#f8fafc;border-color:#e2e8f0}.users-perm-inactive .users-perm-cell-label{color:#9ca3af}.users-perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.users-perm-card-header{font-weight:600;font-size:14px;color:#1f2937;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0}.users-perm-card-body{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.users-perm-badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:12px;text-transform:capitalize}.users-perm-badge.active{background:#dcfce7;color:#15803d}.users-perm-badge.inactive{background:#f1f5f9;color:#94a3b8;text-decoration:line-through}@keyframes users-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes users-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.users-container{padding:16px}.users-header{flex-direction:column;align-items:flex-start;gap:12px}.users-info-grid{grid-template-columns:1fr}.users-perm-grid{grid-template-columns:repeat(2,1fr)}.users-dialog{margin:16px;max-width:calc(100% - 32px)}}.roles-page{min-height:100vh;background:#f8fafc}.roles-container{padding:24px;max-width:1280px;margin:0 auto}.roles-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.roles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.roles-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.roles-subtitle{font-size:14px;color:#4b5563;margin:4px 0 0}.roles-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.roles-card-header{padding:20px 24px 0}.roles-card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.roles-card-content{padding:16px 24px 24px}.roles-assign-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.roles-field{display:flex;flex-direction:column}.roles-field-btn{justify-content:flex-end}.roles-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.roles-label-bold{font-weight:600}.roles-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.roles-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.roles-tables{display:flex;flex-direction:column;gap:24px}.roles-table-wrapper{overflow-x:auto}.roles-table{width:100%;border-collapse:collapse}.roles-table thead tr{border-bottom:1px solid #e2e8f0}.roles-table th{text-align:left;padding:8px 12px;font-size:13px;font-weight:600;color:#374151}.roles-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.roles-table tbody tr:hover{background:#f8fafc}.roles-table td{padding:12px;font-size:14px}.roles-td-name{font-weight:500}.roles-td-email{color:#4b5563}.roles-perm-tags{display:flex;flex-wrap:wrap;gap:4px}.roles-tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.roles-tag-read{background:#dcfce7;color:#15803d}.roles-tag-write{background:#dbeafe;color:#1d4ed8}.roles-tag-modify{background:#ffedd5;color:#c2410c}.roles-tag-delete{background:#fee2e2;color:#dc2626}.roles-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.roles-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.roles-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.roles-btn-primary:hover{background:#4338ca}.roles-btn-primary:disabled{opacity:.5;cursor:not-allowed}.roles-btn-full{width:100%;justify-content:center}.roles-btn-danger{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:8px;background:#ef4444;color:#fff;font-size:13px;cursor:pointer;transition:background .15s}.roles-btn-danger:hover{background:#dc2626}.roles-btn-sm{padding:6px 10px;font-size:13px}.roles-actions{display:flex;gap:8px}.roles-empty{text-align:center;padding:24px;color:#6b7280;font-size:14px}.roles-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:roles-fadeIn .2s ease}.roles-dialog{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #00000026;animation:roles-slideUp .25s ease}.roles-dialog-header{padding:24px 24px 0}.roles-dialog-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.roles-dialog-desc{font-size:14px;color:#6b7280;margin:0}.roles-dialog-body{padding:20px 24px}.roles-dialog-info{background:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:20px}.roles-dialog-info p{font-size:14px;color:#4b5563;margin:2px 0}.roles-dialog-perms{margin-top:8px}.roles-perm-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.roles-perm-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .15s}.roles-perm-item:hover{background:#f8fafc}.roles-checkbox{margin-top:2px;width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}.roles-perm-info{flex:1}.roles-perm-name{font-weight:500;text-transform:capitalize;color:#1f2937;margin:0;font-size:14px}.roles-perm-desc{font-size:12px;color:#6b7280;margin:2px 0 0}.roles-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.roles-rwmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.roles-rwmd-card{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.roles-rwmd-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.roles-rwmd-role-name{font-weight:600;font-size:14px;color:#1f2937}.roles-rwmd-toggle-all{font-size:12px;padding:4px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;color:#6b7280;transition:all .15s}.roles-rwmd-toggle-all:hover{background:#f1f5f9}.roles-rwmd-toggle-all.active{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.roles-rwmd-perms{padding:8px 12px}.roles-rwmd-perm-item{display:flex;align-items:flex-start;gap:10px;padding:8px 4px;cursor:pointer;border-radius:6px;transition:background .15s}.roles-rwmd-perm-item:hover{background:#f8fafc}.roles-rwmd-perm-item div{display:flex;flex-direction:column}.roles-rwmd-perm-name{font-weight:500;font-size:13px;color:#1f2937;text-transform:capitalize}.roles-rwmd-perm-desc{font-size:11px;color:#94a3b8;margin-top:1px}@keyframes roles-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes roles-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.roles-container{padding:16px}.roles-assign-grid{grid-template-columns:1fr}.roles-header{flex-direction:column;align-items:flex-start;gap:12px}.roles-dialog{margin:16px;max-width:calc(100% - 32px)}}.login{min-height:100vh;background:linear-gradient(135deg,#ecfdf5,#d1fae5,#ccfbf1);display:flex;justify-content:center;align-items:center;padding:16px;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.login .login-container{width:100%}.login-box{margin:auto;max-width:1200px;width:100%;gap:24px;box-shadow:0 12px 20px #0f172a1f;background:#fff;border-radius:10px;padding:18px;border:1px solid #e5e7eb;box-sizing:border-box}.login-box .img-container{display:flex;align-items:center;justify-content:center}.login-box .img-container img{max-width:300px}.login .brand{text-align:center;margin-bottom:32px}.login .logo{width:64px;height:64px;background:#16a34a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 12px}.login .brand h1{color:#166534;margin:0}.login .brand p{color:#6b7280;font-size:14px}.login .login-card,.login .rectangular-login-card{padding:18px;max-width:900px;width:100%;box-sizing:border-box}.tab-headers{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.tab{flex:1;background:transparent;border:none;padding:10px 0;font-weight:600;color:#475569;cursor:pointer}.tab.active{color:#0f766e;border-bottom:3px solid #16a34a}.tab:disabled{opacity:.4;cursor:not-allowed}.login .login-card h2{text-align:center;margin-bottom:10px;color:#134e4a}.subtitle{text-align:center;color:#475569;font-size:13px;margin-bottom:18px}.org-details{border:1px solid #c7d2fe;background:#eff6ff;border-radius:10px;margin-bottom:16px;padding:14px}.org-details h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#1e3a8a}.org-details ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.org-details li{font-size:14px;color:#1f2937}.org-details li strong{color:#111827}.info-box{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:12px;margin-bottom:16px;line-height:1.4}.info-box strong{color:#0f766e}.login input{background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.login input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.login .switch-btn{margin-top:12px;width:100%;padding:.9rem;border:1px solid #d1d5db;background:#f8fafc;color:#0f172a;border-radius:8px;cursor:pointer}.login .switch-btn:hover{background:#ecfdf5}.login .role-toggle{display:flex;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:20px}.login .role-toggle button{flex:1;border:none;background:transparent;padding:10px;cursor:pointer;display:flex;gap:6px;align-items:center;justify-content:center;color:#6b7280;border-radius:8px}.login .role-toggle .active{background:#fff;color:#15803d;font-weight:600;box-shadow:0 2px 6px #0000001a}.form-title{font-size:18px;margin:0;font-weight:700;color:#0f766e}.form-description{font-size:13px;color:#4b5563;margin:0 0 12px}.form-row{display:flex;flex-direction:column;gap:6px}.login label{font-size:13px;font-weight:600;color:#0f766e}.login input{width:100%;height:44px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.login small{color:#475569;font-size:12px}.login input[type=email],.login input[type=password],.login input[type=text]{width:100%;height:44px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.login .password-row{display:flex;justify-content:space-between;align-items:center}.login .forgot{font-size:12px;color:#16a34a;cursor:pointer}.login .password-box{position:relative}.login .eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280}.login .remember{display:flex;gap:8px;align-items:center;font-size:13px}.login .remember label{font-size:12px}.login .login-btn{height:44px;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:8px}.login .login-btn:hover{background:#15803d}.login .footer-text{text-align:center;font-size:13px;color:#6b7280;margin-top:16px}.login .footer-text span{color:#16a34a;font-weight:500;cursor:pointer}.login footer{margin-top:24px;text-align:center;font-size:12px;color:#6b7280}@media (max-width: 768px){.login{padding:12px}.login-box,.login .login-card,.login .rectangular-login-card{padding:14px}.login .brand h1{font-size:22px}.login .logo{width:52px;height:52px;border-radius:14px}.login .brand{margin-bottom:20px}.org-details ul{grid-template-columns:1fr}.login .role-toggle button{padding:8px 4px;font-size:13px}}@media (max-width: 480px){.login{padding:16px 8px 8px;align-items:flex-start}.login-box{padding:12px;border-radius:8px}.login .login-card,.login .rectangular-login-card{padding:10px}.login .brand h1{font-size:20px}.login .brand p{font-size:12px}.login .brand{margin-bottom:16px}.login .logo{width:48px;height:48px}.login input,.login input[type=email],.login input[type=password],.login input[type=text]{height:40px;font-size:13px}.login .login-btn{height:40px;font-size:14px}.login .switch-btn{padding:.75rem;font-size:13px}.tab{font-size:13px;padding:8px 0}.form-title{font-size:16px}}.organization-form .form-container-signup{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.organization-form .form-container-signup{grid-template-columns:1fr;gap:14px}}.organization-form .login-btn{max-width:400px;margin-top:12px;width:100%;font-weight:500;border:1px solid #d1d5db;color:#fff;border-radius:8px;cursor:pointer}.organization-form .form-container-login{margin-bottom:10px;display:flex;flex-direction:column;gap:20px}.user-form-signup .container-signup{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.user-form-signup .container-signup{grid-template-columns:1fr;gap:14px}}.user-form-signup .login-btn{max-width:400px;margin-top:12px;width:100%;font-weight:500;border:1px solid #d1d5db;color:#fff;border-radius:8px;cursor:pointer}.user-form{display:flex;flex-direction:column;gap:20px}.profile-page{min-height:100vh;background:#f4f6f8;padding:2rem 1rem;font-family:inherit}.profile-container{max-width:960px;margin:0 auto}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;font-size:1.05rem;color:#555}.profile-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.profile-header-left{display:flex;align-items:center;gap:1rem}.profile-avatar{width:56px;height:56px;border-radius:50%;background:#e0ecff;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-header-left h1{font-size:1.5rem;margin:0 0 .15rem;color:#1e293b}.profile-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .6rem;border-radius:9999px;background:#dbeafe;color:#1d4ed8}.profile-btn-outline{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;transition:background .15s}.profile-btn-outline:hover{background:#f1f5f9}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.profile-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.profile-card h2{font-size:1rem;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.profile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.profile-card-header h2{margin:0;padding:0;border:none}.profile-edit-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:background .15s}.profile-edit-btn:hover{background:#f1f5f9}.profile-field{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0}.profile-field+.profile-field{border-top:1px solid #f1f5f9}.profile-field-icon{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.profile-field label{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem}.profile-field p{margin:0;font-size:.95rem;color:#1e293b;word-break:break-word}.profile-role-value{text-transform:capitalize}.profile-empty{color:#94a3b8;font-size:.9rem;padding:.5rem 0}.status-active{color:#16a34a;font-weight:600}.status-inactive{color:#dc2626;font-weight:600}.status-pending{color:#d97706;font-weight:600;text-transform:capitalize}.status-approved{color:#16a34a;font-weight:600;text-transform:capitalize}.status-rejected{color:#dc2626;font-weight:600;text-transform:capitalize}.profile-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.25rem}.profile-banner strong{display:block;margin-bottom:.15rem}.profile-banner p{margin:0;font-size:.85rem}.profile-banner-warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.profile-banner-info{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.profile-banner-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.profile-roles-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.profile-role-tag{display:inline-block;padding:.15rem .55rem;font-size:.75rem;font-weight:600;background:#e0e7ff;color:#3730a3;border-radius:9999px;text-transform:capitalize}.profile-edit-form{display:flex;flex-direction:column;gap:.75rem}.profile-edit-row{display:flex;flex-direction:column;gap:.25rem}.profile-edit-row label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.profile-edit-row input{padding:.5rem .75rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:8px;outline:none;transition:border-color .15s}.profile-edit-row input:focus{border-color:#3b82f6}.profile-edit-input-group{display:flex;gap:.4rem;align-items:center}.profile-edit-input-group input{flex:1}.profile-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#dc2626;cursor:pointer}.profile-remove-btn:hover{background:#fef2f2}.profile-add-btn{align-self:flex-start;padding:.3rem .7rem;font-size:.8rem;border:1px dashed #94a3b8;border-radius:6px;background:transparent;color:#475569;cursor:pointer}.profile-add-btn:hover{border-color:#3b82f6;color:#3b82f6}.profile-edit-actions{display:flex;gap:.5rem;margin-top:.25rem}.profile-save-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;font-size:.85rem;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;transition:background .15s}.profile-save-btn:hover{background:#2563eb}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem 1rem;font-size:.85rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;cursor:pointer}.profile-cancel-btn:hover{background:#f1f5f9}@media (max-width: 640px){.profile-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;align-items:flex-start}.profile-header-left h1{font-size:1.25rem}}.dashboard{--sidebar-width: 260px;min-height:100vh;background:linear-gradient(to bottom right,#ecfdf5,#d1fae5,#ccfbf1);position:relative;width:100%;max-width:100%;overflow-x:hidden}.dashboard .sidebar-edge-trigger{position:fixed;left:0;top:0;bottom:0;width:20px;z-index:35;background:transparent}.pending-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.dashboard .submenu{display:flex;flex-direction:column;margin-left:16px}.dashboard .submenu a{width:100%;padding:8px 14px;border-radius:6px;font-size:12px}.dashboard .submenu a:hover{background:#ecfdf5}.dashboard .menu-icons{color:#16a34a}.sidebar-empty-msg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#94a3b8;text-align:center;font-size:14px}.dashboard .logout a{display:flex;align-items:center;padding:16px;gap:8px;border-top:1px solid #e5e7eb}.dashboard .logout button{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;display:flex;gap:8px;justify-content:center}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#059669,#10b981,#14b8a6);border-radius:14px;padding:16px 20px;box-shadow:0 12px 24px #00000029;color:#fff;margin-bottom:20px;border:1px solid rgba(255,255,255,.35)}.dashboard .header-left{display:flex;gap:14px;align-items:center}.dashboard .logo-pill{display:flex;align-items:center;gap:10px;background:#ffffff38;border-radius:12px;padding:10px 14px}.dashboard .logo-icon{width:26px;height:26px;color:#fff}.dashboard .logo-pill h1{margin:0;font-size:1.2rem;font-weight:700}.dashboard .logo-pill p{margin:0;font-size:.78rem}.dashboard .org-badge{border:1px solid rgba(255,255,255,.35);padding:6px 10px;border-radius:8px;color:#d1fae5;font-size:.85rem}.dashboard .header-right{display:flex;align-items:center;gap:12px}.dashboard .login-status{display:flex;gap:10px;align-items:center;background:#ffffff2e;border-radius:10px;padding:8px 12px}.dashboard .login-status .status-dot{width:10px;height:10px;background:#22c55e;border-radius:999px;margin-top:3px}.dashboard .login-status div{line-height:1.1}.dashboard .login-status div small{color:#d1fafe}.dashboard .button-icon{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#ffffff30;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard .button-icon:hover{transform:translateY(-1px)}.dashboard .button-icon .badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:.67rem;text-align:center;line-height:18px;font-weight:700}.dashboard .topbar,.topbar-org,.org-name,.org-id,.topbar-actions,.action-btn,.action-btn.green{display:none}.org-name{font-weight:700;font-size:16px;color:#0f172a}.org-id{font-size:12px;color:#475569}.topbar-actions{display:flex;gap:8px;align-items:center}.action-btn{width:34px;height:34px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.action-btn.green{background:#16a34a;border-color:#16a34a;color:#fff}.dashboard .main{width:100%;max-width:100%;padding:32px}.dashboard .container{max-width:1200px;width:100%;margin:auto}.dashboard .header h2{font-size:32px}.dashboard .header p{color:#6b7280;margin-bottom:24px}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.dashboard .stat-card{text-align:start;background:#fff;padding:20px;border-radius:14px;box-shadow:0 10px 25px #00000014}.dashboard .stat-card .icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.dashboard .stat-card.green{border-left:4px solid #16a34a}.dashboard .stat-card.blue{border-left:4px solid #2563eb}.dashboard .stat-card.orange{border-left:4px solid #ea580c}.dashboard .stat-card.purple{border-left:4px solid #7c3aed}.dashboard .stat-card.green .icon{background:#dcfce7;color:#16a34a}.dashboard .stat-card.blue .icon{background:#dbeafe;color:#2563eb}.dashboard .stat-card.orange .icon{background:#ffedd5;color:#ea580c}.dashboard .stat-card.purple .icon{background:#ede9fe;color:#7c3aed}.dashboard .org-notice{background:#f0f9ff;border:1px solid #93c5fd;border-left:4px solid #2563eb;padding:14px 16px;border-radius:10px;margin-bottom:20px}.dashboard .org-widget{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard .org-widget span{font-weight:600;color:#1d4ed8}.dashboard .org-widget button{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.dashboard .org-profile-panel{position:fixed;top:90px;right:22px;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 120px);background:#fff;border:1px solid #cbd5e1;border-left:4px solid #2563eb;box-shadow:0 15px 25px #00000021;border-radius:10px;z-index:60;overflow:auto;padding:12px}.dashboard .org-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard .org-panel-header h4{margin:0;font-size:16px}.dashboard .org-panel-header button{border:1px solid #e2e8f0;background:#f8fafc;color:#1f2937;border-radius:6px;padding:4px 8px;cursor:pointer}.dashboard .org-panel-content{display:flex;flex-direction:column;gap:10px}.dashboard .org-panel-section h5{margin:0 0 6px;font-size:14px;color:#1e3a8a}.dashboard .org-panel-section p{margin:2px 0;font-size:13px;color:#334155}.dashboard .org-panel-section ul{margin:0;padding:0;list-style:none;gap:6px;display:flex;flex-direction:column}.dashboard .org-panel-section li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-size:13px}.dashboard .org-panel-section li .req-meta{color:#475569;font-size:12px}.dashboard .org-panel-section li .req-actions{display:flex;gap:4px}.dashboard .org-panel-section li button{padding:4px 8px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:11px}.dashboard .org-notice h3{margin:0 0 8px;color:#1d4ed8}.dashboard .org-notice p{margin:2px 0;color:#1e293b;font-size:14px}.dashboard .quick-actions{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 25px #00000014;margin-bottom:24px}.dashboard .action-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard .action-grid a{border:2px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;color:#333;display:flex;flex-direction:column;gap:10px;text-decoration:none;min-height:170px}.dashboard .action-grid a:hover{border-color:#16a34a;background:#ecfdf5}.dashboard .dashboard-preview-card{justify-content:space-between}.dashboard .dashboard-preview-head{display:flex;align-items:flex-start;gap:12px}.dashboard .dashboard-preview-head h4{margin:0;font-size:18px;color:#0f172a}.dashboard .dashboard-preview-head p{margin:4px 0 0;color:#64748b;font-size:13px}.dashboard .dashboard-preview-icon{width:44px;height:44px;border-radius:12px;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard .dashboard-preview-body{min-height:62px;display:flex}.dashboard .dashboard-preview-list{width:100%;display:flex;flex-direction:column;gap:10px}.dashboard .dashboard-preview-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.dashboard .dashboard-preview-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard .dashboard-preview-copy strong,.dashboard .dashboard-preview-copy span,.dashboard .dashboard-preview-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .dashboard-preview-copy strong{color:#0f172a;font-size:14px}.dashboard .dashboard-preview-copy span{color:#334155;font-size:13px}.dashboard .dashboard-preview-copy small{color:#64748b;font-size:12px}.dashboard .dashboard-preview-badge{padding:6px 10px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;white-space:nowrap}.dashboard .dashboard-preview-state{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:10px 12px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-size:13px}.dashboard .dashboard-preview-state-ready{border-style:solid;border-color:#d1fae5;background:#f0fdf4;color:#166534;font-weight:600}.dashboard .dashboard-preview-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard .dashboard-preview-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.dashboard .dashboard-preview-stat-value{font-size:20px;font-weight:700;line-height:1.2}.dashboard .dashboard-preview-stat-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.dashboard .dashboard-preview-footer{display:flex;justify-content:flex-end;color:#15803d;font-size:13px;font-weight:700}@media (max-width: 1200px){.dashboard .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard .info{background:#eff6ff;border:1px solid #bfdbfe;padding:16px;border-radius:10px;color:#1e40af}@media (max-width: 768px){.dashboard{--sidebar-width: min(82vw, 280px)}.dashboard .sidebar-edge-trigger{width:24px}.dashboard .main{padding:12px}.dashboard .container{width:100%;max-width:100%}.dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.dashboard .stat-card{padding:12px;border-radius:10px;box-shadow:0 6px 16px #00000014}.dashboard .stat-card .icon{width:32px;height:32px;margin-bottom:8px}.dashboard .stat-card h3{margin:0;font-size:18px;line-height:1.2}.dashboard .stat-card p{margin:4px 0 0;font-size:11px;line-height:1.2}.dashboard .quick-actions{padding:14px;margin-bottom:16px}.dashboard .quick-actions h3{font-size:16px;margin:0}.dashboard .action-grid{margin-top:12px;grid-template-columns:1fr;gap:10px}.dashboard .action-grid a{min-height:128px;padding:12px}.dashboard .dashboard-preview-head{gap:8px}.dashboard .dashboard-preview-icon{width:34px;height:34px;border-radius:10px}.dashboard .dashboard-preview-head h4{font-size:15px}.dashboard .dashboard-preview-head p{font-size:12px}.dashboard .dashboard-preview-body{min-height:44px}.dashboard .dashboard-preview-state{font-size:12px;padding:8px 10px}.dashboard .dashboard-preview-stats{gap:6px}.dashboard .dashboard-preview-stat{padding:6px 2px}.dashboard .dashboard-preview-stat-value{font-size:16px}.dashboard .dashboard-preview-stat-label{font-size:9px}.dashboard .sidebar-handle{width:24px;height:52px}}@media (max-width: 480px){.dashboard .main{padding:10px}.dashboard .header h2{font-size:20px}.dashboard .header p{font-size:14px}.dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard .stat-card{padding:10px;border-radius:10px}.dashboard .stat-card .icon{width:28px;height:28px;margin-bottom:6px}.dashboard .stat-card h3{font-size:16px}.dashboard .stat-card p{font-size:10px}.dashboard .quick-actions{padding:10px;margin-bottom:18px}.dashboard .action-grid a{padding:10px;gap:6px;font-size:12px;min-height:116px}.dashboard .action-grid{grid-template-columns:1fr}.dashboard .dashboard-preview-head h4{font-size:14px}.dashboard .dashboard-preview-head p{font-size:11px}}@media (max-width: 360px){.dashboard .main{padding:8px}.dashboard .header h2{font-size:17px}.dashboard .header p{font-size:11px;margin-bottom:10px}.dashboard .quick-actions h3{font-size:14px}}@media (min-width: 1024px){.dashboard .main{padding:36px 48px}.dashboard .container{max-width:1440px}.dashboard .dashboard-header{padding:20px 28px;border-radius:16px;margin-bottom:28px}.dashboard .logo-pill h1{font-size:1.3rem}.dashboard .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:32px}.dashboard .stat-card{padding:22px;border-radius:14px;transition:box-shadow .2s ease,transform .2s ease}.dashboard .stat-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-2px)}.dashboard .quick-actions{padding:28px;border-radius:16px;margin-bottom:28px}.dashboard .quick-actions h3{font-size:20px;margin-bottom:4px}.dashboard .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.dashboard .action-grid a{min-height:180px;padding:20px;border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dashboard .action-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dashboard .dashboard-preview-head h4{font-size:18px}.dashboard .dashboard-preview-icon{width:48px;height:48px}.dashboard .dashboard-preview-item{padding:14px}.dashboard .dashboard-preview-stat-value{font-size:22px}.dashboard .dashboard-preview-stat-label{font-size:11px}.dashboard .org-profile-panel{width:min(380px,calc(100vw - 32px))}}@media (min-width: 1440px){.dashboard .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dash-header{background:linear-gradient(to right,#059669,#10b981,#14b8a6);position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #00000026;width:100%;max-width:100%;overflow-x:clip}.dash-header .header-top-bar{height:4px;background:linear-gradient(to right,#facc15,#4ade80,#34d399)}.dash-header .header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;width:100%;max-width:100%;min-width:0}.dash-header .header-brand{display:flex;align-items:center;gap:16px}.dash-header .brand-logo-wrap{position:relative}.dash-header .brand-logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:12px;filter:blur(6px);opacity:.5;transition:opacity .2s}.dash-header .brand-logo-wrap:hover .brand-logo-glow{opacity:.75}.dash-header .brand-logo{position:relative;width:56px;height:56px;background:linear-gradient(to bottom right,#fff,#f0fdf4);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000001a;transition:transform .2s}.dash-header .brand-logo-wrap:hover .brand-logo{transform:scale(1.05)}.dash-header .brand-logo svg{width:32px;height:32px;color:#16a34a}.dash-header .brand-text h1{font-size:1.875rem;font-weight:700;color:#fff;letter-spacing:-.025em;display:flex;align-items:center;gap:8px;margin:0}.dash-header .brand-sparkle{color:#fde047;width:20px;height:20px;animation:hdr-pulse 2s infinite}@keyframes hdr-pulse{0%,to{opacity:1}50%{opacity:.5}}.dash-header .brand-text p{font-size:.875rem;color:#bbf7d0;font-weight:500;margin:0}.dash-header .header-controls{display:flex;align-items:center;gap:12px}.dash-header .header-controls{min-width:0}.dash-header .hdr-icon-btn{position:relative;padding:12px;border-radius:12px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,transform .15s}.dash-header .hdr-icon-btn:hover{background:#fff3;transform:scale(1.05)}.dash-header .hdr-icon-btn svg{width:20px;height:20px}.dash-header .notif-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ef4444;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:hdr-pulse 2s infinite}.dash-header .hamburger-wrap{position:relative}.dash-header .hamburger-dropdown{position:absolute;right:0;margin-top:12px;width:288px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;border:1px solid #f3f4f6;overflow:hidden;animation:hdr-slideDown .2s ease}@keyframes hdr-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dash-header .hamburger-dropdown-inner{padding:8px}.dash-header .hamburger-item{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s}.dash-header .hamburger-item:hover{background:linear-gradient(to right,#eff6ff,#eef2ff)}.dash-header .hamburger-item.purple:hover{background:linear-gradient(to right,#faf5ff,#fdf2f8)}.dash-header .hamburger-item-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:transform .15s}.dash-header .hamburger-item:hover .hamburger-item-icon{transform:scale(1.1)}.dash-header .hamburger-item-icon.blue{background:linear-gradient(to bottom right,#3b82f6,#4f46e5);color:#fff}.dash-header .hamburger-item-icon.purple{background:linear-gradient(to bottom right,#a855f7,#ec4899);color:#fff}.dash-header .hamburger-item-icon svg{width:24px;height:24px}.dash-header .hamburger-item-text p{margin:0}.dash-header .hamburger-item-text p:first-child{font-weight:700;color:#1f2937;font-size:.95rem}.dash-header .hamburger-item-text p:last-child{font-size:.75rem;color:#6b7280}.dash-header .user-profile-wrap{position:relative}.dash-header .user-profile-btn{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:#fffffff2;border:none;cursor:pointer;box-shadow:0 8px 16px #0000001a;transition:background .15s,box-shadow .15s,transform .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dash-header .user-profile-btn:hover{background:#fff;box-shadow:0 12px 24px #00000026;transform:scale(1.05)}.dash-header .user-avatar-wrap{position:relative}.dash-header .user-avatar{width:44px;height:44px;background:linear-gradient(to bottom right,#a855f7,#ec4899,#f43f5e);border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;box-shadow:0 4px 12px #00000026}.dash-header .user-online-dot{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#22c55e;border:2px solid white;border-radius:999px}.dash-header .user-info{text-align:left}.dash-header .user-info-name{font-weight:700;color:#1f2937;font-size:.875rem;margin:0}.dash-header .user-info-role{display:flex;align-items:center;gap:4px;margin:0}.dash-header .user-info-role svg{width:12px;height:12px}.dash-header .user-info-role span{font-size:.75rem;font-weight:600}.dash-header .user-info-role.admin svg,.dash-header .user-info-role.admin span{color:#d97706}.dash-header .user-info-role.member svg,.dash-header .user-info-role.member span{color:#2563eb}.dash-header .user-chevron{width:20px;height:20px;color:#4b5563;transition:transform .3s}.dash-header .user-chevron.open{transform:rotate(180deg)}.dash-header{-webkit-font-smoothing:antialiased;font-family:Poppins,Inter,system-ui,sans-serif}.dash-header button{cursor:pointer;font-family:inherit}.dash-header button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.dash-header .header-top-bar{background:linear-gradient(to right,#facc15,#4ade80 40%,#34d399 60%,#38bdf8);background-size:200% 100%;animation:navbar-shimmer 4s linear infinite}@keyframes navbar-shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}@media (max-width: 1024px){.dash-header .header-inner{padding:14px 24px}.dash-header .brand-text h1{font-size:1.6rem}}@media (max-width: 768px){.dash-header .header-inner{padding:10px 12px}.dash-header .header-brand{min-width:0;flex:1}.dash-header .header-brand{gap:10px}.dash-header .brand-logo{width:44px;height:44px}.dash-header .brand-logo svg{width:24px;height:24px}.dash-header .brand-text h1{font-size:1.15rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-header .brand-text p{display:none}.dash-header .header-controls{gap:6px;flex-shrink:0}.dash-header .hdr-icon-btn{padding:9px}.dash-header .user-profile-btn{padding:8px 12px;gap:8px}.dash-header .user-avatar{width:38px;height:38px;font-size:1rem}.dash-header .hamburger-dropdown{width:265px}}@media (max-width: 480px){.dash-header .header-inner{padding:8px}.dash-header .header-brand{min-width:0}.dash-header .brand-logo{width:38px;height:38px}.dash-header .brand-logo svg{width:20px;height:20px}.dash-header .brand-text h1{font-size:1rem;gap:4px;letter-spacing:-.01em;max-width:122px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-header .brand-sparkle{width:15px;height:15px}.dash-header .header-controls{gap:4px;flex-shrink:0}.dash-header .hdr-icon-btn{padding:7px}.dash-header .hdr-icon-btn svg{width:18px;height:18px}.dash-header .hdr-settings-btn{display:none}.dash-header .notif-badge{width:16px;height:16px;font-size:.6rem;top:-3px;right:-3px}.dash-header .user-info,.dash-header .user-chevron{display:none}.dash-header .user-profile-btn{padding:5px;background:#ffffff26;box-shadow:none;border-radius:999px}.dash-header .user-profile-btn:hover{background:#ffffff40;box-shadow:none;transform:none}.dash-header .user-avatar{width:32px;height:32px;font-size:.8rem}.dash-header .user-online-dot{width:11px;height:11px}.dash-header .hamburger-dropdown,.dash-header .user-dropdown{right:4px;width:min(260px,calc(100vw - 16px))}.dash-header .dropdown-menu-item{padding:10px 12px;gap:10px}.dash-header .dropdown-item-text p:first-child{font-size:.82rem}.dash-header .dropdown-item-text p:last-child{font-size:.7rem}}.login-requests-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;animation:hdr-fadeIn .15s ease}@keyframes hdr-fadeIn{0%{opacity:0}to{opacity:1}}.login-requests-dialog{background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000040;width:90%;max-width:960px;max-height:90vh;overflow-y:auto;animation:hdr-slideDown .2s ease}.login-requests-dialog-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #e5e7eb}.login-requests-dialog-header .dialog-icon{width:48px;height:48px;background:linear-gradient(to bottom right,#a855f7,#ec4899);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.login-requests-dialog-header .dialog-icon svg{width:24px;height:24px}.login-requests-dialog-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.login-requests-dialog-header p{font-size:.95rem;color:#6b7280;margin:2px 0 0}.login-requests-dialog-header .dialog-close{margin-left:auto;width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s}.login-requests-dialog-header .dialog-close:hover{background:#f3f4f6}.login-requests-body{padding:24px;display:flex;flex-direction:column;gap:32px}.lr-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lr-section-title .section-dot{width:12px;height:12px;border-radius:999px}.lr-section-title .section-dot.orange{background:#f97316;animation:hdr-pulse 2s infinite}.lr-section-title .section-dot.green{background:#22c55e}.lr-section-title .section-dot.red{background:#ef4444}.lr-section-title h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.lr-section-title .section-count{padding:4px 12px;border-radius:999px;font-size:.875rem;font-weight:600}.lr-section-title .section-count.orange{background:#ffedd5;color:#c2410c}.lr-section-title .section-count.green{background:#dcfce7;color:#15803d}.lr-section-title .section-count.red{background:#fee2e2;color:#b91c1c}.lr-empty{text-align:center;padding:48px 16px;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border-radius:16px;border:2px dashed #d1d5db}.lr-empty svg{width:64px;height:64px;color:#9ca3af;margin:0 auto 12px}.lr-empty p{color:#6b7280;font-weight:500;margin:0}.lr-empty p:last-child{font-size:.875rem;color:#9ca3af;margin-top:4px}.lr-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lr-pending-card{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(to right,#fff7ed,#fffbeb);border:2px solid #fed7aa;border-radius:16px;transition:box-shadow .2s,transform .2s;margin-bottom:12px}.lr-pending-card:hover{box-shadow:0 12px 30px #0000001a;transform:scale(1.01)}.lr-pending-card .lr-user-info{display:flex;align-items:center;gap:16px}.lr-pending-card .lr-avatar{position:relative}.lr-pending-card .lr-avatar-circle{width:64px;height:64px;background:linear-gradient(to bottom right,#f97316,#ea580c,#dc2626);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 4px 12px #00000026}.lr-pending-card .lr-avatar-pulse{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#f97316;border:2px solid white;border-radius:999px;animation:hdr-pulse 2s infinite}.lr-pending-card .lr-user-details p{margin:0}.lr-pending-card .lr-user-name{font-weight:700;color:#1f2937;font-size:1.125rem}.lr-pending-card .lr-user-email{font-size:.875rem;color:#4b5563;display:flex;align-items:center;gap:8px;margin-top:4px}.lr-pending-card .lr-user-email .email-dot{width:8px;height:8px;background:#3b82f6;border-radius:999px}.lr-pending-card .lr-user-date{font-size:.75rem;color:#6b7280;margin-top:4px}.lr-pending-card .lr-actions{display:flex;align-items:center;gap:12px}.lr-pending-card .lr-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:box-shadow .15s,transform .15s}.lr-pending-card .lr-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-1px)}.lr-pending-card .lr-btn.approve{background:linear-gradient(to right,#16a34a,#059669);color:#fff}.lr-pending-card .lr-btn.reject{background:linear-gradient(to right,#dc2626,#e11d48);color:#fff}.lr-pending-card .lr-btn svg{width:20px;height:20px}.lr-approved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lr-approved-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(to right,#f0fdf4,#ecfdf5);border:2px solid #86efac;border-radius:12px;transition:box-shadow .2s}.lr-approved-card:hover{box-shadow:0 8px 20px #00000014}.lr-approved-card .lr-user-info{display:flex;align-items:center;gap:12px}.lr-approved-card .lr-avatar-sm{width:48px;height:48px;background:linear-gradient(to bottom right,#4ade80,#10b981);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;box-shadow:0 2px 8px #0000001a}.lr-approved-card .lr-user-name-sm{font-weight:700;font-size:.875rem;color:#1f2937;margin:0}.lr-approved-card .lr-user-email-sm{font-size:.75rem;color:#4b5563;margin:2px 0 0}.lr-approved-card .lr-right{display:flex;align-items:center;gap:8px}.lr-approved-card .lr-role-badge{padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #0000001a}.lr-approved-card .lr-role-badge.admin{background:linear-gradient(to right,#f59e0b,#f97316)}.lr-approved-card .lr-role-badge.member{background:linear-gradient(to right,#3b82f6,#2563eb)}.lr-approved-card .lr-role-badge svg{width:12px;height:12px}.lr-approved-card .lr-check{width:20px;height:20px;color:#16a34a}.lr-rejected-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;opacity:.75;margin-bottom:8px}.lr-rejected-card .lr-user-info{display:flex;align-items:center;gap:12px}.lr-rejected-card .lr-avatar-xs{width:40px;height:40px;background:linear-gradient(to bottom right,#f87171,#ef4444);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.lr-rejected-card .lr-user-name-xs{font-weight:600;font-size:.875rem;color:#1f2937;margin:0}.lr-rejected-card .lr-user-email-xs{font-size:.75rem;color:#4b5563;margin:2px 0 0}.lr-rejected-card .lr-x-icon{width:20px;height:20px;color:#dc2626}.role-assign-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:110;display:flex;align-items:center;justify-content:center;animation:hdr-fadeIn .15s ease}.role-assign-dialog{background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000040;width:90%;max-width:480px;animation:hdr-slideDown .2s ease}.role-assign-header{padding:24px;border-bottom:1px solid #e5e7eb}.role-assign-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.role-assign-header h2 svg{width:24px;height:24px;color:#7c3aed}.role-assign-header p{font-size:.95rem;color:#6b7280;margin:4px 0 0}.role-assign-body{padding:24px;display:flex;flex-direction:column;gap:24px}.role-assign-user-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(to bottom right,#eff6ff,#eef2ff);border:2px solid #bfdbfe;border-radius:16px}.role-assign-user-card .ra-avatar{width:64px;height:64px;background:linear-gradient(to bottom right,#3b82f6,#4f46e5);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 4px 12px #00000026}.role-assign-user-card p{margin:0}.role-assign-user-card .ra-name{font-weight:700;font-size:1.125rem;color:#1f2937}.role-assign-user-card .ra-email{font-size:.875rem;color:#4b5563;display:flex;align-items:center;gap:8px;margin-top:4px}.role-assign-user-card .ra-email .email-dot{width:8px;height:8px;background:#3b82f6;border-radius:999px}.role-assign-select-wrap label{display:block;font-weight:600;font-size:1rem;color:#1f2937;margin-bottom:12px}.role-assign-select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;color:#1f2937;background:#fff;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.role-assign-select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}@media (max-width: 768px){.login-requests-dialog{width:95%;max-height:95vh}.lr-approved-grid{grid-template-columns:1fr}.lr-pending-card{flex-direction:column;align-items:flex-start;gap:14px}.lr-pending-card .lr-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.login-requests-dialog-header{padding:14px 16px;gap:8px;flex-wrap:wrap}.login-requests-dialog-header h2{font-size:1.1rem}.login-requests-dialog-header p{font-size:.85rem}.login-requests-body{padding:14px 16px;gap:20px}.lr-pending-card{padding:14px}.lr-pending-card .lr-avatar-circle{width:50px;height:50px;font-size:1.25rem}.lr-pending-card .lr-actions{flex-direction:column;gap:8px}.lr-pending-card .lr-btn{width:100%;justify-content:center;padding:10px 16px}.lr-section-title h3{font-size:1rem}.role-assign-dialog{width:95%}}.dash-header .user-dropdown{position:absolute;right:0;margin-top:12px;width:320px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;border:1px solid #f3f4f6;overflow:hidden;animation:hdr-slideDown .2s ease}.dash-header .user-dropdown-header{padding:20px;background:linear-gradient(to right,#10b981,#059669,#0d9488);border-bottom:1px solid rgba(255,255,255,.1)}.dash-header .user-dropdown-header-inner{display:flex;align-items:center;gap:12px}.dash-header .user-dropdown-avatar{width:56px;height:56px;background:linear-gradient(to bottom right,#a855f7,#ec4899,#f43f5e);border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #00000026}.dash-header .user-dropdown-name{font-weight:700;color:#fff;font-size:1rem;margin:0}.dash-header .user-dropdown-role{display:flex;align-items:center;gap:6px;margin-top:4px}.dash-header .user-dropdown-role svg{width:16px;height:16px}.dash-header .user-dropdown-role.admin svg{color:#fde047}.dash-header .user-dropdown-role.admin span{font-size:.875rem;color:#fef9c3;font-weight:500}.dash-header .user-dropdown-role.member svg{color:#bfdbfe}.dash-header .user-dropdown-role.member span{font-size:.875rem;color:#dbeafe;font-weight:500}.dash-header .user-dropdown-menu{padding:12px}.dash-header .dropdown-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;position:relative}.dash-header .dropdown-menu-item:hover{background:linear-gradient(to right,#ecfdf5,#d1fae5)}.dash-header .dropdown-menu-item.purple:hover{background:linear-gradient(to right,#faf5ff,#fdf2f8)}.dash-header .dropdown-menu-item.amber:hover{background:linear-gradient(to right,#fffbeb,#fff7ed)}.dash-header .dropdown-item-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform .15s}.dash-header .dropdown-menu-item:hover .dropdown-item-icon{transform:scale(1.1)}.dash-header .dropdown-item-icon.blue{background:linear-gradient(to bottom right,#dbeafe,#bfdbfe);color:#2563eb}.dash-header .dropdown-item-icon.purple{background:linear-gradient(to bottom right,#ede9fe,#fce7f3);color:#7c3aed}.dash-header .dropdown-item-icon.amber{background:linear-gradient(to bottom right,#fef3c7,#ffedd5);color:#d97706}.dash-header .dropdown-item-icon svg{width:20px;height:20px}.dash-header .dropdown-item-text p{margin:0}.dash-header .dropdown-item-text p:first-child{font-weight:600;color:#1f2937;font-size:.875rem}.dash-header .dropdown-item-text p:last-child{font-size:.75rem;color:#6b7280}.dash-header .dropdown-item-badge{position:absolute;top:8px;right:8px}.dash-header .ping-badge{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px}.dash-header .ping-badge .ping-ring{position:absolute;width:100%;height:100%;border-radius:999px;background:#f87171;opacity:.75;animation:hdr-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes hdr-ping{75%,to{transform:scale(2);opacity:0}}.dash-header .ping-badge .ping-num{position:relative;width:24px;height:24px;border-radius:999px;background:linear-gradient(to bottom right,#ef4444,#e11d48);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.dash-header .user-dropdown-footer{padding:12px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.dash-header .user-dropdown-footer p{margin:0;font-size:.75rem;color:#6b7280}@media (max-width: 768px){.dash-header .user-dropdown{width:295px}}@media (max-width: 480px){.dash-header .user-dropdown{right:0;width:min(280px,calc(100vw - 20px))}}.sidebar .sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:80;transition:transform .25s ease;box-shadow:0 10px 25px #0000001f}.sidebar .sidebar-hidden{transform:translate(-100%)}.sidebar .sidebar-open{transform:translate(0)}.sidebar .sidebar-handle{position:fixed;left:0;top:50%;transform:translateY(-50%);width:28px;height:58px;border:1px solid #d1d5db;border-left:none;border-radius:0 10px 10px 0;background:#fff;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:45;transition:left .25s ease}.sidebar .sidebar-dock.open .sidebar-handle{left:var(--sidebar-width)}.sidebar .sidebar-logo{background:#16a34a;color:#fff;padding:16px;display:flex;gap:12px;align-items:center}.sidebar .logo-box{width:40px;height:40px;background:#fff;color:#16a34a;border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-menu{padding:16px;flex:1}.sidebar .menu-btn{width:100%;padding:12px 14px;border-radius:8px;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px}.sidebar .menu-btn span{display:flex;gap:10px;align-items:center}.sidebar .menu-btn:hover{background:#ecfdf5}.sidebar .menu-btn-meal{width:100%;padding:12px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px}.sidebar .menu-btn-meal:hover{background:#ecfdf5}.meals{min-width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.sales-order-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfeff,#f0f9ff);color:#1f2937}.sales-order-page .sales-order-content{padding:32px}.sales-order-page .sales-order-container{max-width:95%;margin:0 auto}.sales-order-page .sales-order-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.sales-order-page .sales-order-header h1{margin:0;font-size:26px;font-weight:700}.sales-order-page .sales-order-header p{margin:6px 0 0;color:#4b5563;font-size:14px}.sales-order-page .header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sales-order-page .action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.sales-order-page .action-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.sales-order-page .action-btn.secondary{background:#f8fafc;color:#334155}.sales-order-page .action-btn .icon{width:16px;height:16px}.sales-order-page .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.sales-order-page .status-card{background:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 24px #0f172a14;border-left:5px solid transparent}.sales-order-page .status-card h3{margin:0;font-size:16px;font-weight:700}.status-card p{margin:6px 0 0;font-size:12px;color:#6b7280}.sales-order-page .status-meta{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#111827}.sales-order-page .status-icon{width:28px;height:28px}.sales-order-page .status-card.green{border-left-color:#16a34a}.sales-order-page .status-card.purple{border-left-color:#7c3aed}.sales-order-page .status-card.blue{border-left-color:#2563eb}.sales-order-page .status-card.orange{border-left-color:#f97316}.sales-order-page .table-card{border:none;box-shadow:0 16px 32px #0f172a14}.sales-order-page .card-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sales-order-page .total-count{font-size:14px;color:#4b5563}.sales-order-page .table-wrapper{overflow-x:auto;background:#fff;border-radius:12px}.sales-order-page table{width:100%;border-collapse:collapse;font-size:13px}.sales-order-page thead{background:#16a34a;color:#fff}.sales-order-page th,.sales-order-page td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e7eb}.sales-order-page tbody tr.even{background:#f9fafb}.sales-order-page tbody tr.odd{background:#fff}.sales-order-page tbody tr:hover{background:#ecfeff}.sales-order-page .mono{font-family:monospace;color:#2563eb;font-weight:600}.sales-order-page .plant{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#ede9fe;color:#6d28d9}.sales-order-page .plant.empty{background:#f3f4f6;color:#9ca3af}.sales-order-page .status-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.sales-order-page .status-btn .icon{width:14px;height:14px}.sales-order-page .status-btn.pending{background:#ffedd5;color:#9a3412}.sales-order-page .status-btn.planned{background:#dbeafe;color:#1e3a8a}.sales-order-page .status-btn.in-execution{background:#ede9fe;color:#5b21b6}.sales-order-page .status-btn.dispatched{background:#dcfce7;color:#166534}.sales-order-page .center{text-align:center}.sales-order-page .inline-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;font-weight:600;cursor:pointer}.sales-order-page .inline-edit-btn .icon{width:12px;height:12px}.sales-order-page .inline-edit-btn:hover{background:#f8fafc}.sales-order-page .order-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sales-order-page .order-edit-modal{width:min(740px,100%);background:#fff;border-radius:14px;box-shadow:0 28px 70px #0f172a38;overflow:hidden}.sales-order-page .order-edit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8f0}.sales-order-page .order-edit-head h3{margin:0;font-size:18px}.sales-order-page .icon-close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}.sales-order-page .icon-close-btn .icon{width:16px;height:16px}.sales-order-page .order-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px}.sales-order-page .order-edit-grid label{display:flex;flex-direction:column;gap:6px}.sales-order-page .order-edit-grid span{font-size:13px;font-weight:600;color:#334155}.sales-order-page .order-edit-grid input,.sales-order-page .order-edit-grid select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;color:#0f172a;background:#fff}.sales-order-page .order-edit-grid input:focus,.sales-order-page .order-edit-grid select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.sales-order-page .order-edit-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px;border-top:1px solid #e2e8f0}.sales-order-page .info-box{margin-top:24px;padding:16px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:13px}.sales-order-page .info-box p{margin:0 0 10px}.sales-order-page .info-box ul{margin:0;padding-left:18px}.sales-order-page .info-box li{margin-bottom:6px}@media (max-width: 900px){.sales-order-page .sales-order-content{padding:24px}.sales-order-page .sales-order-header{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.sales-order-page .sales-order-content{padding:18px}.sales-order-page th,.sales-order-page td{padding:10px 12px}.sales-order-page .order-edit-grid{grid-template-columns:1fr}.sales-order-page .order-edit-actions{flex-direction:column}}.card{background-color:#fff;color:#111827;display:flex;flex-direction:column;gap:24px;border-radius:12px;border:1px solid #e5e7eb}.card-header{display:grid;grid-template-rows:auto auto;gap:6px;padding:24px 24px 0;position:relative}.card-header:has([data-slot=card-action]){grid-template-columns:1fr auto}.card-title{font-size:1.1rem;font-weight:600;line-height:1.2;margin:0}.card-description{font-size:.9rem;color:#6b7280;margin:0}.card-action{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}.card-content{padding:0 24px 24px}.card-footer{display:flex;align-items:center;padding:0 24px 24px;gap:12px;border-top:1px solid #e5e7eb}.planning-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#f0fdf4,#ecfdf5 55%,#f0fdfa)}.planning-main{padding:32px}.planning-shell{max-width:1600px;margin:0 auto}.planning-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.planning-header-actions{display:inline-flex;align-items:center;gap:10px}.planning-header h1{margin:0;font-size:28px;color:#1f2937}.planning-header p{margin:6px 0 0;color:#4b5563;font-size:14px}.orders-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #0f172a14;border:1px solid #eef2f7;overflow:hidden}.orders-head{padding:20px 24px;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #eef2f7}.orders-head h2{margin:0;display:flex;align-items:center;gap:10px;color:#1f2937;font-size:20px}.orders-head p{margin:6px 0 0;color:#6b7280;font-size:14px}.orders-table-wrap{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:1150px}.orders-table thead{background:#f3f4f6;border-bottom:2px solid #d1d5db}.orders-table th,.orders-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}.orders-table th{color:#374151;font-size:13px;font-weight:700}.orders-table tbody tr:hover{background:#f9fafb}.di-no{color:#2563eb;font-weight:700}.strong-text{color:#1f2937;font-weight:600}.muted{color:#9ca3af;font-size:12px}.qty-view{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#1f2937}.qty-edit-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.qty-edit-row{display:flex;align-items:center;gap:6px}.qty-input{width:88px;height:32px;border:1px solid #d1d5db;border-radius:8px;text-align:center;font-size:13px}.qty-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.qty-chip{border:none;border-radius:6px;padding:4px 8px;font-size:11px;background:#dbeafe;color:#1e40af;cursor:pointer}.qty-chip:hover{background:#bfdbfe}.icon-btn{border:1px solid #d1d5db;background:#fff;color:#4b5563;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#f9fafb}.icon-btn.ghost{border:none}.icon-btn.icon-save{border:none;background:#16a34a;color:#fff}.icon-btn.icon-save:hover{background:#15803d}.sfg-box{display:flex;flex-direction:column;align-items:center;gap:4px}.sfg-main{display:flex;align-items:center;gap:4px;font-size:12px;color:#c2410c;font-weight:700}.sfg-batch{font-size:10px;color:#6b7280}.availability{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.availability.ok{color:#15803d}.availability.bad{color:#b91c1c}.plant-cell{font-size:12px}.plant-lead{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:#4b5563}.schedule-cell{font-size:12px}.schedule-cell>div{display:inline-flex;align-items:center;gap:4px;color:#4b5563}.schedule-cell>div+div{margin-top:4px}.status-pill{display:inline-block;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.status-pill.pending{background:#ffedd5;color:#9a3412}.status-pill.planned{background:#dbeafe;color:#1e40af}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary{border:none;background:#16a34a;color:#fff}.btn-primary:hover{background:#15803d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-outline{border:1px solid #d1d5db;background:#fff;color:#374151}.btn-outline.small{padding:6px 10px;font-size:11px}.info-note{margin-top:24px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:16px}.info-note p{margin:0;color:#1e40af;font-size:14px;line-height:1.5}.planning-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.planning-modal{width:min(780px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:20px}.planning-modal-head h3{margin:0;color:#111827;font-size:20px}.planning-modal-head p{margin:6px 0 0;color:#6b7280;font-size:13px}.modal-section{border-radius:12px;padding:14px;margin-top:14px;border:1px solid #e5e7eb}.modal-section.light{background:#f9fafb}.modal-section.blue{background:#eff6ff;border-color:#bfdbfe}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-grid span{color:#6b7280;font-size:12px}.equipment-note{margin:8px 0 0;font-size:12px;color:#9a3412}.equipment-info-box{margin-top:10px;padding:12px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb}.equipment-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#374151}.equipment-info-row+.equipment-info-row{margin-top:6px}.modal-grid p{margin:4px 0 0;color:#1f2937;font-weight:600;font-size:14px}.modal-section.blue h4{margin:0 0 10px;display:flex;align-items:center;gap:6px;font-size:14px;color:#1f2937}.requirements-list{display:flex;flex-direction:column;gap:7px}.requirements-row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.requirements-row span:first-child{color:#374151}.text-ok{color:#15803d;font-weight:600}.text-bad{color:#b91c1c;font-weight:600}.form-group{margin-top:14px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select{width:100%;border:1px solid #d1d5db;border-radius:10px;height:42px;padding:0 12px;color:#111827;background:#fff}.quick-row{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.details-list{display:flex;flex-direction:column;gap:8px}.details-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#374151}.details-row strong{color:#111827;font-size:13px}@media (max-width: 900px){.planning-main{padding:16px}.planning-header{flex-direction:column;align-items:flex-start}.planning-header-actions{width:100%;flex-wrap:wrap}.modal-grid{grid-template-columns:1fr}}.production-page{min-height:100vh;background:linear-gradient(135deg,#ecfdf5,#d1fae5,#ccfbf1);padding:32px}.production-container{max-width:1200px;margin:auto}.production-header{display:flex;justify-content:space-between;margin-bottom:24px}.section-title{font-size:20px;font-weight:700;margin-bottom:20px}.plant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.plant-card{padding:24px;border-radius:16px;color:#fff;text-align:left;box-shadow:0 12px 25px #00000026;transition:transform .2s}.plant-card:hover{transform:scale(1.05)}.plant-icon{font-size:48px;margin-bottom:10px}.plant-stats div{display:flex;justify-content:space-between}.progress{height:6px;background:#ffffff4d;border-radius:4px;margin-top:10px}.progress-bar{height:100%;background:#fff;border-radius:4px}.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.green{background:linear-gradient(135deg,#16a34a,#15803d)}.blue{background:linear-gradient(135deg,#2563eb,#1e40af)}.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.pink{background:linear-gradient(135deg,#db2777,#be185d)}.plant-top{display:flex;gap:16px;align-items:center;margin-bottom:24px}.vessel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.vessel-card.occupied{border:2px solid #dc2626;background:#fef2f2}.vessel-card.free{border:2px solid #16a34a;background:#ecfdf5}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge.occupied{background:#dc2626;color:#fff}.badge.free{background:#16a34a;color:#fff}.dot.red{color:#dc2626}.dot.green{color:#16a34a}.mono{font-family:monospace;color:#2563eb}.time{display:flex;gap:6px;margin-top:8px;font-weight:700;color:#dc2626}.loading{height:6px;background:#fecaca;border-radius:4px;margin-top:12px;overflow:hidden}.loading:after{content:"";display:block;height:100%;width:65%;background:#dc2626;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.free-box{text-align:center;padding:24px;color:#166534}.info-note{margin-top:32px;padding:14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;border:none;outline:none;transition:all .2s ease}.btn:disabled{opacity:.5;pointer-events:none}.btn svg{width:16px;height:16px;flex-shrink:0;pointer-events:none}.btn-default{background-color:#16a34a;color:#fff}.btn-default:hover{background-color:#15803d}.btn-destructive{background-color:#dc2626;color:#fff}.btn-destructive:hover{background-color:#b91c1c}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#111827}.btn-outline:hover{background-color:#f3f4f6}.btn-secondary{background-color:#e5e7eb;color:#111827}.btn-secondary:hover{background-color:#d1d5db}.btn-ghost{background:transparent;color:#111827}.btn-ghost:hover{background-color:#f3f4f6}.btn-link{background:none;color:#16a34a;text-decoration:underline;padding:0}.btn-default{height:36px;padding:0 16px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:40px;padding:0 24px;font-size:15px}.btn-icon{height:36px;width:36px;padding:0}.btn:focus-visible{box-shadow:0 0 0 3px #22c55e59}.microbial-page{min-height:100vh;width:100%;background-color:#fff;padding:32px}.microbial-shell{max-width:1300px;margin:0 auto}.microbial-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.microbial-header h1{margin:0;color:#1f2937;font-size:28px}.microbial-header p{margin:6px 0 0;color:#6b7280;font-size:14px}.microbial-menu-grid{display:flex;flex-wrap:wrap;gap:18px}.microbial-menu-card{min-width:300px;min-height:200px;cursor:pointer;transition:transform .2s ease}.microbial-menu-card:hover{transform:translateY(-3px)}.microbial-card-head{border-radius:10px;margin:-4px;padding:12px}.head-purple{background:linear-gradient(135deg,#f3e8ff,#fdf2f8)}.head-green{background:linear-gradient(135deg,#dcfce7,#ecfdf5)}.head-blue{background:linear-gradient(135deg,#dbeafe,#ecfeff)}.title-purple{color:#7e22ce}.title-green{color:#047857}.title-blue{color:#1d4ed8}.microbial-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.microbial-form-content{display:flex;flex-direction:column;gap:12px}.field-wrap{display:flex;flex-direction:column;gap:6px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slot-summary{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fafafa}.slot-summary-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;background:#ede9fe;color:#5b21b6}.muted-text{margin:0;color:#6b7280;font-size:12px}.slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.slot-grid-dd1{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-btn{border:2px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;min-height:52px;font-weight:700;cursor:pointer;transition:all .2s ease}.slot-btn.available:hover{border-color:#a78bfa;background:#faf5ff}.slot-btn.selected{background:#e9d5ff;border-color:#9333ea}.slot-btn.occupied{background:#fee2e2;border-color:#f87171;color:#9f1239;cursor:not-allowed;opacity:.7}.slot-btn.empty{background:#ecfdf5;border-color:#86efac}.slot-btn.filled{cursor:pointer}.slot-main{font-size:12px;font-weight:700}.slot-sub{margin-top:2px;font-size:10px}.mt-16{margin-top:16px}.process-list{display:flex;flex-direction:column;gap:10px}.process-item{display:flex;justify-content:space-between;gap:12px;border:2px solid transparent;border-radius:12px;padding:12px}.process-left{display:flex;gap:10px}.process-count{width:42px;height:42px;border-radius:10px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.process-title{margin:0;color:#1f2937;font-weight:700}.process-meta{margin:4px 0 0;color:#4b5563;font-size:12px}.process-time{margin:0;color:#111827;font-size:12px;font-weight:600}.process-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.complete-btn{font-size:12px}.microbial-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stats-card-body{text-align:center}.stats-card-body p{margin:0;color:#6b7280;font-size:13px}.stats-card-body h3{margin:8px 0 0;color:#111827;font-size:28px}.completed-list{display:flex;flex-direction:column;gap:10px}.completed-item{border:1px solid #d1d5db;border-radius:10px;padding:12px;background:#f9fafb;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.completed-item p{margin:0;color:#1f2937;font-size:13px}.completed-item span{color:#6b7280}.complete-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.complete-form-grid .full-width{grid-column:1 / -1}.complete-remarks{min-height:84px;border-radius:10px;border:1px solid #d1d5db;padding:10px;resize:vertical}.downstream-box{text-align:center;padding:48px 24px;color:#334155}.microbial-tabs{margin-top:12px}.ui-tabs-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.ui-tabs-trigger{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:10px;padding:10px;font-weight:600;cursor:pointer}.ui-tabs-trigger.active{background:#e0e7ff;border-color:#6366f1;color:#3730a3}.ui-tabs-content{margin-top:6px}.ui-label{font-size:12px;color:#4b5563}.ui-input,.ui-select{height:40px;border-radius:10px;border:1px solid #d1d5db;padding:0 10px;width:100%;background:#fff}.ui-checkbox{width:16px;height:16px}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:90}.ui-dialog-content{width:min(680px,100%);background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:16px}.ui-dialog-header{margin-bottom:12px}.ui-dialog-title{margin:0;font-size:20px;color:#111827}.ui-dialog-description{margin:6px 0 0;color:#6b7280;font-size:13px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;padding:12px}.dialog-grid p{margin:0;font-size:13px;color:#1f2937}.dialog-grid span{color:#6b7280}.ui-dialog-footer{margin-top:12px;display:flex;justify-content:flex-end}@media (max-width: 1024px){.microbial-menu-grid,.microbial-two-col{grid-template-columns:1fr}}@media (max-width: 768px){.microbial-page{padding:16px}.microbial-header{flex-direction:column;align-items:flex-start;gap:10px}.microbial-header .btn,.microbial-header button{width:100%;justify-content:center}.microbial-menu-card{min-width:0;width:100%}.grid-two,.dialog-grid,.complete-form-grid,.completed-item,.microbial-stats-grid,.ui-tabs-list{grid-template-columns:1fr}.ui-tabs-trigger{font-size:13px;padding:8px}.process-item{flex-direction:column;align-items:flex-start}.process-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.slot-grid-dd1{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-btn{min-height:46px;border-radius:8px}.slot-main{font-size:11px}.slot-sub{font-size:9px}}.security-inward{min-height:100vh}.security-inward .inward-main{padding:32px}.security-inward .container{max-width:1200px;margin:auto}.security-inward .page-header{display:flex;justify-content:space-between;margin-bottom:24px}.security-inward .page-header h1{font-size:24px}.security-inward .page-header p{color:#6b7280}.security-inward .card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 10px 25px #00000014}.security-inward .card h2{font-size:20px;margin-bottom:16px;font-weight:600}.security-inward .form .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.security-inward .full{grid-column:1 / -1}.security-inward label{font-weight:500;font-size:14px;display:block;margin-bottom:6px}.security-inward input,.security-inward select{width:100%;height:44px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db}.security-inward .input-field label{font-size:14px;font-weight:500}.security-inward .upload{margin-top:24px;padding:24px;border:2px dashed #d1d5db;border-radius:12px;text-align:center}.security-inward .upload-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:12px}.security-inward .upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#333;opacity:.7}.security-inward .preview{position:relative}.security-inward .preview img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}.security-inward .preview button{position:absolute;top:10px;right:10px;background:red;color:#fff;border-radius:50%;padding:6px;border:none}.security-inward .actions{display:flex;gap:16px;margin-top:24px}.security-inward .btn-primary{padding:0 16px;background:#16a34a;color:#fff;border:none;height:48px;border-radius:10px}.security-inward .btn-outline{padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d1d5db;background:#fff;height:48px;border-radius:10px}.security-inward .btn-cancle{background:#ff3535;color:#fff}@media (max-width: 992px){.security-inward .inward-main{padding:20px}.security-inward .container{max-width:100%}}@media (max-width: 768px){.security-inward .inward-main{padding:16px}.security-inward .page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.security-inward .page-header h1{font-size:22px;margin:0}.security-inward .page-header p{margin:4px 0 0}.security-inward .card{padding:16px;border-radius:12px}.security-inward .form .grid{grid-template-columns:1fr;gap:14px}.security-inward .upload{padding:20px 14px}.security-inward .actions{flex-direction:column;gap:10px}.security-inward .btn-primary,.security-inward .btn-outline{width:100%}}@media (max-width: 480px){.security-inward .inward-main{padding:8px}.security-inward .page-header h1{font-size:20px}.security-inward .card{padding:10px;gap:10px}.security-inward .card h2{font-size:16px;margin-bottom:0;color:#00f}.security-inward .btn-primary,.security-inward .btn-outline{height:44px;font-size:14px}}.inwmgmt-page{min-height:100vh;background:#f8fafc;font-family:Poppins,sans-serif}.inwmgmt-container{padding:24px;max-width:1280px;margin:0 auto}.inwmgmt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.inwmgmt-header-left h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.inwmgmt-header-left p{font-size:14px;color:#4b5563;margin:4px 0 0}.inwmgmt-header-actions{display:flex;gap:10px;align-items:center}.inwmgmt-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.inwmgmt-btn-outline:hover{background:#f3f4f6}.inwmgmt-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#16a34a;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.inwmgmt-btn-primary:hover{background:#15803d}.inwmgmt-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.inwmgmt-card-content{padding:16px 24px 24px}.inwmgmt-search-box{position:relative;display:flex;align-items:center}.inwmgmt-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.inwmgmt-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s;font-family:Poppins,sans-serif}.inwmgmt-search-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.inwmgmt-table-wrapper{overflow-x:auto}.inwmgmt-table{width:100%;border-collapse:collapse}.inwmgmt-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.inwmgmt-table td{padding:14px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f1f5f9;white-space:nowrap}.inwmgmt-table tbody tr:hover{background:#f8fafc}.inwmgmt-actions-cell{display:flex;gap:8px}.inwmgmt-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s}.inwmgmt-btn-edit:hover{background:#dbeafe}.inwmgmt-btn-delete{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s}.inwmgmt-btn-delete:hover{background:#fee2e2}.inwmgmt-empty{text-align:center;padding:48px 24px;color:#6b7280}.inwmgmt-empty-icon{margin-bottom:12px;color:#9ca3af}.inwmgmt-empty h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.inwmgmt-empty p{font-size:14px;margin:0}.inwmgmt-loading{text-align:center;padding:48px 24px;color:#6b7280;font-size:14px}.inwmgmt-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.inwmgmt-pagination-info{font-size:13px;color:#6b7280}.inwmgmt-pagination-btns{display:flex;gap:8px}.inwmgmt-page-btn{padding:6px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.inwmgmt-page-btn:hover:not(:disabled){background:#f3f4f6}.inwmgmt-page-btn:disabled{opacity:.5;cursor:not-allowed}.inwmgmt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.inwmgmt-dialog{background:#fff;border-radius:14px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026;animation:inwmgmt-fadeIn .2s ease}@keyframes inwmgmt-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inwmgmt-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.inwmgmt-dialog-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.inwmgmt-dialog-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s}.inwmgmt-dialog-close:hover{background:#f3f4f6}.inwmgmt-dialog-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.inwmgmt-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.inwmgmt-field input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s;font-family:Poppins,sans-serif;box-sizing:border-box}.inwmgmt-field input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.inwmgmt-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.inwmgmt-btn-cancel{padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.inwmgmt-btn-cancel:hover{background:#f3f4f6}.inwmgmt-btn-save{padding:8px 20px;font-size:14px;font-weight:500;color:#fff;background:#16a34a;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.inwmgmt-btn-save:hover{background:#15803d}.inwmgmt-btn-save:disabled{opacity:.6;cursor:not-allowed}.inwmgmt-confirm-text{font-size:14px;color:#374151;line-height:1.5;padding:20px 24px}.inwmgmt-confirm-text strong{color:#dc2626}.inwmgmt-btn-delete-confirm{padding:8px 20px;font-size:14px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.inwmgmt-btn-delete-confirm:hover{background:#b91c1c}.inwmgmt-btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.inwmgmt-container{padding:16px}.inwmgmt-header{flex-direction:column;align-items:flex-start}.inwmgmt-table th,.inwmgmt-table td{padding:10px 12px;font-size:13px}.inwmgmt-pagination{flex-direction:column;align-items:flex-start}.inwmgmt-header-actions{width:100%;flex-direction:column;align-items:stretch}.inwmgmt-btn-primary,.inwmgmt-btn-outline{width:100%;justify-content:center}.inwmgmt-actions-cell{flex-direction:column;gap:6px}.inwmgmt-btn-edit,.inwmgmt-btn-delete{width:100%;justify-content:center}.inwmgmt-dialog{max-width:100%}.inwmgmt-dialog-header,.inwmgmt-dialog-body,.inwmgmt-dialog-footer,.inwmgmt-confirm-text{padding-left:16px;padding-right:16px}.inwmgmt-dialog-footer{flex-direction:column;align-items:stretch}.inwmgmt-btn-cancel,.inwmgmt-btn-save,.inwmgmt-btn-delete-confirm{width:100%}}@media (max-width: 480px){.inwmgmt-container{padding:12px}.inwmgmt-header-left h1{font-size:20px}.inwmgmt-card-content{padding:14px 16px 16px}.inwmgmt-pagination{padding:12px 16px}}.inwdata-page{min-height:100vh;background:#f8fafc;font-family:Poppins,sans-serif;width:100%;max-width:100vw;overflow-x:hidden}.inwdata-container{padding:24px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.inwdata-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.inwdata-header-left h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.inwdata-header-left p{font-size:14px;color:#4b5563;margin:4px 0 0}.inwdata-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.inwdata-btn-outline:hover{background:#f3f4f6}.inwdata-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.inwdata-card-content{padding:16px 24px 24px}.inwdata-search-box{position:relative;display:flex;align-items:center}.inwdata-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.inwdata-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s;font-family:Poppins,sans-serif}.inwdata-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.inwdata-table-wrapper{overflow-x:auto}.inwdata-table{width:100%;border-collapse:collapse}.inwdata-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.inwdata-table td{padding:14px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f1f5f9;white-space:nowrap}.inwdata-table tbody tr:hover{background:#f8fafc}.inwdata-badge{display:inline-block;padding:3px 10px;font-size:12px;font-weight:600;border-radius:9999px}.inwdata-badge-green{background:#dcfce7;color:#15803d}.inwdata-empty{text-align:center;padding:48px 24px;color:#6b7280}.inwdata-empty-icon{margin-bottom:12px;color:#9ca3af}.inwdata-empty h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.inwdata-empty p{font-size:14px;margin:0}.inwdata-loading{text-align:center;padding:48px 24px;color:#6b7280;font-size:14px}.inwdata-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.inwdata-pagination-info{font-size:13px;color:#6b7280}.inwdata-pagination-btns{display:flex;gap:8px}.inwdata-page-btn{padding:6px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.inwdata-page-btn:hover:not(:disabled){background:#f3f4f6}.inwdata-page-btn:disabled{opacity:.5;cursor:not-allowed}.inwdata-summary{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.inwdata-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 24px;flex:1;min-width:160px;box-shadow:0 1px 3px #0000000f}.inwdata-summary-item p{font-size:12px;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.inwdata-summary-item h3{font-size:22px;font-weight:700;color:#1f2937;margin:0}.inwdata-mobile-list{display:none;flex-direction:column;gap:10px;padding:12px}.inwdata-mobile-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fafbfc}.inwdata-mobile-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inwdata-mobile-card-num{font-size:12px;font-weight:700;color:#64748b}.inwdata-mobile-card-date{font-size:12px;color:#64748b}.inwdata-mobile-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.inwdata-mobile-card-body>div{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.inwdata-mobile-card-body label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.inwdata-mobile-card-body p{margin:0;font-size:13px;color:#1e293b;font-weight:500;word-break:break-word}@media (max-width: 768px){.inwdata-desktop-only{display:none}.inwdata-mobile-list{display:flex}.inwdata-container{padding:16px}.inwdata-header{flex-direction:column;align-items:flex-start}.inwdata-table th,.inwdata-table td{padding:10px 12px;font-size:13px}.inwdata-pagination{flex-direction:column;align-items:flex-start}.inwdata-summary{flex-direction:column}.inwdata-btn-outline{width:100%;justify-content:center}.inwdata-card-content{padding:14px 16px 16px}.inwdata-pagination-btns{width:100%}.inwdata-page-btn{flex:1}}@media (max-width: 480px){.inwdata-container{padding:10px}.inwdata-header-left h1{font-size:18px}.inwdata-header-left p{font-size:12px}.inwdata-summary-item{padding:12px 14px;min-width:0}.inwdata-summary-item h3{font-size:18px}.inwdata-card-content{padding:10px 12px 14px}.inwdata-table th{padding:8px 10px;font-size:11px}.inwdata-table td{padding:10px;font-size:12px}.inwdata-pagination{padding:10px 12px}.inwdata-search-input{font-size:13px;padding:8px 10px 8px 36px}}.security-outward{min-height:100vh}.security-outward .outward-main{padding:32px}.security-outward .container{max-width:1200px;margin:auto}.security-outward .page-header{display:flex;justify-content:space-between;margin-bottom:24px}.security-outward .page-header h1{font-size:24px}.security-outward .page-header p{color:#6b7280}.security-outward .card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 25px #00000014}.security-outward .card h2{font-size:20px;margin-bottom:16px;font-weight:600}.security-outward .form .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.security-outward .full{grid-column:1 / -1}.security-outward label{font-weight:500;font-size:14px;display:block;margin-bottom:6px}.security-outward input,.security-outward select{width:100%;height:44px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db}.security-outward .upload{margin-top:24px;padding:45px;border:2px dashed #d1d5db;border-radius:12px;text-align:center}.security-outward .upload-icon{width:48px;height:48px;color:#9ca3af;margin-bottom:12px}.security-outward .upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#333;opacity:.7}.security-outward .preview{position:relative}.security-outward .preview img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}.security-outward .preview button{position:absolute;top:10px;right:10px;background:red;color:#fff;border-radius:50%;padding:6px;border:none}.security-outward .actions{display:flex;gap:16px;margin-top:24px}.security-outward .btn-primary{padding:0 16px;background:#16a34a;color:#fff;border:none;height:48px;border-radius:10px}.security-outward .btn-outline{padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d1d5db;background:#fff;height:48px;border-radius:10px}.security-outward .btn-cancle{background:#ff3535;color:#fff}@media (max-width: 992px){.security-outward .outward-main{padding:20px}.security-outward .container{max-width:100%}}@media (max-width: 768px){.security-outward .outward-main{padding:16px}.security-outward .page-header{flex-direction:column;align-items:flex-start;gap:12px}.security-outward .page-header h1{font-size:22px}.security-outward .card{padding:16px;border-radius:12px}.security-outward .form .grid{grid-template-columns:1fr;gap:14px}.security-outward .upload{padding:20px 14px}.security-outward .actions{flex-direction:column;gap:10px}.security-outward .btn-primary,.security-outward .btn-outline{width:100%}}@media (max-width: 480px){.security-outward .outward-main{padding:10px}.security-outward .page-header h1{font-size:18px}.security-outward .card{padding:10px;gap:10px}.security-outward .card h2{font-size:16px;margin-bottom:0;color:#00f}.security-outward .btn-primary,.security-outward .btn-outline{height:44px;font-size:14px}}.outdata-page{min-height:100vh;background:#f8fafc;font-family:Poppins,sans-serif;width:100%;max-width:100vw;overflow-x:hidden}.outdata-container{padding:24px;max-width:1360px;margin:0 auto;width:100%;box-sizing:border-box}.outdata-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.outdata-header-left h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.outdata-header-left p{font-size:14px;color:#4b5563;margin:4px 0 0}.outdata-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.outdata-btn-outline:hover{background:#f3f4f6}.outdata-summary{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.outdata-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 24px;flex:1;min-width:160px;box-shadow:0 1px 3px #0000000f}.outdata-summary-item p{font-size:12px;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.outdata-summary-item h3{font-size:22px;font-weight:700;color:#1f2937;margin:0}.outdata-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.outdata-card-content{padding:16px 24px 24px}.outdata-search-box{position:relative;display:flex;align-items:center}.outdata-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.outdata-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s;font-family:Poppins,sans-serif}.outdata-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.outdata-table-wrapper{overflow-x:auto}.outdata-table{width:100%;border-collapse:collapse}.outdata-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.outdata-table td{padding:14px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f1f5f9;white-space:nowrap}.outdata-remarks-cell{max-width:260px;white-space:normal;line-height:1.4}.outdata-table tbody tr:hover{background:#f8fafc}.outdata-badge{display:inline-block;padding:3px 10px;font-size:12px;font-weight:600;border-radius:9999px}.outdata-badge-purple{background:#f3e8ff;color:#7c3aed}.outdata-empty{text-align:center;padding:48px 24px;color:#6b7280}.outdata-empty-icon{margin-bottom:12px;color:#9ca3af}.outdata-empty h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 4px}.outdata-empty p{font-size:14px;margin:0}.outdata-loading{text-align:center;padding:48px 24px;color:#6b7280;font-size:14px}.outdata-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.outdata-pagination-info{font-size:13px;color:#6b7280}.outdata-pagination-btns{display:flex;gap:8px}.outdata-page-btn{padding:6px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.outdata-page-btn:hover:not(:disabled){background:#f3f4f6}.outdata-page-btn:disabled{opacity:.5;cursor:not-allowed}.outdata-mobile-list{display:none;flex-direction:column;gap:10px;padding:12px}.outdata-mobile-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fafbfc}.outdata-mobile-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.outdata-mobile-card-num{font-size:12px;font-weight:700;color:#64748b}.outdata-mobile-card-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#1e293b}.outdata-mobile-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.outdata-mobile-card-body>div{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.outdata-mobile-card-body label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.outdata-mobile-card-body p{margin:0;font-size:13px;color:#1e293b;font-weight:500;word-break:break-word}.outdata-mobile-card-remarks{margin:8px 0 0;padding:6px 8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#475569;line-height:1.4}@media (max-width: 768px){.outdata-desktop-only{display:none}.outdata-mobile-list{display:flex}.outdata-container{padding:14px}.outdata-header{flex-direction:column;align-items:flex-start}.outdata-table th,.outdata-table td{padding:10px 12px;font-size:13px}.outdata-pagination{flex-direction:column;align-items:flex-start}.outdata-summary{flex-direction:column}.outdata-summary-item{min-width:0}.outdata-card-content{padding:12px 14px 16px}.outdata-btn-outline{width:100%;justify-content:center}.outdata-pagination-btns{width:100%}.outdata-page-btn{flex:1}}@media (max-width: 480px){.outdata-container{padding:10px}.outdata-header-left h1{font-size:18px}.outdata-header-left p{font-size:12px}.outdata-summary-item{padding:12px 14px}.outdata-summary-item h3{font-size:18px}.outdata-card-content{padding:10px 12px 14px}.outdata-table th{padding:8px 10px;font-size:11px}.outdata-table td{padding:10px;font-size:12px}.outdata-search-input{font-size:13px;padding:8px 10px 8px 36px}.outdata-pagination{padding:10px 12px}}.inventory-page{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:radial-gradient(circle at top right,#d1fae5,#ecfdf5 45%,#f0fdfa)}.inventory-main{padding:32px;width:100%;box-sizing:border-box}.inventory-shell{max-width:1320px;margin:0 auto;width:100%}.inventory-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.inventory-header h1{margin:0;font-size:28px;color:#1f2937}.inventory-header p{margin:6px 0 0;font-size:14px;color:#4b5563}.inventory-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.inventory-tile{border:none;border-radius:20px;padding:28px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 36px #02061729;transition:transform .2s ease,box-shadow .2s ease}.inventory-tile:hover{transform:translateY(-4px);box-shadow:0 20px 44px #02061733}.inventory-tile.finished{background:linear-gradient(145deg,#16a34a,#15803d)}.inventory-tile.semi{background:linear-gradient(145deg,#f97316,#ea580c)}.tile-icon-row{display:flex;align-items:center;justify-content:space-between;opacity:.95}.inventory-tile h3{margin:16px 0 8px;font-size:28px}.inventory-tile p{margin:0;font-size:14px;opacity:.95}.tile-footer{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;font-size:13px;font-weight:600}.inventory-row-top{display:flex;align-items:center;margin-bottom:16px}.inventory-row-top.between{justify-content:space-between}.inventory-card{border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px #0f172a14}.inventory-card-header{padding:18px 22px;border-bottom:1px solid #e5e7eb}.inventory-card-header.fg{background:linear-gradient(90deg,#ecfdf3,#fff)}.inventory-card-header.sfg{background:linear-gradient(90deg,#fff7ed,#fff)}.inventory-card-header h2{margin:0;display:flex;align-items:center;gap:8px;font-size:21px;color:#111827}.inventory-card-header p{margin:5px 0 0;color:#6b7280;font-size:13px}.inventory-card-body{padding:20px}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:12px;padding:0 10px;height:44px}.search-wrap svg{color:#9ca3af}.search-wrap input{width:100%;border:none;outline:none;font-size:14px;color:#111827;background:transparent}.table-shell{margin-top:14px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-scroll{overflow-x:auto}.inventory-table{width:100%;min-width:1100px;border-collapse:collapse}.inventory-table th,.inventory-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left}.inventory-table th{color:#fff;font-size:13px;font-weight:700}.thead-fg{background:#15803d}.thead-sfg{background:#ea580c}.row-even{background:#f9fafb}.row-odd{background:#fff}.inventory-table tbody tr:hover{background:#f3f4f6}.right{text-align:right!important}.center{text-align:center!important}.strong{font-weight:700;color:#1f2937}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blue{color:#2563eb}.text-xs{font-size:12px;color:#374151}.muted{color:#6b7280}.badge{display:inline-block;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.badge.purple{background:#ede9fe;color:#6d28d9}.badge.orange{background:#ffedd5;color:#9a3412}.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.pill.green{background:#dcfce7;color:#166534}.pill.gray{background:#f3f4f6;color:#374151}.ellipsis{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-total{margin-top:12px;font-size:13px;color:#4b5563}.table-total strong{color:#111827}.btn-outline,.btn-primary,.icon-btn{border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-outline{border:1px solid #d1d5db;background:#fff;color:#1f2937;padding:8px 14px}.btn-outline:hover{background:#f9fafb}.btn-primary{border:none;padding:8px 14px;color:#fff;background:#16a34a}.btn-primary.orange{background:#ea580c}.btn-primary:hover{filter:brightness(.95)}.icon-btn{border:1px solid transparent;width:30px;height:30px;background:transparent;color:#6b7280}.icon-btn.danger{color:#dc2626}.icon-btn.danger:hover{background:#fef2f2}.info-note{margin-top:20px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:14px}.info-note p{margin:0;color:#1e40af;font-size:14px;line-height:1.45}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal-card{width:min(760px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 44px #0206173d;overflow:hidden}.modal-head{padding:18px 20px;border-bottom:1px solid #e5e7eb}.modal-head h3{margin:0;color:#111827}.modal-head p{margin:6px 0 0;color:#6b7280;font-size:13px}.modal-body{padding:18px 20px}.field-group{margin-bottom:14px}.field-group label{display:block;margin-bottom:6px;color:#374151;font-size:13px;font-weight:700}.field-group input,.field-group select{width:100%;height:42px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;color:#111827;background:#fff}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions{padding:14px 20px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.inv-mobile-list{display:none;flex-direction:column;gap:10px;padding:12px}.inv-mobile-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fafbfc}.inv-mobile-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.inv-mobile-card-title{font-size:14px;font-weight:600;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-mobile-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.inv-mobile-card-body>div{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.inv-mobile-card-body label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.inv-mobile-card-body p{margin:0;font-size:13px;color:#1e293b;font-weight:500;word-break:break-word}@media (max-width: 900px){.inventory-main{padding:16px}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-selection-grid{grid-template-columns:1fr}.inventory-row-top.between{flex-direction:column;align-items:stretch;gap:10px}.grid-two{grid-template-columns:1fr}.inv-desktop-only{display:none}.inv-mobile-list{display:flex}.modal-card{max-height:95vh;overflow-y:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-outline,.modal-actions .btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.inventory-main{padding:10px}.inventory-header h1{font-size:20px}.inventory-header p{font-size:12px}.inventory-tile{padding:18px;border-radius:14px}.inventory-tile h3{font-size:20px;margin:10px 0 6px}.inventory-tile p{font-size:12px}.tile-icon-row svg{width:36px;height:36px}.tile-footer{font-size:11px;margin-top:12px;padding-top:10px}.inventory-card-header{padding:12px 14px}.inventory-card-header h2{font-size:16px}.inventory-card-body{padding:12px}.search-wrap{height:40px}.search-wrap input{font-size:13px}.inv-mobile-list{padding:8px}.inv-mobile-card-body{grid-template-columns:1fr}.btn-outline,.btn-primary{font-size:12px;padding:7px 12px}.modal-overlay{padding:12px 8px 8px;align-items:flex-start}.modal-card{border-radius:12px}.modal-head{padding:14px 16px}.modal-head h3{font-size:16px}.modal-body{padding:14px 16px}.field-group input,.field-group select{height:38px;font-size:13px}}.store-wrapper{min-height:100vh;width:100%;background:#fff}.store-main{padding:24px}.store-container{max-width:1180px;margin:0 auto}.store-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.store-title{font-size:24px;font-weight:700;color:#1f2937}.store-subtitle{font-size:14px;color:#4b5563}.summary-grid{display:grid;gap:1rem;margin-bottom:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid .card{border-radius:16px}.summary-grid .card-content{gap:8px}.summary-number{font-size:1.75rem;font-weight:700}.filter-card{margin-bottom:1.5rem}.filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.quick-filter-row,.date-field{min-width:180px}.quick-filter-row{display:flex;flex-direction:column;gap:6px}.quick-filter-label{font-size:12px;color:#6b7280}.preset-buttons{display:inline-flex;gap:8px;flex-wrap:wrap}.preset-btn{height:36px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:10px;padding:0 12px;font-size:13px;cursor:pointer}.preset-btn.active{border-color:#93c5fd;background:#eff6ff;color:#3b82f6}.search-field{flex:1;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;height:40px;background:#fff;color:#6b7280}.search-field input{border:none;outline:none;width:100%;font-size:14px}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{font-size:12px;color:#6b7280}.date-field input,.date-field select{height:40px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff}.toggle-field{height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff;color:#374151;font-size:14px}.invoice-photo-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid #d1d5db}.receipt-expand-toggle{width:30px;height:30px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8px}.receipt-expand-toggle:hover{background:#eff6ff;border-color:#93c5fd}.receipt-bag-list-box{max-height:340px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff}.receipt-bag-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.status-completed{background-color:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-pending{background-color:#ffedd5;color:#9a3412;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.material-card{padding:1rem;border-radius:16px;border:1px solid #dbe5f0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 28px #0f172a0d}.material-completed{background-color:#f0fdf4;border-color:#bbf7d0}.material-pending{background-color:#fff}.completed-banner{background-color:#dcfce7;border:1px solid #86efac;padding:1rem;border-radius:14px;display:flex;gap:1rem;align-items:center}.inward-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.inward-modal{width:min(960px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;border:1px solid #dbe5f0;padding:18px;box-shadow:0 28px 64px #0f172a2e}.inward-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inward-modal-head h3{margin:0;font-size:18px;color:#111827}.modal-close{width:32px;height:32px;border:1px solid #d1d5db;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.inward-modal-body{display:flex;flex-direction:column;gap:14px}.process-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #dbe5f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#fff)}.process-modal-summary>div{display:flex;flex-direction:column;gap:6px;min-width:0}.process-modal-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:#64748b;text-transform:uppercase}.invoice-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #dbe5f0;border-radius:14px;padding:14px;background:#f8fafc}.invoice-meta-grid p{margin:0;font-size:13px;color:#374151}.invoice-photo-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.invoice-photo-preview{width:110px;height:80px;object-fit:cover;border-radius:10px;border:1px solid #d1d5db}.material-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #dbe5f0;border-radius:14px;padding:14px;background:#f9fafb;align-items:end}.material-form-grid label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.material-master-hint{margin:6px 0 0;font-size:12px;color:#6b7280}.material-master-error{margin:6px 0 0;font-size:12px;color:#b91c1c}.material-form-grid input,.material-form-grid select{width:100%;height:36px;border:1px solid #d1d5db;border-radius:8px;padding:0 10px;background:#fff}.process-modal input,.process-modal select{height:48px;padding:12px;font-size:15px}.process-modal input:focus,.process-modal select:focus,.date-field input:focus,.date-field select:focus,.preset-btn:focus,.receipt-expand-toggle:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd38}.modal-accordion-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;cursor:pointer;font-weight:600;color:#374151;transition:all .3s ease;font-size:14px}.modal-accordion-header:hover{background:#f1f5f9;border-color:#d1d5db}.modal-actions-sticky{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.material-form-action{display:flex;align-items:end}.material-form-action .btn{min-width:160px}.material-list{display:flex;flex-direction:column;gap:10px}.material-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.material-card p{margin:6px 0 0;color:#4b5563;font-size:13px}.modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.inward-modal-content{width:min(420px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 60px #0f172a2e;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc,#fff)}.modal-header h2{margin:0;font-size:18px;color:#111827}.modal-body{padding:18px}.modal-body input{height:42px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:14px;background:#fff}.modal-body input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd38}.inward-modal-content .modal-actions{margin-top:0;padding:14px 18px 18px;border-top:1px solid #e5e7eb;background:#fcfcfd}.store-wrapper{background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.09),transparent 36%),radial-gradient(circle at 85% 0%,rgba(16,185,129,.08),transparent 32%),#f8fbff}.store-container .card{border:1px solid #dbe5f0;box-shadow:0 14px 38px #0f172a14;background:linear-gradient(180deg,#fffffff2,#f8fbfff5)}.section-content{display:flex;flex-direction:column;gap:12px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-toolbar-note{font-size:13px;color:#64748b}.desktop-table-wrap{width:100%;overflow-x:auto;border:1px solid #dbe5f0;border-radius:16px;background:#fff}.invoice-table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}.invoice-table th{position:sticky;top:0;z-index:1;background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#0f172a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.invoice-table td{border-bottom:1px solid #e5e7eb;vertical-align:middle;font-size:14px;color:#334155;background:#fffffff5}.invoice-table tbody tr:last-child td{border-bottom:none}.table-action-group{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.table-action-group-wide .btn{min-width:92px}.desktop-scan-badge{margin-right:8px}.scan-progress-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#3b82f6;font-size:12px;font-weight:700;white-space:nowrap}.section-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe5f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#fff)}.section-pagination-top{margin-bottom:2px}.pagination-copy-block{display:flex;flex-direction:column;gap:4px}.section-pagination p{margin:0;font-size:13px;color:#334155;font-weight:600}.pagination-subtext{font-size:12px;color:#64748b}.section-pagination-actions{display:flex;gap:8px}.mobile-invoice-list,.mobile-qr-list{display:none}.mobile-invoice-card,.mobile-qr-card{border:1px solid #dbe5f0;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 20px #0f172a0f}.mobile-invoice-card p,.mobile-qr-card p{margin:6px 0;color:#334155;font-size:13px}.mobile-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.mobile-card-id{margin:0;font-size:13px;font-weight:700;color:#1e293b}.mobile-card-actions,.mobile-qr-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.mobile-empty-state{border:1px dashed #cbd5e1;border-radius:12px;padding:14px;text-align:center;color:#64748b;font-size:13px;background:#fff}.mobile-qr-expanded{margin-top:10px;border-top:1px dashed #dbe5f0;padding-top:10px}.receipt-expanded-panel{margin-left:12px}.receipt-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.container-qr-banner{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.container-qr-chip{font-size:11px;font-weight:700;background:#2563eb;color:#fff;border-radius:999px;padding:4px 8px;flex-shrink:0}.container-qr-id{font-size:13px;color:#1e293b;flex:1}.receipt-bag-list{margin:0;padding-left:18px}.receipt-bag-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.process-modal{max-height:92vh}.process-modal .material-list{max-height:32vh;overflow:auto;padding-right:2px}.scanner-modal{width:min(760px,100%)}.scanner-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fbff}.scanner-head-copy{display:flex;flex-direction:column;gap:4px}.scanner-subtext{font-size:12px;color:#64748b}.scanner-progress-stack{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.scan-progress-remaining{font-size:12px;font-weight:600;color:#334155}.scanner-progress-panel{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #dbe5f0;border-radius:14px;background:#fff}.scanner-progress-bar{width:100%;height:10px;border-radius:999px;background:#dbeafe;overflow:hidden}.scanner-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#10b981);transition:width .25s ease}.scanner-progress-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#475569;font-weight:600}.scanner-video{width:100%;max-width:100%;border:1px solid #cbd5e1;border-radius:14px;display:block;margin:0 auto;background:#000;aspect-ratio:16 / 9;object-fit:cover}.scanner-saving-text{margin:4px 0;color:#60a5fa;font-weight:600}.scanner-success-text{margin:4px 0;color:#15803d;font-weight:700;padding:10px 12px;border-radius:12px;background:#f0fdf4;border:1px solid #86efac}.scanner-error-text{margin:4px 0;color:#b91c1c;font-weight:600;padding:10px 12px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca}.scanner-bag-status-wrap{margin-top:10px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.scanner-bag-status-head{padding:7px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.scanner-bag-status-list{max-height:240px;overflow-y:auto}.scanner-bag-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f1f5f9;background:#fff}.scanner-bag-row.scanned{background:#f0fdf4}@media (max-width: 768px){.store-main{padding:12px}.store-header{flex-direction:column;align-items:flex-start;gap:12px}.store-header .btn{width:100%}.store-container .card{border-radius:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-modal-summary{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.preset-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.preset-btn,.quick-filter-row,.date-field,.toggle-field,.date-field input,.date-field select,.search-field{width:100%}.desktop-table-wrap{display:none}.mobile-invoice-list,.mobile-qr-list{display:flex;flex-direction:column;gap:10px}.section-toolbar{align-items:stretch}.section-toolbar .btn{width:100%}.section-pagination{flex-direction:column;align-items:stretch;text-align:center}.section-pagination-actions{justify-content:center;flex-wrap:wrap}.section-pagination-actions .btn{flex:1 1 0}.process-modal{width:100%;max-height:96vh;border-radius:16px;padding:12px}.process-modal .material-form-grid,.invoice-meta-grid{grid-template-columns:1fr}.material-form-action,.material-form-action .btn{width:100%}.material-head{flex-direction:column;align-items:flex-start}.process-modal .modal-actions-sticky{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:12px;margin-left:-12px;margin-right:-12px;margin-bottom:-12px;display:flex;flex-direction:column;gap:10px}.process-modal .modal-actions-sticky .btn{width:100%}.process-modal input,.process-modal select{height:48px!important;padding:12px!important;font-size:15px!important}.modal-accordion-header{margin-left:0;margin-right:0}.scanner-head-row{flex-direction:column;align-items:flex-start}.scanner-progress-stack{width:100%;align-items:flex-start}.scanner-progress-meta{flex-direction:column}.scanner-video{max-width:none}.receipt-bag-list-box{max-height:42vh}.receipt-bag-pagination{flex-direction:column;gap:8px;align-items:stretch;text-align:center}.receipt-expanded-panel{margin-left:0}.receipt-expanded-head,.container-qr-banner{flex-direction:column;align-items:flex-start}.mobile-card-actions .btn,.mobile-qr-actions .btn{flex:1 1 calc(50% - 8px)}}@media (max-width: 768px){.scanner-overlay-fullscreen{padding:0}.scanner-modal-fullscreen{width:100%;max-height:100vh;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;padding:12px}.scanner-modal-fullscreen .inward-modal-head{margin-bottom:8px}.scanner-modal-fullscreen .inward-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.scanner-modal-fullscreen .scanner-video{flex-shrink:0;height:42vh;object-fit:cover}.scanner-modal-fullscreen .scanner-bag-status-list{max-height:none;flex:1}.scanner-modal-fullscreen .modal-actions{margin-top:8px}.scanner-modal-fullscreen .modal-actions .btn{width:100%}}@media (max-width: 480px){.store-main{padding:10px}.store-title{font-size:20px}.store-subtitle{font-size:13px}.summary-grid .card-content,.mobile-invoice-card,.mobile-qr-card,.process-modal-summary,.material-form-grid,.invoice-meta-grid,.scanner-progress-panel,.scanner-head-row{padding:10px}.preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.section-pagination-actions,.mobile-card-actions,.mobile-qr-actions{flex-direction:column}.mobile-card-actions .btn,.mobile-qr-actions .btn,.section-pagination-actions .btn{width:100%}.receipt-expand-toggle{width:36px;height:36px;margin-right:0}.scanner-modal-fullscreen{padding:10px}.scanner-modal-fullscreen .scanner-video{height:38vh}.scanner-bag-row{padding:8px 10px}}@media (max-width: 768px){.store-main{padding:12px}.store-header{flex-direction:column;align-items:stretch;gap:10px}.store-header .btn{width:100%;min-height:44px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-row{flex-direction:column;align-items:stretch;gap:10px}.quick-filter-row,.date-field,.toggle-field,.search-field{width:100%;min-width:0}.preset-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.preset-btn,.date-field input,.date-field select,.toggle-field,.search-field,.section-toolbar .btn,.mobile-card-actions .btn,.mobile-qr-actions .btn,.section-pagination-actions .btn{min-height:44px}.desktop-table-wrap{display:none}.mobile-invoice-list,.mobile-qr-list{display:flex;flex-direction:column;gap:12px}.mobile-invoice-card,.mobile-qr-card{width:100%;padding:14px;border-radius:16px}.mobile-invoice-card p,.mobile-qr-card p{font-size:14px;line-height:1.45}.mobile-card-actions,.mobile-qr-actions{display:flex;flex-direction:column;gap:8px}.mobile-card-actions .btn,.mobile-qr-actions .btn{width:100%}.section-toolbar{align-items:stretch}.section-toolbar .btn,.section-pagination-actions .btn{width:100%}.section-pagination{flex-direction:column;align-items:stretch;text-align:left}.section-pagination-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.process-modal .material-form-grid,.invoice-meta-grid{grid-template-columns:1fr}.process-modal input,.process-modal select{min-height:48px;font-size:16px}.material-form-action,.material-form-action .btn{width:100%}.process-modal .modal-actions-sticky{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:12px;margin-left:-12px;margin-right:-12px;margin-bottom:-12px;display:flex;flex-direction:column;gap:10px}.process-modal .modal-actions-sticky .btn{width:100%;min-height:44px}.receipt-expand-toggle{width:40px;height:40px}}@media (max-width: 480px){.store-main{padding:10px}.store-title{font-size:20px}.store-subtitle{font-size:13px}.section-pagination-actions{grid-template-columns:1fr}}@media (min-width: 1024px){.store-container{max-width:1400px}.store-main{padding:32px 48px}.store-header{margin-bottom:2rem}.store-title{font-size:28px}.store-subtitle{font-size:15px;margin-top:4px}.summary-grid{gap:1.25rem;margin-bottom:2rem}.summary-grid .card{transition:box-shadow .2s ease,transform .2s ease}.summary-grid .card:hover{box-shadow:0 8px 24px #0f172a1a;transform:translateY(-2px)}.summary-number{font-size:2rem}.filter-card{margin-bottom:2rem}.filters-row{gap:16px;align-items:flex-end}.preset-btn{padding:0 16px;font-size:13px}.desktop-table-wrap{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.invoice-table{min-width:900px}.invoice-table th{padding:14px 16px;font-size:12px}.invoice-table td{padding:14px 16px;font-size:14px}.invoice-table tbody tr{transition:background-color .15s ease}.invoice-table tbody tr:hover{background-color:#f0f7ff!important}.invoice-table tbody tr:hover td{background:transparent}.table-action-group{gap:10px}.section-pagination{padding:14px 18px}.section-content{display:flex;flex-direction:column;gap:16px}.section-toolbar{gap:16px}.process-modal{max-width:1060px;padding:28px}.process-modal-summary{grid-template-columns:repeat(3,1fr);gap:16px}.material-form-grid,.invoice-meta-grid{grid-template-columns:1fr 1fr;gap:16px}.scanner-modal{width:min(860px,96%)}.receipt-expanded-panel{padding:8px 16px}.receipt-expanded-head{margin-bottom:14px}.container-qr-banner{padding:14px 18px}}.sid-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.08),transparent 28%),radial-gradient(circle at 92% 4%,rgba(16,185,129,.08),transparent 24%),#f4f7fb;padding:2rem 1rem;font-family:inherit;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.sid-container{max-width:1180px;margin:0 auto;width:100%;box-sizing:border-box}.sid-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sid-header h1{font-size:1.5rem;margin:0;color:#1e293b}.sid-header p{margin:.2rem 0 0;color:#64748b;font-size:.9rem}.sid-btn-outline{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;padding:.65rem 1rem;font-size:.875rem;border:1px solid #cbd5e1;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);color:#334155;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.sid-btn-outline:hover{background:#f1f5f9}.sid-btn-outline:disabled{opacity:.55;cursor:not-allowed}.sid-btn-outline:focus,.sid-search-input:focus,.sid-select-wrap select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd38}.sid-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.sid-summary-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid #dbe5f0;background:linear-gradient(180deg,#fffffff5,#f8fbfffa);box-shadow:0 14px 36px #0f172a0f}.sid-summary-card strong{font-size:1.7rem;line-height:1;color:#0f172a}.sid-summary-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.sid-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.95rem;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 28px #0f172a0d}.sid-search-box{position:relative;flex:1;min-width:220px}.sid-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.sid-search-input{width:100%;padding:.8rem .9rem .8rem 2.5rem;font-size:.875rem;border:1px solid #cbd5e1;border-radius:12px;outline:none;box-sizing:border-box}.sid-filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.sid-select-wrap{display:flex;align-items:center;gap:.3rem;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#475569}.sid-select-wrap select{border:none;outline:none;background:transparent;font-size:.85rem;color:#334155;cursor:pointer}.sid-loading,.sid-error{text-align:center;padding:3rem 1rem;color:#64748b;font-size:1rem}.sid-error{color:#dc2626}.sid-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 1rem;color:#94a3b8}.sid-empty h3{margin:0;color:#475569}.sid-empty p{margin:0}.sid-list{display:flex;flex-direction:column;gap:.75rem}.sid-card{background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;border:1px solid #dbe5f0;box-shadow:0 12px 30px #0f172a0f;overflow:hidden}.sid-card-main{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;cursor:pointer;transition:background .1s;gap:1rem}.sid-card-main:hover{background:#f8fafc}.sid-card-left{min-width:0}.sid-material-name{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.sid-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#64748b}.sid-meta strong{color:#334155}.sid-card-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.sid-badge{display:inline-block;padding:.2rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff;border-radius:9999px;white-space:nowrap}.sid-chevron{transition:transform .2s;color:#94a3b8}.sid-chevron.open{transform:rotate(180deg)}.sid-card-details{padding:0 1.15rem 1.15rem;border-top:1px solid #f1f5f9}.sid-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding-top:1rem}.sid-detail-grid>div{padding:.8rem .9rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafcf2}.sid-detail-grid label{display:block;font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.1rem}.sid-detail-grid p{margin:0;font-size:.9rem;color:#1e293b}.sid-remarks{margin-top:.75rem;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.sid-remarks label{display:block;font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.sid-remarks p{margin:0;font-size:.9rem;color:#334155}.sid-bags{margin-top:1rem}.sid-bags>label{display:block;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.sid-bags-table-wrap{overflow-x:auto;border:1px solid #dbe5f0;border-radius:14px;background:#fff}.sid-bags-mobile-list{display:none}.sid-bags-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:720px}.sid-bags-table th,.sid-bags-table td{padding:.45rem .6rem;text-align:left;border-bottom:1px solid #f1f5f9}.sid-bags-table th{color:#64748b;font-weight:600;font-size:.72rem;text-transform:uppercase;background:#f8fafc}.sid-bag-id{font-family:monospace;font-size:.75rem;word-break:break-all}.sid-qc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.sid-bag-card{border:1px solid #dbe5f0;border-radius:14px;padding:.9rem;background:linear-gradient(180deg,#fff,#f8fbff)}.sid-bag-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.sid-bag-card-index{font-size:.76rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.sid-bag-scan-chip{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.sid-bag-scan-chip.scanned{color:#166534;background:#dcfce7}.sid-bag-scan-chip.pending{color:#9a3412;background:#ffedd5}.sid-bag-card-id{margin:0 0 .7rem;font-family:monospace;font-size:.82rem;color:#0f172a;word-break:break-all}.sid-bag-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.sid-bag-card-grid>div{padding:.7rem .75rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.sid-bag-card-grid label{display:block;margin-bottom:.2rem;font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.sid-bag-card-grid p{margin:0;font-size:.84rem;color:#1e293b}.sid-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;padding:.95rem 1rem;border:1px solid #dbe5f0;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff)}.sid-pagination-bottom{margin-top:.9rem;margin-bottom:0}.sid-pagination-copy{display:flex;flex-direction:column;gap:.25rem}.sid-pagination-copy p{margin:0;font-size:.9rem;color:#1e293b;font-weight:600}.sid-pagination-copy span{font-size:.78rem;color:#64748b}.sid-pagination-actions{display:flex;gap:.6rem}@media (max-width: 768px){.sid-page{padding:1rem .85rem}.sid-summary-grid{grid-template-columns:1fr}.sid-card-main{flex-direction:column;align-items:flex-start}.sid-card-right{margin-top:.5rem;width:100%;justify-content:flex-start}.sid-detail-grid{grid-template-columns:1fr}.sid-filters{flex-direction:column;align-items:stretch}.sid-filter-group{flex-direction:column}.sid-select-wrap,.sid-select-wrap select{width:100%}.sid-pagination{flex-direction:column;align-items:stretch;text-align:center}.sid-pagination-actions{width:100%}.sid-pagination-actions .sid-btn-outline{flex:1 1 0}.sid-header{align-items:stretch}.sid-header .sid-btn-outline{width:100%}.sid-bags-table-wrap{display:none}.sid-bags-mobile-list{display:flex;flex-direction:column;gap:.75rem}}@media (max-width: 480px){.sid-page{padding:.85rem .7rem}.sid-summary-card strong{font-size:1.45rem}.sid-card-main,.sid-card-details{padding-left:.9rem;padding-right:.9rem}.sid-bag-card-head{flex-direction:column;align-items:flex-start}.sid-bag-card-grid{grid-template-columns:1fr}.sid-pagination-actions{flex-direction:column}}.store-outward{min-height:100vh}.store-outward .store-outward-main{padding:32px}.store-outward .container{max-width:1100px;margin:auto}.store-outward .page-header{display:flex;justify-content:space-between;margin-bottom:24px}.store-outward .page-header h1{font-size:24px}.store-outward .page-header p{color:#6b7280}.store-outward .card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 25px #00000014}.store-outward .card-desc{color:#6b7280;margin-bottom:24px}.store-outward .auto-date-time{width:300px}.store-outward .form .grid{margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.store-outward label{font-weight:500;font-size:14px;display:block;margin-bottom:6px}.store-outward input,select{width:100%;height:44px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db}.store-outward .readonly{background:#f9fafb;color:#15803d}.store-outward small{font-size:12px;color:#6b7280}.store-outward .dropdown{position:relative}.store-outward .dropdown-list{position:absolute;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;max-height:220px;overflow-y:auto;z-index:10}.store-outward .dropdown-list button{width:100%;padding:10px;border:none;background:none;text-align:left}.store-outward .dropdown-list button:hover{background:#ecfdf5}.store-outward .actions{display:flex;gap:16px;margin-top:24px}.store-outward .btn-primary{padding:0 16px;background:#16a34a;color:#fff;border:none;height:48px;border-radius:10px}.store-outward .btn-outline{padding:0 16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1d5db;height:48px;border-radius:10px}.store-outward .cancle{background-color:red;color:#fff}.store-outward .input-quantity{display:flex;border:1px solid #ccc;border-radius:6px;overflow:hidden}.store-outward .input-quantity input{border:none;padding:10px;outline:none}.store-outward .input-quantity select{width:80px;border:none;padding:0 10px;font-weight:600;cursor:pointer}@media (max-width: 768px){.store-outward .store-outward-main{padding:16px}.store-outward .container{max-width:100%}.store-outward .page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.store-outward .page-header h1{font-size:22px;margin:0}.store-outward .page-header p{margin:4px 0 0}.store-outward .card{padding:16px;border-radius:12px}.store-outward .auto-date-time{width:100%}.store-outward .form .grid{grid-template-columns:1fr;gap:14px}.store-outward .span-2{grid-column:auto}.store-outward .actions{flex-direction:column;gap:10px}.store-outward .btn-primary,.store-outward .btn-outline{width:100%}}@media (max-width: 480px){.store-outward .store-outward-main{padding:8px}.store-outward .page-header h1{font-size:20px}.store-outward .card{padding:10px}.store-outward .btn-primary,.store-outward .btn-outline{height:44px;font-size:14px}}.raw-materials-page{min-height:100vh}.raw-materials-main{padding:32px}.raw-materials-container{max-width:1200px;margin:0 auto}.raw-materials-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.raw-materials-header h1{margin:0;font-size:28px;color:#1f2937}.raw-materials-header p{margin:6px 0 0;color:#6b7280}.raw-materials-back-btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.raw-materials-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.raw-materials-source-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.raw-materials-source-tab{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;min-height:40px;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}.raw-materials-source-tab.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.raw-materials-source-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.raw-materials-stat-card{background:#fff}.raw-materials-stat-card .raw-materials-source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.raw-materials-stat-card .raw-materials-source-tab{width:100%;min-height:44px}.raw-materials-stat-card{background:#fff;border-radius:12px;box-shadow:0 10px 24px #11182714;padding:18px;border-left:4px solid transparent}.raw-materials-stat-card h3{margin:8px 0 4px;font-size:30px;color:#1f2937}.raw-materials-stat-card p{margin:0;color:#6b7280;font-size:14px}.border-blue{border-left-color:#2563eb}.border-green{border-left-color:#16a34a}.border-orange{border-left-color:#ea580c}.border-purple{border-left-color:#7c3aed}.icon-blue{color:#2563eb}.icon-green{color:#16a34a}.icon-orange{color:#ea580c}.icon-purple{color:#7c3aed}.raw-materials-search-card,.raw-materials-table-card{background:#fff;border-radius:12px;box-shadow:0 10px 24px #11182714;margin-bottom:24px}.raw-materials-search-card{padding:20px}.raw-materials-upload-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}.raw-materials-upload-row input[type=file]{flex:1}.raw-materials-import-btn{border:none;background:#2563eb;color:#fff;border-radius:8px;height:40px;padding:0 14px;cursor:pointer}.raw-materials-import-btn:disabled{opacity:.7;cursor:not-allowed}.raw-materials-upload-msg{margin:0 0 12px;color:#1d4ed8;font-size:13px}.raw-materials-search-wrap{position:relative}.raw-materials-type-filter-row{display:flex;gap:10px;align-items:center}.raw-materials-type-filter-row select{width:100%;height:44px;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;font-size:14px;background:#fff}.raw-materials-delete-category-btn{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:8px;height:44px;padding:0 14px;cursor:pointer;font-weight:600;white-space:nowrap}.raw-materials-delete-category-btn:disabled{opacity:.5;cursor:not-allowed}.raw-materials-search-wrap input{width:100%;height:44px;border:1px solid #d1d5db;border-radius:8px;padding:0 12px 0 38px;font-size:14px}.raw-materials-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#9ca3af}.raw-materials-table-header{padding:20px;border-bottom:1px solid #e5e7eb}.raw-materials-table-header h2{margin:0;color:#1f2937;font-size:20px}.raw-materials-table-header p{margin:6px 0 0;color:#6b7280;font-size:14px}.raw-materials-table-wrap{overflow-x:auto;padding:8px 20px 20px}.raw-materials-table-wrap table{width:100%;border-collapse:collapse}.raw-materials-table-wrap th,.raw-materials-table-wrap td{padding:14px 10px;border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px}.raw-materials-table-wrap th{font-size:13px;color:#4b5563;font-weight:600}.left{text-align:left}.right{text-align:right}.center{text-align:center}.row-even{background:#fff}.row-odd{background:#fafafa}.raw-materials-name-cell{display:inline-flex;align-items:center;gap:10px}.raw-materials-name-icon{width:30px;height:30px;border-radius:8px;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.raw-materials-empty{text-align:center;padding:40px 10px;color:#9ca3af}.raw-materials-empty .title{margin:8px 0 0;font-size:16px;color:#4b5563}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.status-in-stock{background:#dcfce7;color:#166534}.status-low-stock{background:#ffedd5;color:#9a3412}.status-pending{background:#fef9c3;color:#854d0e}.raw-materials-details-btn{border:1px solid #d1d5db;background:#fff;color:#1f2937;border-radius:6px;height:30px;padding:0 10px;cursor:pointer;font-size:12px;font-weight:600}.raw-materials-details-btn:disabled{opacity:.6;cursor:not-allowed}.raw-materials-pagination{border-top:1px solid #e5e7eb;padding:14px 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.raw-materials-pagination p{margin:0;color:#4b5563;font-size:13px}.raw-materials-pagination-actions{display:inline-flex;align-items:center;gap:8px}.raw-materials-pagination-actions span{font-size:13px;color:#374151}.raw-materials-pagination-actions button{border:1px solid #d1d5db;background:#fff;color:#1f2937;border-radius:6px;height:32px;padding:0 12px;cursor:pointer}.raw-materials-pagination-actions button:disabled{opacity:.6;cursor:not-allowed}.raw-materials-info-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px}.raw-materials-info-note p{margin:0;color:#1d4ed8;font-size:14px;line-height:1.5}@media (max-width: 1024px){.raw-materials-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.raw-materials-page,.raw-materials-main,.raw-materials-container{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.rawmat-mobile-list{display:none}.rawmat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.rawmat-modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;animation:rawmat-slide-up .2s ease-out}@keyframes rawmat-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rawmat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.rawmat-modal-header h3{margin:0;font-size:17px;color:#111827}.rawmat-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.rawmat-modal-body{padding:16px 20px;overflow-y:auto;flex:1}.rawmat-modal-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.rawmat-modal-row span{font-size:13px;color:#6b7280}.rawmat-modal-row strong{font-size:14px;color:#111827;text-align:right}.rawmat-modal-footer{padding:12px 20px 20px;border-top:1px solid #e5e7eb}.rawmat-modal-fullpage-btn{width:100%;height:44px;border:none;background:#2563eb;color:#fff;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.rawmat-modal-fullpage-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.raw-materials-main{padding:16px}.raw-materials-header{flex-direction:column;align-items:flex-start}.raw-materials-header h1{font-size:22px}.raw-materials-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.raw-materials-stat-card{padding:12px}.raw-materials-stat-card h3{font-size:22px}.raw-materials-stat-card p{font-size:12px}.raw-materials-source-tabs{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.raw-materials-source-tab{min-height:36px;padding:0 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.raw-materials-type-filter-row{flex-direction:column;align-items:stretch;gap:8px}.raw-materials-type-filter-row select{height:40px;font-size:13px}.raw-materials-upload-row{flex-direction:column;align-items:stretch}.rawmat-desktop-only{display:none!important}.rawmat-mobile-list{display:flex;flex-direction:column;gap:10px;padding:12px 16px}.rawmat-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.rawmat-mobile-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rawmat-mobile-card-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#111827;min-width:0}.rawmat-mobile-card-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rawmat-mobile-card-id{font-size:11px;color:#9ca3af;font-weight:600;flex-shrink:0}.rawmat-mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #f3f4f6;font-size:13px}.rawmat-mobile-card-row>span:first-child{color:#6b7280}.rawmat-mobile-card-row strong{color:#111827}.rawmat-mobile-card-actions{display:flex;gap:8px;margin-top:10px}.rawmat-mobile-view-btn{flex:1;height:36px;border:1px solid #2563eb;background:#eff6ff;color:#2563eb;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}.rawmat-mobile-card-actions .raw-materials-details-btn{flex:1;height:36px;font-size:13px}.raw-materials-pagination{flex-direction:column;align-items:flex-start;gap:8px}.raw-materials-search-card,.raw-materials-table-header{padding:14px}.raw-materials-table-header h2{font-size:17px}}@media (max-width: 480px){.raw-materials-main{padding:12px}.raw-materials-stats-grid{gap:8px}.raw-materials-stat-card{padding:10px}.raw-materials-stat-card h3{font-size:18px}.rawmat-mobile-list{padding:10px 12px}}.raw-material-details-page{min-height:100vh}.raw-material-details-main{padding:32px}.raw-material-details-container{max-width:980px;margin:0 auto}.raw-material-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px}.raw-material-details-header h1{margin:0;font-size:28px;color:#1f2937}.raw-material-details-header p{margin:6px 0 0;color:#6b7280}.raw-material-details-back-btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.raw-material-details-card{background:#fff;border-radius:12px;box-shadow:0 10px 24px #11182714;padding:22px}.raw-material-details-state{margin:0;color:#4b5563}.raw-material-details-state.error{color:#b91c1c}.raw-material-title-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.raw-material-title-row h2{margin:0;font-size:24px;color:#111827}.raw-material-icon-wrap{width:34px;height:34px;border-radius:8px;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center}.raw-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.raw-material-item{border:1px solid #e5e7eb;border-radius:10px;padding:14px}.raw-material-item span{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.raw-material-item strong{color:#111827;font-size:15px}.raw-material-item.highlight{border-color:#bfdbfe;background:#eff6ff}.raw-material-details-page,.raw-material-details-main,.raw-material-details-container{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.rmd-mobile-list{display:none}@media (max-width: 768px){.raw-material-details-main{padding:16px}.raw-material-details-header{flex-direction:column;align-items:flex-start}.raw-material-details-header h1{font-size:22px}.raw-material-title-row h2{font-size:19px}.raw-material-grid{grid-template-columns:1fr}.raw-material-details-card{padding:16px}.rmd-desktop-only{display:none!important}.rmd-mobile-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.rmd-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.rmd-mobile-card-id{font-family:monospace;font-size:12px;color:#4b5563;background:#f3f4f6;padding:4px 8px;border-radius:4px;margin-bottom:8px;word-break:break-all}.rmd-mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #f3f4f6;font-size:13px}.rmd-mobile-card-row>span:first-child{color:#6b7280}.rmd-mobile-card-row strong{color:#111827}.rmd-mobile-print-btn{width:100%;margin-top:10px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;color:#374151}}@media (max-width: 480px){.raw-material-details-main,.raw-material-details-card{padding:12px}.raw-material-item{padding:10px}}.qc-wrapper{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(to bottom right,#eff6ff,#eef2ff,#f3e8ff)}.qc-main{padding:2rem;width:100%;box-sizing:border-box}.qc-container{margin:0 auto;display:flex;flex-direction:column;gap:1rem;width:100%}.qc-header{display:flex;align-items:center;justify-content:space-between}.qc-title{font-size:1.5rem;font-weight:700;color:#1f2937}.qc-subtitle{font-size:.875rem;color:#4b5563}.qc-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.qc-summary-number{font-size:1.75rem;font-weight:700}.text-orange{color:#ea580c}.text-green{color:#16a34a}.text-red{color:#dc2626}.qc-table{width:100%;font-size:.875rem}.qc-table-wrap{width:100%;overflow-x:auto}.qc-table th{background-color:#2563eb;color:#fff;padding:.75rem 1rem;text-align:left}.qc-table td{padding:.85rem 1rem}.qc-table tr:nth-child(2n){background-color:#f9fafb}.qc-status{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.qc-status-pending{background:#ffedd5;color:#9a3412}.qc-status-passed{background:#dcfce7;color:#166534}.qc-status-failed{background:#fee2e2;color:#991b1b}.qc-empty{text-align:center;color:#6b7280}.qc-error{color:#dc2626;margin-bottom:.5rem}.qc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem}.qc-modal{width:min(820px,100%);max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.qc-modal-header h3{margin:0 0 1rem;color:#111827}.qc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.qc-form-grid label,.qc-note-wrap label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.35rem}.qc-form-grid select,.qc-form-grid input,.qc-note-wrap textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .65rem;font-size:.875rem;background:#fff}.qc-note-wrap{margin-top:.8rem}.qc-note-wrap textarea{min-height:92px;resize:vertical}.qc-modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.6rem}.qc-mobile-list{display:none;flex-direction:column;gap:10px;padding:4px}.qc-mobile-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fafbfc}.qc-mobile-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.qc-mobile-card-title{font-size:14px;font-weight:600;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qc-mobile-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.qc-mobile-card-body>div{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.qc-mobile-card-body label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.qc-mobile-card-body p{margin:0;font-size:13px;color:#1e293b;font-weight:500;word-break:break-word}.qc-mobile-card-btn{width:100%}@media (max-width: 768px){.qc-main{padding:1rem}.qc-header{flex-direction:column;align-items:flex-start;gap:.75rem}.qc-summary-grid,.qc-form-grid{grid-template-columns:1fr}.qc-table{min-width:720px}.qc-desktop-only{display:none}.qc-mobile-list{display:flex}.qc-modal{width:100%;max-height:95vh;border-radius:10px;padding:.85rem}.qc-modal-overlay{padding:1rem .5rem .5rem;align-items:flex-start}.qc-modal-header h3{font-size:1rem;line-height:1.3;word-break:break-word}.qc-modal-actions{flex-direction:column-reverse}.qc-modal-actions button,.qc-modal-actions .btn{width:100%}.qc-title{font-size:1.2rem}.qc-subtitle{font-size:.8rem}}@media (max-width: 480px){.qc-main{padding:.65rem}.qc-title{font-size:1.05rem}.qc-subtitle{font-size:.75rem}.qc-summary-number{font-size:1.4rem}.qc-modal{padding:.7rem}.qc-modal-header h3{font-size:.9rem}.qc-form-grid input,.qc-form-grid select,.qc-note-wrap textarea{font-size:.8rem;padding:.45rem .55rem}.qc-form-grid label,.qc-note-wrap label{font-size:.7rem}.qc-mobile-card-body{grid-template-columns:1fr}}