@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.dashboard-container{background:#f8fafc;min-height:100vh;display:flex}.main-content{background:#f8fafc;width:calc(100% - 250px);min-height:100vh;margin-left:250px}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.search-box{width:430px;position:relative}.search-box input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;height:48px;padding:0 18px;font-size:14px;transition:all .3s}.search-box input:focus{border-color:#f97316}.search-box input::placeholder{color:#9ca3af}.top-right{align-items:center;gap:18px;display:flex}.notification-box{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex}.notification-box:hover{background:#fff7ed;border-color:#fed7aa}.admin-box{background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:flex}.admin-avatar{color:#fff;background:#f97316;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.admin-details h4{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.admin-details p{color:#6b7280;font-size:13px;font-weight:500}.page-content{padding:30px}@media (width<=1200px){.search-box{width:300px}}@media (width<=992px){.main-content{width:100%;margin-left:0}.top-bar{padding:20px}.search-box{width:220px}}.hamburger-btn{cursor:pointer;color:#374151;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:none}.hamburger-btn:hover{background:#f9fafb}@media (width<=768px){.hamburger-btn{display:flex}.main-content{width:100%!important;margin-left:0!important}.top-bar{align-items:center;gap:10px;padding:10px 14px;display:flex}.search-box{flex:1}.search-box input{width:100%}}.sidebar{z-index:200;background:#fff;border-right:1px solid #f1f1f1;flex-direction:column;width:260px;min-width:260px;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 12px #0000000a}.sidebar-overlay{z-index:199;background:#00000059;position:fixed;inset:0}@media (width<=768px){.sidebar{width:100%;max-width:280px;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}}.sidebar-logo{border-bottom:1px solid #f3f4f6;flex-shrink:0;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-logo-text{flex-direction:column;line-height:1.2;display:flex}.sidebar-name{color:#111827;letter-spacing:-.3px;font-size:18px;font-weight:700}.sidebar-name-accent{color:#f97316}.sidebar-sub{color:#9ca3af;letter-spacing:.2px;font-size:11px;font-weight:400}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;-webkit-overflow-scrolling:touch;flex:1;padding:10px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.sidebar-nav-group{flex-direction:column;display:flex}.sidebar-nav-item{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:10px 16px 10px 20px;transition:background .15s;display:flex;position:relative}.sidebar-nav-item:hover{background:#fafafa}.sidebar-nav-item:active,.sidebar-nav-item.active{background:#fff7ed}.sidebar-nav-item.active:before{content:"";background:#f97316;border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-nav-icon{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{color:#f97316}.sidebar-nav-label{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:500;transition:color .15s;overflow:hidden}.sidebar-nav-item.active .sidebar-nav-label{color:#f97316;font-weight:600}.sidebar-nav-item:hover .sidebar-nav-label{color:#111827}.sidebar-nav-arrow{color:#d1d5db;flex-shrink:0;align-items:center;transition:transform .2s,color .15s;display:flex}.sidebar-nav-item:hover .sidebar-nav-arrow{color:#9ca3af}.sidebar-nav-item.active .sidebar-nav-arrow{color:#f97316}.sidebar-nav-arrow.arrow-open{transform:rotate(90deg)}.sidebar-submenu{flex-direction:row;padding:2px 0 6px 20px;display:flex}.sidebar-submenu-line{background:#e5e7eb;border-radius:1px;flex-shrink:0;width:1px;margin-left:8px;margin-right:0}.sidebar-submenu-items{flex-direction:column;flex:1;padding-left:14px;display:flex}.sidebar-submenu-item{cursor:pointer;text-align:left;color:#6b7280;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px 8px 4px;font-size:13px;font-weight:400;transition:background .12s,color .12s;display:flex;position:relative}.sidebar-submenu-item:hover{color:#374151;background:#fafafa}.sidebar-submenu-item:active{background:#fff7ed}.sidebar-submenu-item.sub-active{color:#f97316;background:#fff7ed;font-weight:600}.sub-dot{background:#f97316;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar-footer{cursor:pointer;-webkit-tap-highlight-color:transparent;border-top:1px solid #f3f4f6;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;transition:background .15s;display:flex}.sidebar-footer:hover{background:#fafafa}.sidebar-footer-icon{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-footer-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-footer-company{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-footer-sub{color:#9ca3af;font-size:11px;font-weight:400}.sidebar-footer-chevron{color:#9ca3af;flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.sidebar-nav-item{min-height:48px;padding:13px 16px 13px 20px}.sidebar-nav-label{font-size:14px}.sidebar-submenu-item{min-height:44px;padding:10px 12px 10px 4px;font-size:13.5px}.sidebar-footer{min-height:60px;padding:16px}.sidebar-logo{padding:18px 20px 14px}}.up-container{color:#111827;background:#f5f6fa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.up-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.up-title{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.up-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:12.5px;display:flex}.up-bc-sep{color:#d1d5db}.up-bc-active{color:#374151;font-weight:500}.up-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.up-create-btn:hover{background:#1f2937}.up-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.up-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.up-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.up-stat-label{color:#6b7280;font-size:12.5px;font-weight:500}.up-stat-num{color:#111827;letter-spacing:-.5px;margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.up-stat-date{font-size:15px!important}.up-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.up-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.up-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.up-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:400px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.up-search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.up-search-icon{flex-shrink:0}.up-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.up-search-input::placeholder{color:#9ca3af}.up-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.up-select-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.up-export-wrap{position:relative}.up-export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:inline-flex}.up-export-btn:hover{background:#f9fafb}.up-export-drop{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:6px 0;animation:.15s dropIn;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0000001a}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.up-export-opt{cursor:pointer;color:#374151;background:0 0;border:none;align-items:center;width:100%;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:flex}.up-export-opt:hover{background:#f9fafb}.up-table-wrap{overflow-x:auto}.up-table{border-collapse:collapse;width:100%;font-size:13.5px}.up-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.up-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.up-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.up-table tbody tr:hover{background:#fafafa}.up-table tbody tr:last-child{border-bottom:none}.up-table td{vertical-align:middle;padding:12px 14px}.up-id-cell{color:#111827;width:44px;font-weight:600}.up-mobile-cell,.up-date-cell{color:#6b7280;white-space:nowrap;font-size:13px}.up-empty{color:#d1d5db}.up-no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.up-user-cell{align-items:center;gap:10px;display:flex}.up-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.up-avatar-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;height:38px}.up-name-text{color:#111827;font-size:13.5px;font-weight:600;line-height:1.3}.up-email-text{color:#6b7280;margin-top:1px;font-size:12px}.up-username-text{color:#6b7280;background:#f3f4f6;border-radius:5px;padding:3px 8px;font-size:12.5px}.up-role-badge{color:#374151;background:#f3f4f6;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.up-proj-badge{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.up-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.up-s-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.up-s-active{color:#16a34a;background:#f0fdf4}.up-s-active .up-s-dot{background:#16a34a}.up-s-inactive{color:#dc2626;background:#fef2f2}.up-s-inactive .up-s-dot{background:#dc2626}.up-action-btns{align-items:center;gap:6px;display:flex}.up-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.up-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.up-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.up-delete-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.up-pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.up-pagination-info{color:#6b7280;font-size:13px}.up-pagination-controls{align-items:center;gap:4px;display:flex}.up-rows-label{color:#6b7280;margin-right:6px;font-size:13px}.up-rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.up-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.up-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.up-page-btn:disabled{opacity:.35;cursor:not-allowed}.up-page-active{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:600!important}.up-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.up-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:94vh;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes slideUp{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.up-modal-head{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.up-modal-title{color:#111827;letter-spacing:-.2px;margin:0 0 3px;font-size:17px;font-weight:700}.up-modal-sub{color:#9ca3af;font-size:12.5px}.up-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:22px;font-weight:300;line-height:1;transition:background .1s}.up-modal-close:hover{color:#374151;background:#f3f4f6}.up-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px 0;display:flex;overflow-y:auto}.up-modal-body::-webkit-scrollbar{width:4px}.up-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.up-photo-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:20px;padding:16px;display:flex}.up-photo-preview-wrap{flex-shrink:0;position:relative}.up-photo-preview-img{object-fit:cover;border:3px solid #e5e7eb;border-radius:50%;width:72px;height:72px}.up-photo-placeholder{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.up-photo-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.up-photo-label{color:#111827;margin-bottom:2px;font-size:13.5px;font-weight:600}.up-photo-hint{color:#9ca3af;margin-bottom:10px;font-size:12px}.up-photo-choose-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.up-photo-choose-btn:hover{color:#f97316;background:#fff7ed;border-color:#f97316}.up-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #f3f4f6;padding-bottom:6px;font-size:11.5px;font-weight:700}.up-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.up-form-grid{grid-template-columns:1fr}}.up-form-group{flex-direction:column;gap:6px;display:flex}.up-form-group label{color:#374151;font-size:12.5px;font-weight:600}.up-req{color:#ef4444}.up-field-hint{color:#9ca3af;font-size:11.5px}.up-hint-warn{font-weight:500;color:#d97706!important}.up-input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.up-input-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.up-disabled{opacity:.7;background:#f9fafb!important}.up-disabled:focus-within{box-shadow:none!important;border-color:#e5e7eb!important}.up-input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 9px 0 12px;display:flex}.up-input-wrap input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.up-input-wrap input::placeholder{color:#9ca3af}.up-input-wrap input:disabled{color:#9ca3af;cursor:not-allowed}.up-sel-wrap select{color:#111827;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:13px}.up-sel-wrap select:disabled{color:#9ca3af;cursor:not-allowed}.up-eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px 0 6px;transition:color .1s;display:flex}.up-eye-btn:hover{color:#374151}.up-live-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.up-dot-green{background:#16a34a}.up-dot-red{background:#dc2626}.up-modal-footer{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding:16px 24px;display:flex}.up-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.up-cancel-btn:hover{background:#f9fafb}.up-submit-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.up-submit-btn:hover:not(:disabled){background:#ea6c0a}.up-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.up-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.up-page-header{flex-direction:column;gap:12px}.up-create-btn{justify-content:center;width:100%}.up-toolbar{flex-direction:column;align-items:stretch}.up-search-wrap{max-width:100%}.up-modal-box{border-radius:12px;max-width:100%}.up-modal-body{padding:16px 16px 0}.up-modal-head,.up-modal-footer{padding:16px}.up-action-btns{flex-direction:column;gap:5px}.up-edit-btn,.up-delete-btn{justify-content:center;width:100%}.up-photo-section{flex-direction:column;align-items:flex-start}}@media (width<=500px){.up-stats-grid{grid-template-columns:1fr}}.role-container{color:#1a1a2e;background:#f5f6fa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.role-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.role-title{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.role-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:12.5px;display:flex}.breadcrumb-sep{color:#d1d5db}.breadcrumb-active{color:#374151;font-weight:500}.add-role-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.1px;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.add-role-btn:hover{background:#1f2937}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:20px;transition:box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon-orange{background:#fff7ed}.stat-icon-green{background:#f0fdf4}.stat-icon-blue{background:#eff6ff}.stat-icon-purple{background:#f5f3ff}.stat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-label{color:#6b7280;white-space:nowrap;font-size:12.5px;font-weight:500}.stat-num{color:#111827;letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.1}.stat-date{letter-spacing:-.3px;font-size:17px!important}.stat-sub{color:#9ca3af;margin-top:1px;font-size:12px}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.role-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:360px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.search-icon{flex-shrink:0}.search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.search-input::placeholder{color:#9ca3af}.toolbar-right{align-items:center;gap:8px;display:flex}.filter-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.filter-select{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 0;font-family:Inter,sans-serif;font-size:13px}.export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:inline-flex}.export-btn:hover{background:#f9fafb}.table-wrap{overflow-x:auto}.role-table{border-collapse:collapse;width:100%;font-size:13.5px}.role-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.role-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.role-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s,opacity .2s}.role-table tbody tr:hover{background:#fafafa}.role-table tbody tr:last-child{border-bottom:none}.role-table td{color:#374151;vertical-align:middle;padding:12px 16px}.role-row-deleting{opacity:.4;pointer-events:none}.id-cell{color:#111827;width:48px;font-weight:600}.date-cell{color:#6b7280;white-space:nowrap;font-size:13px}.role-empty{color:#d1d5db;font-size:13px}.no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.role-name-cell{align-items:center;gap:10px;display:flex}.role-icon-wrap{background:#fff7ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.role-name-text{color:#111827;font-size:13.5px;font-weight:600}.proj-tags-wrap{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.proj-tag{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:500}.proj-tag-more{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.perm-count-pill{color:#374151;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.role-status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-active{color:#16a34a;background:#f0fdf4}.badge-active .badge-dot{background:#16a34a}.badge-inactive{color:#dc2626;background:#fef2f2}.badge-inactive .badge-dot{background:#dc2626}.role-action-btns{align-items:center;gap:7px;display:flex}.role-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.role-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.role-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.role-delete-btn:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.role-delete-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.pagination-info{color:#6b7280;font-size:13px}.pagination-controls{align-items:center;gap:4px;display:flex}.rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-active{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:600!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:94vh;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.modal-head{background:#fff;border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-head h3{color:#111827;letter-spacing:-.2px;font-size:17px;font-weight:700}.modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;font-weight:300;line-height:1;transition:background .1s}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px 0;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.form-grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.form-grid2{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;letter-spacing:-.1px;font-size:12.5px;font-weight:600}.req{color:#ef4444}.field-hint{color:#9ca3af;font-size:11.5px}.input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 9px 0 12px;display:flex}.input-wrap input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.input-wrap input::placeholder{color:#9ca3af}.select-wrap{position:relative}.select-wrap select{color:#111827;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.sel-arrow{pointer-events:none;flex-shrink:0;align-items:center;padding-right:10px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:#16a34a}.dot-red{background:#dc2626}.proj-label-row{justify-content:space-between;align-items:center;display:flex}.proj-sel-badge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600}.proj-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;gap:7px;min-height:48px;padding:10px 12px;display:flex}.proj-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.proj-chip:hover{background:#f9fafb;border-color:#d1d5db}.proj-chip-on{font-weight:600;color:#c2410c!important;background:#fff7ed!important;border-color:#f97316!important}.proj-chip-on:hover{background:#ffedd5!important;border-color:#ea6c0a!important}.no-proj-msg{color:#9ca3af;padding:4px;font-size:13px}.perm-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.perm-granted-badge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.perm-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.perm-table{border-collapse:collapse;width:100%;font-size:13px}.perm-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.th-module{text-align:left;color:#374151;width:42%;padding:10px 14px;font-size:12px;font-weight:600}.th-action{text-align:center;color:#374151;width:14.5%;padding:10px 6px;font-size:12px;font-weight:600}.perm-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.perm-row:last-child{border-bottom:none}.perm-row:hover{background:#fffbf5}.td-module{padding:9px 14px}.td-action{text-align:center;padding:9px 6px}.check-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.check-center{justify-content:center}.mod-label{color:#111827;font-size:13px;font-weight:500}input[type=checkbox]{display:none}.custom-check{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .15s,background .15s;display:inline-flex;position:relative}input[type=checkbox]:checked+.custom-check{background:#e5e7eb;border-color:#d1d5db}input[type=checkbox]:checked+.custom-check:after{content:"";border:2px solid #374151;border-top:none;border-left:none;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.orange-check{border-color:#fed7aa}input[type=checkbox]:checked+.orange-check{background:#f97316;border-color:#f97316}input[type=checkbox]:checked+.orange-check:after{border-color:#fff}.modal-footer{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding:16px 24px;display:flex}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.cancel-btn:hover{background:#f9fafb}.save-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.save-btn:hover:not(:disabled){background:#ea6c0a}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.role-page-header{flex-direction:column;gap:12px}.add-role-btn{justify-content:center;width:100%}.role-toolbar{flex-direction:column;align-items:stretch}.search-wrap{max-width:100%}.modal-box{border-radius:12px;max-width:100%}.modal-body{padding:16px 16px 0}.modal-head,.modal-footer{padding:16px}.role-action-btns{flex-direction:column;gap:6px}.role-edit-btn,.role-delete-btn{justify-content:center;width:100%}}@media (width<=500px){.stats-grid{grid-template-columns:1fr}}.project-page-container{color:#1a1a2e;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.project-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.project-page-header-left{flex-direction:column;gap:4px;display:flex}.project-page-title{color:#111827;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.project-page-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:13px;display:flex}.project-page-breadcrumb-sep{color:#d1d5db;font-size:14px}.project-page-breadcrumb-active{color:#374151;font-weight:500}.project-page-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:7px;padding:11px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s;display:flex}.project-page-create-btn:hover{background:#1f2937}.project-page-plus{font-size:20px;font-weight:400;line-height:1}.project-page-detail-loading{text-align:center;color:#9ca3af;padding:60px;font-size:15px}.project-page-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.project-page-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.project-page-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:440px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.project-page-search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.project-page-search-icon{flex-shrink:0}.project-page-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:13.5px}.project-page-search-input::placeholder{color:#9ca3af}.project-page-toolbar-right{align-items:center;gap:8px;display:flex}.project-page-export-wrap{position:relative}.project-page-export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.project-page-export-btn:hover{background:#f9fafb;border-color:#d1d5db}.project-page-export-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:170px;padding:6px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.project-page-export-option{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:400;transition:background .1s;display:flex}.project-page-export-option:hover{background:#f9fafb}.project-page-table-wrap{overflow-x:auto}.project-page-table{border-collapse:collapse;width:100%;font-size:13.5px}.project-page-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.project-page-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:13px 16px;font-size:12px;font-weight:600}.project-page-sort-icon{vertical-align:middle;color:#9ca3af;margin-left:5px;display:inline-flex}.project-page-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.project-page-table-row-clickable{cursor:pointer}.project-page-table-row-clickable:hover{background:#fafafa}.project-page-table tbody tr:last-child{border-bottom:none}.project-page-table td{color:#374151;vertical-align:middle;padding:13px 16px}.project-page-id-cell{color:#111827;font-weight:600}.project-page-date-cell{color:#6b7280;white-space:nowrap;font-size:13px}.project-page-company-cell{color:#6b7280;font-size:13.5px}.project-page-empty{color:#d1d5db}.project-page-name-cell{align-items:center;gap:10px;display:flex}.project-page-icon-wrap{background:#fff7ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.project-page-name-text{color:#111827;font-size:13.5px;font-weight:500}.project-page-location-cell{color:#6b7280;align-items:center;gap:6px;font-size:13.5px;display:flex}.project-page-gst-badge{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:7px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.project-page-code-badge{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:6px;align-items:center;padding:3px 8px;font-family:Courier New,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.project-page-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.project-page-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.project-page-status-active{color:#16a34a;background:#f0fdf4}.project-page-status-active .project-page-status-dot{background:#16a34a}.project-page-status-inactive{color:#dc2626;background:#fef2f2}.project-page-status-inactive .project-page-status-dot{background:#dc2626}.project-page-no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.project-page-action-btns{align-items:center;gap:8px;display:flex}.project-page-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.project-page-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.project-page-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.project-page-delete-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.project-page-pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.project-page-pagination-info{color:#6b7280;font-size:13px}.project-page-pagination-controls{align-items:center;gap:4px;display:flex}.project-page-rows-label{color:#6b7280;margin-right:6px;font-size:13px}.project-page-rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:10px;padding:6px 30px 6px 11px;font-family:Inter,sans-serif;font-size:13px}.project-page-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 6px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.project-page-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.project-page-page-btn:disabled{opacity:.35;cursor:not-allowed}.project-page-page-active{color:#fff!important;background:#000!important;border-color:#000!important;font-weight:600!important}.project-page-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.18s projectOverlayIn;display:flex;position:fixed;inset:0}@keyframes projectOverlayIn{0%{opacity:0}to{opacity:1}}.project-page-modal-box{background:#fff;border-radius:18px;width:100%;max-width:60%;max-height:92vh;animation:.2s cubic-bezier(.34,1.56,.64,1) projectModalIn;overflow-y:auto;box-shadow:0 24px 64px #00000029}@keyframes projectModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.project-page-modal-head{z-index:10;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex;position:sticky;top:0}.project-page-modal-head h3{color:#111827;letter-spacing:-.3px;font-size:18px;font-weight:700}.project-page-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:7px;padding:3px 7px;font-size:24px;font-weight:300;line-height:1;transition:background .1s,color .1s}.project-page-modal-close:hover{color:#374151;background:#f3f4f6}.project-page-modal-form{padding:22px 28px 24px}.project-page-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #f3f4f6;margin:22px 0 14px;padding-bottom:8px;font-size:11px;font-weight:700;display:block}.project-page-section-label:first-child{margin-top:0}.project-page-form-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:4px;display:grid}@media (width<=560px){.project-page-form-grid{grid-template-columns:1fr}}.project-page-form-group{flex-direction:column;gap:7px;display:flex}.project-page-form-group label{color:#374151;letter-spacing:-.1px;font-size:13px;font-weight:600}.project-page-req{color:#f97316}.project-page-input-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.project-page-input-wrap:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.project-page-input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 10px 0 14px;display:flex}.project-page-input-wrap input,.project-page-input-wrap select{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:11px 12px 11px 0;font-family:Inter,sans-serif;font-size:13.5px}.project-page-input-wrap input::placeholder{color:#9ca3af}.project-page-select-wrap{position:relative}.project-page-input-wrap select{appearance:none;cursor:pointer}.project-page-select-arrow{pointer-events:none;flex-shrink:0;align-items:center;padding-right:12px;display:flex}.project-page-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.project-page-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:11px 26px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .12s,border-color .12s}.project-page-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.project-page-submit-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 26px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .12s,transform .1s;display:flex}.project-page-submit-btn:hover{background:#ea6c0a;transform:translateY(-1px)}.project-page-submit-btn:active{transform:translateY(0)}.project-page-modal-box::-webkit-scrollbar{width:5px}.project-page-modal-box::-webkit-scrollbar-track{background:0 0}.project-page-modal-box::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.pp-file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:4px;display:grid}.pp-file-slot{flex-direction:column;gap:6px;display:flex}.pp-file-label{color:#374151;font-size:13px;font-weight:600}.pp-file-upload-zone{cursor:pointer;background:#fafafa;border:2px dashed #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;padding:20px 12px;transition:border-color .15s,background .15s;display:flex}.pp-file-upload-zone:hover{background:#fff7ed;border-color:#f97316}.pp-file-upload-zone span{color:#6b7280;font-size:13px;font-weight:500}.pp-file-hint{color:#9ca3af!important;font-size:11.5px!important;font-weight:400!important}.pp-file-preview-wrap{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;min-height:110px;display:flex;position:relative;overflow:hidden}.pp-file-preview-img{object-fit:cover;width:100%;height:110px;display:block}.pp-file-preview-doc{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.pp-file-preview-doc span{color:#6b7280;word-break:break-all;max-width:140px;font-size:11.5px;display:block}.pp-file-remove-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;transition:background .12s;display:flex;position:absolute;top:6px;right:6px}.pp-file-remove-btn:hover{background:#ef4444e6}.pp-file-replace-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:color .12s;display:inline-flex}.pp-file-replace-btn:hover{color:#f97316}@media (width<=768px){.project-page-container{padding:18px 16px}.project-page-header{flex-direction:column;gap:14px}.project-page-create-btn{justify-content:center;width:100%}.project-page-toolbar{flex-direction:column;align-items:stretch}.project-page-search-wrap{max-width:100%}.project-page-modal-box{border-radius:14px;max-width:100%}.project-page-modal-head{padding:18px 20px 14px}.project-page-modal-form{padding:18px 20px 20px}.project-page-action-btns{flex-direction:column;gap:6px}.project-page-edit-btn,.project-page-delete-btn{justify-content:center;width:100%}.pp-file-grid{grid-template-columns:1fr 1fr}}.ppd-container{color:#1a1a2e;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.ppd-top-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ppd-top-left{flex-direction:column;gap:10px;display:flex}.ppd-back-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:15px;padding:0;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:color .12s;display:inline-flex}.ppd-back-btn:hover{color:#111827}.ppd-title-row{align-items:center;gap:14px;display:flex}.ppd-title-icon{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ppd-title{color:#111827;letter-spacing:-.4px;margin:0;font-size:26px;font-weight:700}.ppd-breadcrumb{color:#9ca3af;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.ppd-breadcrumb-sep{color:#d1d5db}.ppd-breadcrumb-link{cursor:pointer;transition:color .12s}.ppd-breadcrumb-link:hover{color:#f97316}.ppd-breadcrumb-active{color:#374151;font-weight:500}.ppd-top-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.ppd-btn-edit{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.ppd-btn-edit:hover{background:#1f2937}.ppd-btn-delete{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.ppd-btn-delete:hover{background:#fef2f2;border-color:#ef4444}.ppd-stats-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.ppd-stat{flex-direction:column;gap:5px;display:flex}.ppd-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.ppd-stat-value{color:#111827;font-size:14px;font-weight:600}.ppd-stat-div{background:#f3f4f6;flex-shrink:0;align-self:center;width:1px;height:36px}.ppd-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.ppd-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.ppd-status-active{color:#16a34a;background:#f0fdf4}.ppd-status-active .ppd-status-dot{background:#16a34a}.ppd-status-inactive{color:#dc2626;background:#fef2f2}.ppd-status-inactive .ppd-status-dot{background:#dc2626}.ppd-main-grid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.ppd-left-col{flex-direction:column;gap:16px;display:flex}.ppd-right-col{position:sticky;top:20px}.ppd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ppd-card-head{color:#111827;background:#fafafa;border-bottom:1px solid #f3f4f6;align-items:center;gap:9px;padding:14px 20px;font-size:13.5px;font-weight:700;display:flex}.ppd-card-body{padding:4px 0}.ppd-info-row{border-bottom:1px solid #f9fafb;align-items:flex-start;padding:11px 20px;display:flex}.ppd-info-row:last-child{border-bottom:none}.ppd-info-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:150px;padding-top:1px;font-size:12px;font-weight:600}.ppd-info-value{color:#111827;font-size:13.5px;font-weight:400}.ppd-empty{color:#d1d5db}.ppd-attach-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ppd-attach-head{color:#111827;background:#fafafa;border-bottom:1px solid #f3f4f6;align-items:center;gap:9px;padding:14px 20px;font-size:13.5px;font-weight:700;display:flex}.ppd-attach-count{color:#fff;background:#f97316;border-radius:20px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-weight:700}.ppd-attach-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.ppd-attach-empty p{color:#374151;font-size:14px;font-weight:500}.ppd-attach-empty span{color:#9ca3af;font-size:12.5px}.ppd-attach-list{flex-direction:column;padding:8px 0;display:flex}.ppd-attach-item{border-bottom:1px solid #f9fafb;align-items:center;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.ppd-attach-item:last-child{border-bottom:none}.ppd-attach-item:hover{background:#fafafa}.ppd-attach-thumb{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.ppd-attach-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.ppd-attach-thumb-doc{background:#fff7ed;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ppd-attach-zoom-hint{opacity:0;background:#0006;border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.ppd-attach-thumb:hover .ppd-attach-zoom-hint{opacity:1}.ppd-attach-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ppd-attach-num{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.ppd-attach-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ppd-attach-type{color:#9ca3af;font-size:11.5px}.ppd-attach-actions{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.ppd-attach-view-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ppd-attach-view-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.ppd-attach-dl-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ppd-attach-dl-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.ppd-lightbox{z-index:2000;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;animation:.2s ppLightboxIn;display:flex;position:fixed;inset:0}@keyframes ppLightboxIn{0%{opacity:0}to{opacity:1}}.ppd-lightbox-close{cursor:pointer;background:#ffffff1a;border:1.5px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.ppd-lightbox-close:hover{background:#fff3}.ppd-lightbox-img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:80vh;box-shadow:0 24px 64px #00000080}.ppd-lightbox-hint{color:#ffffff73;font-size:13px}@media (width<=900px){.ppd-main-grid{grid-template-columns:1fr}.ppd-right-col{position:static}}@media (width<=640px){.ppd-title{font-size:20px}.ppd-stats-bar{gap:10px}.ppd-stat-div{display:none}.ppd-top-header{flex-direction:column}.ppd-top-actions{flex-direction:row;width:100%}.ppd-btn-edit,.ppd-btn-delete{flex:1;justify-content:center}.ppd-info-label{min-width:110px}}.product-page-container{color:#1a1a2e;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.product-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.product-page-header-left{flex-direction:column;gap:4px;display:flex}.product-page-title{color:#111827;letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.product-page-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:13px;display:flex}.product-page-breadcrumb-sep{color:#d1d5db;font-size:14px}.product-page-breadcrumb-active{color:#374151;font-weight:500}.product-page-create-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.1px;background:#111827;border:none;border-radius:10px;align-items:center;gap:7px;padding:11px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s;display:flex}.product-page-create-btn:hover{background:#1f2937}.product-page-plus{font-size:20px;font-weight:400;line-height:1}.product-page-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.product-page-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.product-page-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:360px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.product-page-search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.product-page-search-icon{flex-shrink:0}.product-page-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:13.5px}.product-page-search-input::placeholder{color:#9ca3af}.product-page-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-page-filter-select{color:#374151;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e5e7eb;border-radius:9px;outline:none;min-width:115px;padding:9px 34px 9px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:border-color .12s}.product-page-filter-select:hover{border-color:#d1d5db}.product-page-export-wrap{position:relative}.product-page-export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.product-page-export-btn:hover{background:#f9fafb;border-color:#d1d5db}.product-page-export-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:170px;padding:6px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.product-page-export-option{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:400;transition:background .1s;display:flex}.product-page-export-option:hover{background:#f9fafb}.product-page-table-wrap{overflow-x:auto}.product-page-table{border-collapse:collapse;width:100%;font-size:13.5px}.product-page-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.product-page-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:13px 20px;font-size:12px;font-weight:600}.product-page-sort-icon{vertical-align:middle;color:#9ca3af;cursor:pointer;margin-left:5px;display:inline-flex}.product-page-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.product-page-table tbody tr:hover{background:#fafafa}.product-page-table tbody tr:last-child{border-bottom:none}.product-page-table td{color:#374151;vertical-align:middle;padding:13px 20px}.product-page-id-cell{color:#111827;font-weight:600}.product-page-tonn-cell{color:#111827;font-weight:500}.product-page-date-cell{color:#6b7280;white-space:nowrap;font-size:13px}.product-page-name-cell{align-items:center;gap:10px;display:flex}.product-page-icon-wrap{background:#fff7ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.product-page-name-text{color:#111827;font-size:13.5px;font-weight:500}.product-page-unit-badge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border-radius:7px;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.product-page-project-cell{color:#6b7280;align-items:center;gap:6px;font-size:13.5px;display:flex}.product-page-status-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.product-page-status-badge:hover{opacity:.8;transform:scale(.97)}.product-page-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.product-page-status-active{color:#16a34a;background:#f0fdf4}.product-page-status-active .product-page-status-dot{background:#16a34a}.product-page-status-inactive{color:#dc2626;background:#fef2f2}.product-page-status-inactive .product-page-status-dot{background:#dc2626}.product-page-no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.product-page-action-btns{align-items:center;gap:8px;display:flex}.product-page-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.product-page-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.product-page-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.product-page-delete-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.product-page-pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.product-page-pagination-info{color:#6b7280;font-size:13px}.product-page-pagination-controls{align-items:center;gap:4px;display:flex}.product-page-rows-label{color:#6b7280;margin-right:6px;font-size:13px}.product-page-rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:10px;padding:6px 30px 6px 11px;font-family:Inter,sans-serif;font-size:13px}.product-page-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 6px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.product-page-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.product-page-page-btn:disabled{opacity:.35;cursor:not-allowed}.product-page-page-active{color:#fff!important;background:#000!important;border-color:#000!important;font-weight:600!important}.product-page-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.18s productOverlayIn;display:flex;position:fixed;inset:0}@keyframes productOverlayIn{0%{opacity:0}to{opacity:1}}.product-page-modal-box{background:#fff;border-radius:18px;width:100%;max-width:580px;max-height:92vh;animation:.2s cubic-bezier(.34,1.56,.64,1) productModalIn;overflow-y:auto;box-shadow:0 24px 64px #00000029}@keyframes productModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-page-modal-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex}.product-page-modal-head h3{color:#111827;letter-spacing:-.3px;font-size:18px;font-weight:700}.product-page-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:7px;padding:3px 7px;font-size:24px;font-weight:300;line-height:1;transition:background .1s,color .1s}.product-page-modal-close:hover{color:#374151;background:#f3f4f6}.product-page-modal-form{padding:22px 28px 24px}.product-page-form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}@media (width<=560px){.product-page-form-grid{grid-template-columns:1fr}}.product-page-form-group{flex-direction:column;gap:7px;display:flex}.product-page-form-group label{color:#374151;letter-spacing:-.1px;font-size:13px;font-weight:600}.product-page-req{color:#f97316}.product-page-input-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.product-page-input-wrap:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.product-page-input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 10px 0 14px;display:flex}.product-page-input-wrap input,.product-page-input-wrap select{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:11px 12px 11px 0;font-family:Inter,sans-serif;font-size:13.5px}.product-page-input-wrap input::placeholder{color:#9ca3af}.product-page-select-wrap{position:relative}.product-page-input-wrap select{appearance:none;cursor:pointer}.product-page-select-arrow{pointer-events:none;flex-shrink:0;align-items:center;padding-right:12px;display:flex}.product-page-modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.product-page-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:11px 26px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .12s,border-color .12s}.product-page-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.product-page-submit-btn{color:#fff;cursor:pointer;letter-spacing:-.1px;background:#f97316;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 26px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .12s,transform .1s;display:flex}.product-page-submit-btn:hover{background:#ea6c0a;transform:translateY(-1px)}.product-page-submit-btn:active{transform:translateY(0)}.product-page-modal-box::-webkit-scrollbar{width:5px}.product-page-modal-box::-webkit-scrollbar-track{background:0 0}.product-page-modal-box::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}@media (width<=768px){.product-page-container{padding:18px 16px}.product-page-header{flex-direction:column;gap:14px}.product-page-create-btn{justify-content:center;width:100%}.product-page-toolbar{flex-direction:column;align-items:stretch}.product-page-search-wrap{max-width:100%}.product-page-modal-box{border-radius:14px}.product-page-modal-head{padding:18px 20px 14px}.product-page-modal-form{padding:18px 20px 20px}.product-page-action-btns{flex-direction:column;gap:6px}.product-page-edit-btn,.product-page-delete-btn{justify-content:center;width:100%}}.cust-container{color:#111827;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.cust-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.cust-title{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.cust-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:12.5px;display:flex}.cust-bc-sep{color:#d1d5db}.cust-bc-active{color:#374151;font-weight:500}.cust-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.cust-create-btn:hover{background:#1f2937}.cust-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.cust-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.cust-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.cust-si-orange{background:#fff7ed}.cust-si-green{background:#f0fdf4}.cust-si-blue{background:#eff6ff}.cust-si-purple{background:#f5f3ff}.cust-stat-label{color:#6b7280;font-size:12.5px;font-weight:500}.cust-stat-num{color:#111827;letter-spacing:-.5px;margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.cust-stat-date{font-size:15px!important}.cust-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.cust-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.cust-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.cust-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:400px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.cust-search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.cust-search-icon{flex-shrink:0}.cust-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.cust-search-input::placeholder{color:#9ca3af}.cust-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cust-select-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.cust-export-wrap{position:relative}.cust-export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:inline-flex}.cust-export-btn:hover{background:#f9fafb}.cust-export-drop{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:6px 0;animation:.15s dropIn;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0000001a}.cust-export-opt{cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:flex}.cust-export-opt:hover{background:#f9fafb}.cust-table-wrap{overflow-x:auto}.cust-table{border-collapse:collapse;width:100%;font-size:13.5px}.cust-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.cust-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.cust-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s,opacity .2s}.cust-table tbody tr:hover{background:#fafafa}.cust-table tbody tr:last-child{border-bottom:none}.cust-table td{vertical-align:middle;padding:12px 14px}.cust-row-del{opacity:.4;pointer-events:none}.cust-id-cell{color:#111827;width:44px;font-weight:600}.cust-company-cell{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.cust-mobile-cell{color:#374151;white-space:nowrap;font-size:13px}.cust-alt-mobile{color:#9ca3af;margin-top:2px;font-size:12px}.cust-gst-cell{color:#374151;white-space:nowrap;font-family:Courier New,monospace;font-size:12.5px}.cust-credit-cell{color:#374151;white-space:nowrap;font-size:13px;font-weight:600}.cust-empty{color:#d1d5db}.cust-no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.cust-name-cell{align-items:center;gap:10px;display:flex}.cust-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.cust-name-text{color:#111827;font-size:13.5px;font-weight:600;line-height:1.3}.cust-code-text{color:#000;margin-top:1px;font-size:11.5px}.cust-email-text{color:#6b7280;margin-top:1px;font-size:12px}.cust-proj-badge{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.cust-payment-badge{color:#16a34a;background:#f0fdf4;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.cust-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.cust-s-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cust-s-active{color:#16a34a;background:#f0fdf4}.cust-s-active .cust-s-dot{background:#16a34a}.cust-s-inactive{color:#dc2626;background:#fef2f2}.cust-s-inactive .cust-s-dot{background:#dc2626}.cust-action-btns{align-items:center;gap:6px;display:flex}.cust-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.cust-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.cust-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.cust-delete-btn:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.cust-delete-btn:disabled{opacity:.45;cursor:not-allowed}.cust-pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.cust-pagination-info{color:#6b7280;font-size:13px}.cust-pagination-controls{align-items:center;gap:4px;display:flex}.cust-rows-label{color:#6b7280;margin-right:6px;font-size:13px}.cust-rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.cust-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.cust-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.cust-page-btn:disabled{opacity:.35;cursor:not-allowed}.cust-page-active{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:600!important}.cust-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.cust-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:94vh;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.cust-modal-head{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.cust-modal-title{color:#111827;letter-spacing:-.2px;margin:0 0 3px;font-size:17px;font-weight:700}.cust-modal-sub{color:#9ca3af;font-size:12.5px}.cust-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;font-weight:300;line-height:1;transition:background .1s}.cust-modal-close:hover{color:#374151;background:#f3f4f6}.cust-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:0 24px;display:flex}.cust-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:13px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.cust-tab:hover{color:#374151}.cust-tab-active{font-weight:600;color:#f97316!important;border-bottom-color:#f97316!important}.cust-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px 0;display:flex;overflow-y:auto}.cust-modal-body::-webkit-scrollbar{width:4px}.cust-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.cust-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cust-col-span-2{grid-column:1/-1}@media (width<=560px){.cust-form-grid{grid-template-columns:1fr}}.cust-form-group{flex-direction:column;gap:6px;display:flex}.cust-form-group label{color:#374151;font-size:12.5px;font-weight:600}.cust-req{color:#ef4444}.cust-field-hint{color:#9ca3af;font-size:11.5px}.cust-input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cust-input-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.cust-input-disabled{background:#f9fafb!important}.cust-input-disabled:focus-within{box-shadow:none!important;border-color:#e5e7eb!important}.cust-input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 9px 0 12px;display:flex}.cust-input-wrap input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.cust-input-wrap input::placeholder{color:#9ca3af}.cust-input-wrap input:disabled{color:#9ca3af;cursor:not-allowed}.cust-sel-wrap select{color:#111827;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:13px}.cust-textarea{color:#111827;resize:vertical;background:0 0;border:none;outline:none;flex:1;min-height:80px;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.cust-textarea::placeholder{color:#9ca3af}.cust-live-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.cust-dot-green{background:#16a34a}.cust-dot-red{background:#dc2626}.cust-tab-nav{border-top:1px solid #f3f4f6;align-items:center;gap:10px;margin-top:8px;padding:16px 0 20px;display:flex}.cust-prev-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.cust-prev-btn:hover{background:#f9fafb}.cust-next-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s}.cust-next-btn:hover{background:#1f2937}.cust-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.cust-cancel-btn:hover{background:#f9fafb}.cust-submit-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.cust-submit-btn:hover:not(:disabled){background:#ea6c0a}.cust-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.cust-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cust-page-header{flex-direction:column;gap:12px}.cust-create-btn{justify-content:center;width:100%}.cust-toolbar{flex-direction:column;align-items:stretch}.cust-search-wrap{max-width:100%}.cust-modal-box{border-radius:12px;max-width:100%}.cust-modal-body{padding:16px 16px 0}.cust-modal-head{padding:16px}.cust-tabs{padding:0 16px;overflow-x:auto}.cust-action-btns{flex-direction:column;gap:5px}}@media (width<=500px){.cust-stats-grid{grid-template-columns:1fr}}.vh-container{color:#111827;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.vh-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.vh-title{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.vh-breadcrumb{color:#9ca3af;align-items:center;gap:6px;font-size:12.5px;display:flex}.vh-bc-sep{color:#d1d5db}.vh-bc-active{color:#374151;font-weight:500}.vh-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.vh-create-btn:hover{background:#1f2937}.vh-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.vh-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.vh-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.vh-si-orange{background:#fff7ed}.vh-si-green{background:#f0fdf4}.vh-si-blue{background:#eff6ff}.vh-si-purple{background:#f5f3ff}.vh-si-red{background:#fef2f2}.vh-stat-label{color:#6b7280;font-size:12.5px;font-weight:500}.vh-stat-num{color:#111827;letter-spacing:-.5px;margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.vh-num-red{color:#dc2626!important}.vh-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.vh-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.vh-toolbar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.vh-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:400px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.vh-search-wrap:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.vh-search-icon{flex-shrink:0}.vh-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.vh-search-input::placeholder{color:#9ca3af}.vh-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vh-select-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.vh-export-wrap{position:relative}.vh-export-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:inline-flex}.vh-export-btn:hover{background:#f9fafb}.vh-export-drop{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:6px 0;animation:.15s dropIn;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0000001a}.vh-export-opt{cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:flex}.vh-export-opt:hover{background:#f9fafb}.vh-table-wrap{overflow-x:auto}.vh-table{border-collapse:collapse;width:100%;font-size:13.5px}.vh-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.vh-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.vh-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s,opacity .2s}.vh-table tbody tr:hover{background:#fafafa}.vh-table tbody tr:last-child{border-bottom:none}.vh-table td{vertical-align:middle;padding:12px 14px}.vh-row-del{opacity:.4;pointer-events:none}.vh-id-cell{color:#111827;width:44px;font-weight:600}.vh-rc-cell{color:#374151;white-space:nowrap;font-size:12.5px}.vh-empty{color:#d1d5db}.vh-no-data{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.vh-vehicle-cell{align-items:center;gap:10px;display:flex}.vh-plate-badge{color:#fff;letter-spacing:1px;white-space:nowrap;background:#111827;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.vh-brand-text{color:#6b7280;margin-top:2px;font-size:12.5px}.vh-capacity-badge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.vh-customer-pill{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.vh-ins-badge{white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.vh-ins-ok{color:#16a34a;background:#f0fdf4}.vh-ins-expiring{color:#ca8a04;background:#fefce8;font-weight:600}.vh-ins-expired{color:#dc2626;background:#fef2f2;font-weight:600}.vh-driver-name{color:#111827;font-size:13px;font-weight:600}.vh-driver-mobile{color:#6b7280;margin-top:2px;font-size:12px}.vh-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.vh-s-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.vh-s-active{color:#16a34a;background:#f0fdf4}.vh-s-active .vh-s-dot{background:#16a34a}.vh-s-inactive{color:#dc2626;background:#fef2f2}.vh-s-inactive .vh-s-dot{background:#dc2626}.vh-action-btns{align-items:center;gap:6px;display:flex}.vh-edit-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.vh-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.vh-delete-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:all .12s;display:inline-flex}.vh-delete-btn:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.vh-delete-btn:disabled{opacity:.45;cursor:not-allowed}.vh-pagination-bar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.vh-pagination-info{color:#6b7280;font-size:13px}.vh-pagination-controls{align-items:center;gap:4px;display:flex}.vh-rows-label{color:#6b7280;margin-right:6px;font-size:13px}.vh-rows-select{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.vh-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.vh-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.vh-page-btn:disabled{opacity:.35;cursor:not-allowed}.vh-page-active{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:600!important}.vh-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.vh-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:94vh;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.vh-modal-head{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.vh-modal-title{color:#111827;letter-spacing:-.2px;margin:0 0 3px;font-size:17px;font-weight:700}.vh-modal-sub{color:#9ca3af;font-size:12.5px}.vh-modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;font-weight:300;line-height:1;transition:background .1s}.vh-modal-close:hover{color:#374151;background:#f3f4f6}.vh-modal-body{flex-direction:column;flex:1;gap:14px;padding:20px 24px 0;display:flex;overflow-y:auto}.vh-modal-body::-webkit-scrollbar{width:4px}.vh-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.vh-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #f3f4f6;padding-bottom:6px;font-size:11.5px;font-weight:700}.vh-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.vh-form-grid{grid-template-columns:1fr}}.vh-form-group{flex-direction:column;gap:6px;display:flex}.vh-form-group label{color:#374151;font-size:12.5px;font-weight:600}.vh-req{color:#ef4444}.vh-input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.vh-input-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.vh-input-icon{color:#9ca3af;flex-shrink:0;align-items:center;padding:0 9px 0 12px;display:flex}.vh-input-wrap input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.vh-input-wrap input::placeholder{color:#9ca3af}.vh-sel-wrap select{color:#111827;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:13px}.vh-textarea{color:#111827;resize:vertical;background:0 0;border:none;outline:none;flex:1;min-height:80px;padding:10px 10px 10px 0;font-family:Inter,sans-serif;font-size:13px}.vh-textarea::placeholder{color:#9ca3af}.vh-live-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.vh-dot-green{background:#16a34a}.vh-dot-red{background:#dc2626}.vh-capacity-wrap{gap:8px;display:flex}.vh-cap-val{flex:1}.vh-cap-unit{flex-shrink:0;width:110px}.vh-modal-footer{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding:16px 24px;display:flex}.vh-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.vh-cancel-btn:hover{background:#f9fafb}.vh-submit-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.vh-submit-btn:hover:not(:disabled){background:#ea6c0a}.vh-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.vh-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.vh-page-header{flex-direction:column;gap:12px}.vh-create-btn{justify-content:center;width:100%}.vh-toolbar{flex-direction:column;align-items:stretch}.vh-search-wrap{max-width:100%}.vh-modal-box{border-radius:12px;max-width:100%}.vh-modal-body{padding:16px 16px 0}.vh-modal-head,.vh-modal-footer{padding:16px}.vh-capacity-wrap{flex-direction:column}.vh-cap-unit{width:100%}.vh-action-btns{flex-direction:column;gap:5px}}@media (width<=500px){.vh-stats-grid{grid-template-columns:1fr}}.vh-model-cell{color:#374151;font-size:13px}.vh-capval-cell,.vh-capunit-cell{text-align:center}.vh-unit-badge{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sup-page{color:#111827;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.sup-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.sup-title{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.sup-bc{color:#9ca3af;font-size:12.5px}.sup-bc span{color:#d1d5db;margin:0 4px}.sup-bc b{color:#374151;font-weight:500}.sup-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.sup-create-btn:hover{background:#1f2937}.sup-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.sup-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.sup-stat-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sup-stat-lbl{color:#6b7280;font-size:12.5px;font-weight:500}.sup-stat-val{color:#111827;letter-spacing:-.5px;margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.sup-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.sup-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sup-bar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.sup-srch{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:360px;padding:0 12px;transition:border-color .15s;display:flex}.sup-srch:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.sup-srch input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.sup-srch input::placeholder{color:#9ca3af}.sup-bar-r{align-items:center;gap:8px;display:flex}.sup-sel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.sup-exp-wrap{position:relative}.sup-exp-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.sup-exp-drop{right:0;top:calc(100%5px);z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:6px 0;position:absolute;box-shadow:0 8px 24px #0000001a}.sup-exp-opt{cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;display:flex}.sup-exp-opt:hover{background:#f9fafb}.sup-tbl-wrap{overflow-x:auto}.sup-tbl{border-collapse:collapse;width:100%;font-size:13px}.sup-tbl thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sup-tbl th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.sup-tbl tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.sup-tbl tbody tr:hover{background:#fafafa}.sup-tbl tbody tr:last-child{border-bottom:none}.sup-tbl td{vertical-align:middle;padding:11px 12px}.row-del{opacity:.4;pointer-events:none}.td-sm{color:#374151;font-size:12.5px}.td-mono{font-size:11.5px}.td-empty-row{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.sup-name-cell{align-items:center;gap:10px;display:flex}.sup-av{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.sup-nm{color:#111827;font-size:13.5px;font-weight:600;line-height:1.3}.sup-code{color:#9ca3af;margin-top:1px;font-size:11.5px}.sup-em{color:#6b7280;margin-top:1px;font-size:12px}.price-pill{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.pay-pill{color:#16a34a;background:#f0fdf4;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.st-a{color:#16a34a;background:#f0fdf4}.st-a i{background:#16a34a}.st-i{color:#dc2626;background:#fef2f2}.st-i i{background:#dc2626}.act-wrap{align-items:center;gap:4px;display:flex}.act-view,.act-edit,.act-del{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;transition:all .12s;display:inline-flex}.act-view:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.act-edit:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.act-del:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.act-del:disabled{opacity:.45;cursor:not-allowed}.sup-pgbar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.sup-pginfo{color:#6b7280;font-size:13px}.sup-pgctrl{align-items:center;gap:4px;display:flex}.rpp-lbl{color:#6b7280;margin-right:6px;font-size:13px}.sup-rpp{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.sup-pb{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.sup-pb:hover:not(:disabled){background:#f9fafb}.sup-pb:disabled{opacity:.35;cursor:not-allowed}.sup-pb-a{color:#fff!important;background:#f97316!important;border-color:#f97316!important;font-weight:600!important}.sup-mo{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sup-mo-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:660px;max-height:94vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.sup-mo-hd{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.sup-mo-ttl{color:#111827;margin:0 0 3px;font-size:17px;font-weight:700}.sup-mo-sub{color:#9ca3af;font-size:12.5px}.sup-mo-cls{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;font-weight:300;line-height:1}.sup-mo-cls:hover{color:#374151;background:#f3f4f6}.sup-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:0 24px;display:flex}.sup-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;margin-bottom:-1px;padding:12px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.sup-tab-a{font-weight:600;color:#f97316!important;border-bottom-color:#f97316!important}.sup-mo-body{flex:1;padding:20px 24px 0;overflow-y:auto}.mo-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mo-fg{flex-direction:column;gap:5px;display:flex}.mo-fg.span2{grid-column:1/-1}.mo-fg label{color:#374151;font-size:12.5px;font-weight:600}.mo-hint{color:#9ca3af;font-size:11.5px}.mo-fg input,.mo-fg select,.mo-fg textarea{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.mo-fg input:focus,.mo-fg select:focus,.mo-fg textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.mo-fg textarea{resize:vertical;min-height:80px}.dis-input{cursor:not-allowed;color:#9ca3af!important;background:#f9fafb!important}.mo-footer{border-top:1px solid #f3f4f6;align-items:center;gap:10px;margin-top:16px;padding:16px 0 20px;display:flex}.mo-prev{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500}.mo-next{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600}.mo-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500}.mo-save{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;display:inline-flex}.mo-save:hover:not(:disabled){background:#ea6c0a}.mo-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.sup-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sup-page-header{flex-direction:column;gap:12px}.sup-create-btn{justify-content:center;width:100%}.mo-grid{grid-template-columns:1fr}}@media (width<=500px){.sup-stats{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.sd-page{color:#111827;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.sd-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.sd-back{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:color .1s;display:inline-flex}.sd-back:hover{color:#111827}.sd-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sd-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.sd-btn-outline:hover{background:#f9fafb;border-color:#374151}.sd-btn-primary{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.sd-btn-primary:hover{background:#ea6c0a}.sd-btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1.5px solid #fca5a5;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .12s;display:inline-flex}.sd-btn-danger:hover{background:#fef2f2}.sd-btn-success{color:#16a34a!important;border-color:#86efac!important}.sd-btn-success:hover{background:#f0fdf4!important}.sd-ttl-row{margin-bottom:20px}.sd-ttl{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.sd-sub{color:#9ca3af;font-size:13px}.sd-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:28px;margin-bottom:16px;padding:28px;display:grid;box-shadow:0 1px 3px #0000000a}.sd-avatar-wrap{justify-content:center;align-items:flex-start;padding-top:4px;display:flex}.sd-avatar{letter-spacing:-1px;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:28px;font-weight:800;display:flex}.sd-prof-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sd-sup-name{color:#111827;letter-spacing:-.3px;font-size:20px;font-weight:700}.sd-status-pill{border-radius:20px;align-items:center;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.sd-st-active{color:#16a34a;background:#f0fdf4}.sd-st-inactive{color:#dc2626;background:#fef2f2}.sd-sup-id{color:#9ca3af;font-size:12px}.sd-contact-list{flex-direction:column;gap:9px;display:flex}.sd-contact-item{color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}.sd-prof-mid,.sd-prof-right{flex-direction:column;gap:11px;display:flex}.sd-info-row{align-items:flex-start;gap:8px;display:flex}.sd-info-ico{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.sd-info-key{color:#9ca3af;flex-shrink:0;min-width:95px;font-size:12.5px;font-weight:500}.sd-info-val{color:#111827;word-break:break-word;font-size:13px;font-weight:500}.sd-summary-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.sd-sum-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.sd-sum-ico{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sd-sum-blue{background:#eff6ff}.sd-sum-red{background:#fef2f2}.sd-sum-green{background:#f0fdf4}.sd-sum-orange{background:#fff7ed}.sd-sum-purple{background:#f5f3ff}.sd-sum-teal{background:#f0fdfa}.sd-sum-lbl{color:#6b7280;margin-bottom:4px;font-size:12px;font-weight:500}.sd-sum-val{color:#111827;letter-spacing:-.3px;font-size:16px;font-weight:700;line-height:1.2}.sd-val-small{font-size:13px!important;font-weight:600!important}.sd-sum-sub{margin-top:3px;font-size:11.5px}.sd-sub-green{color:#16a34a;font-weight:500}.sd-sub-orange{color:#f97316;font-weight:500}.sd-sub-gray{color:#9ca3af}.sd-val-green{color:#16a34a!important}.sd-val-red{color:#dc2626!important}.sd-val-blue{color:#2563eb!important}.sd-val-orange{color:#f97316!important}.sd-val-gray{color:#9ca3af!important}.sd-content-row{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.sd-tab-area{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sd-tabs{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex}.sd-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;margin-bottom:-1px;padding:14px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.sd-tab:hover{color:#374151}.sd-tab-a{font-weight:600;color:#f97316!important;border-bottom-color:#f97316!important}.sd-tab-content{padding:24px}.sd-tab-ttl{color:#111827;margin-bottom:4px;font-size:16px;font-weight:700}.sd-tab-sub{color:#9ca3af;margin-bottom:18px;font-size:13px}.sd-sub-section-ttl{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.sd-proj-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.sd-assign-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.sd-assign-btn:hover{background:#1f2937}.sd-assign-form{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.sd-af-ttl{color:#111827;margin-bottom:14px;font-size:13.5px;font-weight:700}.sd-assign-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.sd-af-fg{flex-direction:column;gap:5px;display:flex}.sd-af-fg label{color:#374151;font-size:12.5px;font-weight:600}.req-star{color:#ef4444}.sd-af-fg select{color:#111827;appearance:none;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.sd-af-fg select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.sd-af-iw{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.sd-af-iw:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.sd-af-rupee{color:#6b7280;flex-shrink:0;padding:0 8px 0 12px;font-size:14px;font-weight:600}.sd-af-iw input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:9px 9px 9px 0;font-family:Inter,sans-serif;font-size:13px}.sd-af-iw input::placeholder{color:#9ca3af}.sd-af-hint{color:#9ca3af;margin-top:2px;font-size:11px}.sd-af-preview{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;font-size:13px;display:flex}.sd-af-acts{justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;display:flex}.sd-af-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .12s}.sd-af-cancel:hover{background:#f9fafb}.sd-af-save{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .12s}.sd-af-save:hover:not(:disabled){background:#ea6c0a}.sd-af-save:disabled{opacity:.5;cursor:not-allowed}.sd-empty-state{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:52px 24px;display:flex}.sd-empty-state p{color:#374151;margin-top:4px;font-size:15px;font-weight:600}.sd-empty-state span{font-size:13px}.sd-empty-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:9px;align-items:center;gap:6px;margin-top:8px;padding:9px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.sd-empty-btn:hover{background:#ea6c0a}.sd-proj-tbl-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.sd-proj-tbl{border-collapse:collapse;width:100%;font-size:13.5px}.sd-proj-tbl thead tr{background:#f9fafb}.sd-proj-tbl th{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:11px 16px;font-size:12px;font-weight:600}.sd-proj-tbl tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.sd-proj-tbl tbody tr:hover{background:#fafafa}.sd-proj-tbl tbody tr:last-child{border-bottom:none}.sd-proj-tbl td{vertical-align:middle;padding:14px 16px}.tr-editing{border-left:3px solid #f97316;background:#fff7ed!important}.proj-name-wrap{align-items:center;gap:10px;display:flex}.proj-icon{background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.proj-nm{color:#111827;font-size:13.5px;font-weight:600}.proj-id{color:#9ca3af;margin-top:1px;font-family:Courier New,monospace;font-size:11.5px}.proj-loc-cell{color:#374151;font-size:13px}.proj-date-cell{color:#6b7280;white-space:nowrap;font-size:12.5px}.proj-price-cell{white-space:nowrap}.price-chip{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.price-default{color:#9ca3af;font-size:12px;font-style:italic}.td-dash{color:#d1d5db}.edit-price-iw{background:#fff;border:1.5px solid #f97316;border-radius:7px;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 0 3px #f9731614}.edit-price-iw span{color:#6b7280;flex-shrink:0;padding:0 6px 0 10px;font-size:13px;font-weight:600}.edit-price-iw input{color:#111827;background:0 0;border:none;outline:none;width:100px;padding:7px 7px 7px 0;font-family:Inter,sans-serif;font-size:13px}.proj-acts{align-items:center;gap:6px;display:flex}.proj-edit-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:flex}.proj-edit-btn:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.proj-remove-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:flex}.proj-remove-btn:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.proj-remove-btn:disabled{opacity:.45;cursor:not-allowed}.proj-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:7px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:background .12s}.proj-save-btn:hover:not(:disabled){background:#15803d}.proj-save-btn:disabled{opacity:.6;cursor:not-allowed}.proj-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500}.proj-cancel-btn:hover{background:#f9fafb}.sd-tbl-footer{color:#6b7280;background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 16px;font-size:12.5px}.sd-no-data{text-align:center;color:#9ca3af;padding:36px;font-size:14px}.sd-accounts-grid{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.sd-acc-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:13px 18px;font-size:13.5px;display:flex}.sd-acc-row:last-child{border-bottom:none}.sd-acc-row:nth-child(odd){background:#fafafa}.sd-acc-lbl{color:#6b7280;font-weight:500}.sd-acc-val{color:#111827;font-weight:600}.mono{font-family:Courier New,monospace;font-size:13px}.val-red{color:#dc2626}.sd-proj-pricing-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.sd-proj-price-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.sd-proj-price-name{color:#111827;margin-bottom:3px;font-size:13.5px;font-weight:700}.sd-proj-price-loc{color:#9ca3af;margin-bottom:10px;font-size:12px}.sd-proj-price-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.sd-proj-price-row:last-child{border-bottom:none}.sd-proj-price-row span:first-child{color:#6b7280}.sd-proj-price-row span:last-child{font-weight:600}.sd-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;box-shadow:0 1px 3px #0000000a}.sd-sidebar-ttl{color:#111827;margin-bottom:16px;font-size:15px;font-weight:700}.sd-sb-info-list{flex-direction:column;gap:0;display:flex}.sd-sb-info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.sd-sb-info-row:last-child{border-bottom:none}.sd-sb-lbl{color:#9ca3af;flex-shrink:0;font-size:12.5px;font-weight:500}.sd-sb-val{color:#111827;text-align:right;word-break:break-all;font-size:13px;font-weight:500}.sd-sidebar-divider{border:none;border-top:1px solid #f3f4f6;margin:16px 0}.sd-sb-pricing{flex-direction:column;gap:0;display:flex}.sd-sb-pricing-ttl{color:#374151;margin-bottom:10px;font-size:13px;font-weight:700}.sd-sb-price-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.sd-sb-price-item:last-child{border-bottom:none}.sd-sb-price-val{color:#f97316;font-size:13.5px;font-weight:700}.sd-sidebar-status-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sd-sb-status{font-size:13.5px;font-weight:700}.sd-sb-active{color:#16a34a}.sd-sb-inactive{color:#dc2626}.sd-sidebar-suspend-row{justify-content:space-between;align-items:center;display:flex}.sd-toggle{cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.sd-toggle-on{background:#f97316}.sd-toggle-off{background:#d1d5db}.sd-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;box-shadow:0 1px 3px #0003}.sd-toggle-on .sd-toggle-thumb{left:23px}.sd-toggle-off .sd-toggle-thumb{left:3px}.sd-sb-notes{color:#374151;font-size:13px;line-height:1.6}.sd-sb-proj-summary{text-align:center;padding:16px 0}.sd-sb-proj-num{color:#111827;letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1}.sd-sb-proj-lbl{color:#374151;margin:4px 0 2px;font-size:13px;font-weight:600}.sd-sb-proj-sub{color:#9ca3af;margin-bottom:14px;font-size:12px}.sd-sb-assign-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;width:100%;padding:9px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s}.sd-sb-assign-btn:hover{background:#ea6c0a}@media (width<=1200px){.sd-summary-grid{grid-template-columns:repeat(3,1fr)}.sd-content-row{grid-template-columns:1fr}.sd-sidebar{margin-top:0}}@media (width<=900px){.sd-profile-card{grid-template-columns:auto 1fr;gap:20px}.sd-prof-mid,.sd-prof-right{grid-column:1/-1}.sd-summary-grid{grid-template-columns:repeat(2,1fr)}.sd-assign-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.sd-topbar{flex-direction:column;align-items:flex-start}.sd-topbar-actions{flex-wrap:wrap;width:100%}.sd-profile-card{grid-template-columns:1fr}.sd-avatar-wrap{justify-content:flex-start}.sd-assign-grid{grid-template-columns:1fr}.sd-proj-tbl-wrap{overflow-x:auto}}@media (width<=500px){.sd-summary-grid{grid-template-columns:1fr 1fr}}.tr-expanded td{background:#f0f6ff}.pp-expand-row>td{border-top:2px solid #dbeafe}.pp-wrap{background:#f8fafc;border-top:1px solid #e5e7eb;padding:14px 20px 18px}.pp-loading{color:#6b7280;background:#f8fafc;padding:10px 20px;font-size:12px}.pp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pp-title{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.pp-add-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .15s}.pp-add-btn:hover{background:#eff6ff}.pp-empty{color:#9ca3af;text-align:center;padding:8px 0;font-size:12px}.pp-add-form{background:#fff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:14px;padding:14px 16px}.pp-add-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:10px;display:grid}.pp-fg{flex-direction:column;gap:4px;display:flex}.pp-fg label{color:#6b7280;font-size:11px;font-weight:500}.pp-fg input,.pp-fg select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:32px;padding:0 8px;font-size:12px}.pp-fg input:focus,.pp-fg select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.pp-iw{background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;display:flex;overflow:hidden}.pp-iw:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.pp-rupee{color:#9ca3af;background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;align-items:center;height:32px;padding:0 6px;font-size:11px;display:flex}.pp-iw input{flex:1;min-width:0;box-shadow:none!important;border:none!important;border-radius:0!important}.pp-comm-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pp-toggle-grp{border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.pp-tgl{cursor:pointer;color:#6b7280;white-space:nowrap;background:#fff;border:none;padding:4px 10px;font-size:11px;transition:background .15s,color .15s}.pp-tgl-on{color:#fff;background:#2563eb;font-weight:500}.pp-toggle-sm .pp-tgl{padding:3px 8px;font-size:11px}.pp-comm-iw{max-width:90px}.pp-preview{color:#1d4ed8;background:#eff6ff;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.pp-preview-label{color:#6b7280}.pp-preview-chip{color:#1e40af;background:#dbeafe;border-radius:4px;padding:2px 8px;font-weight:500}.pp-add-acts{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.pp-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 14px;font-size:12px}.pp-cancel-btn:hover{background:#f3f4f6}.pp-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500}.pp-save-btn:hover{background:#1d4ed8}.pp-save-btn:disabled{opacity:.6;cursor:not-allowed}.pp-tbl{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;font-size:12px;overflow:hidden}.pp-tbl thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.pp-tbl tbody tr{border-bottom:1px solid #f1f5f9}.pp-tbl tbody tr:last-child{border-bottom:none}.pp-tbl tbody tr.pp-tr-editing{background:#fffbeb}.pp-tbl td{vertical-align:middle;padding:8px 10px}.pp-prod-name{color:#111827;font-weight:500}.pp-prod-id{color:#9ca3af;margin-top:1px;font-size:10px}.pp-price-chip{color:#15803d;background:#f0fdf4;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.pp-dash{color:#d1d5db;font-size:13px}.pp-comm-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.pp-comm-fixed{color:#92400e;background:#fef3c7}.pp-comm-percentage{color:#5b21b6;background:#ede9fe}.pp-eff-val{color:#2563eb;font-size:12px;font-weight:600}.pp-cell-iw{max-width:110px}.pp-comm-edit{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pp-acts{align-items:center;gap:5px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif}.sc{color:#111827;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.sc-hdr{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.sc-ttl{color:#111827;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.sc-bc{color:#9ca3af;font-size:12.5px}.sc-bc span{color:#d1d5db;margin:0 4px}.sc-bc b{color:#374151;font-weight:500}.sc-add{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.sc-add:hover{background:#1f2937}.sc-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.sc-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.sc-stat-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sc-stat-lbl{color:#6b7280;font-size:12.5px;font-weight:500}.sc-stat-val{color:#111827;letter-spacing:-.5px;margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.sc-stat-sm{letter-spacing:-.3px;font-size:15px!important}.sc-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.sc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sc-bar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.sc-srch{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:380px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sc-srch:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000a}.sc-srch input{color:#374151;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13.5px}.sc-srch input::placeholder{color:#9ca3af}.sc-bar-r{align-items:center;gap:8px;display:flex}.sc-sel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.sc-exp-wrap{position:relative}.sc-exp-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:inline-flex}.sc-exp-btn:hover{background:#f9fafb}.sc-exp-drop{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:6px 0;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #0000001a}.sc-exp-opt{cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:flex}.sc-exp-opt:hover{background:#f9fafb}.sc-tbl-wrap{overflow-x:auto}.sc-tbl{border-collapse:collapse;width:100%;font-size:12.5px}.sc-tbl thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sc-tbl th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px;font-size:11px;font-weight:600}.sc-tbl tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s,opacity .2s}.sc-tbl tbody tr:hover{background:#fafafa}.sc-tbl tbody tr:last-child{border-bottom:none}.sc-tbl td{vertical-align:middle;padding:10px}.del-row{opacity:.4;pointer-events:none}.td-n{color:#111827;width:36px;font-weight:600}.td-nm{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.td-sm{white-space:nowrap;color:#374151}.td-amt{color:#111827;white-space:nowrap;font-weight:700}.td-pft{white-space:nowrap;font-weight:700}.pft-pos{color:#16a34a}.pft-neg{color:#dc2626}.td-empty{text-align:center;color:#9ca3af;padding:48px;font-size:14px}.td-sid{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:5px;padding:3px 8px;font-family:Courier New,monospace;font-size:11.5px;font-weight:600}.td-tok{color:#f97316;white-space:nowrap;background:#fff7ed;border-radius:5px;padding:3px 8px;font-family:Courier New,monospace;font-size:11.5px;font-weight:700}.td-veh{color:#374151;background:#f3f4f6;border-radius:5px;padding:3px 8px;font-family:Courier New,monospace;font-size:11.5px;font-weight:600}.pay-badge{border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.pc{color:#2563eb;background:#eff6ff}.pp{color:#16a34a;background:#f0fdf4}.st-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.st-badge i{border-radius:50%;flex-shrink:0;width:6px;height:6px;font-style:normal;display:block}.sp{color:#ca8a04;background:#fefce8}.sp i{background:#ca8a04}.sc_{color:#16a34a;background:#f0fdf4}.sc_ i{background:#16a34a}.sx{color:#dc2626;background:#fef2f2}.sx i{background:#dc2626}.st-badge.sc{color:#16a34a;background:#f0fdf4}.st-badge.sc i{background:#16a34a}.act-btns{align-items:center;gap:4px;display:flex}.btn-edit,.btn-print,.btn-del{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;transition:all .12s;display:inline-flex}.btn-edit:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.btn-print:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.btn-del:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.btn-del:disabled{opacity:.45;cursor:not-allowed}.sc-pgbar{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.sc-pginfo{color:#6b7280;font-size:13px}.sc-pgctrl{align-items:center;gap:4px;display:flex}.sc-rpp-lbl{color:#6b7280;margin-right:6px;font-size:13px}.sc-rpp{color:#374151;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e5e7eb;border-radius:7px;outline:none;margin-right:8px;padding:5px 28px 5px 10px;font-family:Inter,sans-serif;font-size:13px}.sc-pb{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.sc-pb:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.sc-pb:disabled{opacity:.35;cursor:not-allowed}.sc-pb-a{color:#fff!important;background:#111827!important;border-color:#111827!important;font-weight:600!important}.mo{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;padding:12px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.mo-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1060px;max-height:96vh;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #0003}.mo-hd{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mo-ttl{color:#111827;letter-spacing:-.2px;font-size:17px;font-weight:700}.mo-cls{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;font-weight:300;line-height:1;transition:background .1s}.mo-cls:hover{color:#374151;background:#f3f4f6}.mo-body{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid;overflow:hidden}.mo-form{border-right:1px solid #f0f0f0;flex-direction:column;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.mo-form::-webkit-scrollbar{width:4px}.mo-form::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.fg2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fg{flex-direction:column;gap:5px;display:flex}.fg label{color:#374151;flex-wrap:wrap;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.fhint{color:#6b7280;margin-top:2px;font-size:11px;font-weight:500}.iw{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.iw:focus-within{border-color:#f97316;box-shadow:0 0 0 3px #f9731614}.iw-dis{background:#f9fafb!important}.iw-dis:focus-within{box-shadow:none!important;border-color:#e5e7eb!important}.iw-amt{background:#fff7ed!important;border-color:#fed7aa!important}.iw-ppos{background:#f0fdf4!important;border-color:#86efac!important}.iw-pneg{background:#fef2f2!important;border-color:#fca5a5!important}.iw-r{color:#6b7280;flex-shrink:0;padding:0 4px 0 12px;font-size:14px;font-weight:600}.iw input{color:#111827;background:0 0;border:none;outline:none;flex:1;width:100%;padding:9px 9px 9px 0;font-family:Inter,sans-serif;font-size:13px}.iw input::placeholder{color:#9ca3af}.iw input:disabled{color:#6b7280;cursor:not-allowed}.sw select{color:#111827;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;padding:9px 0;font-family:Inter,sans-serif;font-size:13px}.ref-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 10px 0 4px;transition:color .1s;display:flex}.ref-btn:hover{color:#f97316}.qty-row{gap:8px;display:flex}.qty-iw{flex:1}.unit-iw{flex-shrink:0;width:88px}.ldot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ldot-g{background:#16a34a}.ldot-r{background:#dc2626}.ldot-o{background:#f97316}.banner{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.mo-ft{border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:8px;display:flex}.btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .12s}.btn-cancel:hover{background:#f9fafb}.btn-save{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.btn-save:hover:not(:disabled){background:#1f2937}.btn-save:disabled{opacity:.6;cursor:not-allowed}.mo-prev{background:#f9fafb;flex-direction:column;gap:14px;padding:18px 16px;display:flex;overflow-y:auto}.mo-prev::-webkit-scrollbar{width:4px}.mo-prev::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.prev-hd{margin-bottom:2px}.prev-ttl{color:#111827;font-size:13.5px;font-weight:700;display:block}.prev-sub{color:#9ca3af;font-size:11.5px}.btn-pos-print{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .12s;display:flex}.btn-pos-print:hover{color:#fff;background:#111827;border-color:#111827}.tok-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 14px 12px;box-shadow:0 2px 8px #0000000f}.tk-logo{align-items:center;gap:9px;margin-bottom:10px;display:flex}.tk-brand{color:#374151;font-size:16px;font-weight:700;line-height:1}.tk-acc{color:#f97316}.tk-sub{color:#9ca3af;margin-top:2px;font-size:10px}.tk-div{border:none;border-top:1.5px dashed #e5e7eb;margin:8px 0}.tk-lbl{text-align:center;color:#f97316;letter-spacing:2px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700}.tk-no{text-align:center;color:#111827;margin-bottom:8px;font-family:Courier New,monospace;font-size:17px;font-weight:800}.tk-bc{justify-content:center;align-items:flex-end;gap:2px;height:38px;margin-bottom:8px;display:flex}.tk-bar{background:#111827;border-radius:1px;flex-shrink:0;width:2.2px}.tk-row{align-items:flex-start;gap:3px;margin-bottom:3px;font-size:11px;display:flex}.tk-k{color:#6b7280;flex-shrink:0;min-width:80px;font-weight:500}.tk-c{color:#9ca3af;flex-shrink:0}.tk-v{color:#111827;text-align:right;flex:1;font-weight:600}.tk-total{color:#111827;justify-content:space-between;margin-top:4px;padding:6px 0;font-size:14px;font-weight:800;display:flex}.tk-foot{text-align:center;color:#f97316;margin-bottom:3px;font-size:11px;font-weight:600;line-height:1.6}.tk-thank{text-align:center;color:#9ca3af;font-size:10.5px}@media (width<=1000px){.mo-body{grid-template-columns:1fr}.mo-prev{display:none}}@media (width<=900px){.sc-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sc-hdr{flex-direction:column;gap:12px}.sc-add{justify-content:center;width:100%}.sc-bar{flex-direction:column;align-items:stretch}.sc-srch{max-width:100%}.mo-box{border-radius:12px;max-width:100%}.fg2{grid-template-columns:1fr}.qty-row{flex-direction:column}.unit-iw{width:100%}.act-btns{flex-wrap:wrap}}@media (width<=500px){.sc-stats{grid-template-columns:1fr}}