body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:24px;text-align:center}.login-header h1{color:#667eea;font-size:36px;font-weight:700;margin:0 0 8px}.login-header p{color:#64748b;font-size:14px;margin:0}.error-message-wrapper{margin-bottom:20px}.error-message{align-items:flex-start;animation:errorSlideIn .4s cubic-bezier(.68,-.55,.265,1.55),errorPulse 1.5s ease-in-out .4s;background:linear-gradient(135deg,#fee2e2,#fecaca);border:3px solid #dc2626;border-left-width:6px;border-radius:10px;box-shadow:0 8px 24px #dc262659;font-size:15px;gap:12px;line-height:1.6;min-height:60px;padding:18px 20px;position:relative}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes errorPulse{0%,to{box-shadow:0 8px 24px #dc262659}50%{box-shadow:0 8px 32px #dc262680}}.error-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.error-icon{animation:shake .6s ease-in-out;flex-shrink:0;font-size:24px;line-height:1;margin-top:2px}.error-text{flex:1 1;line-height:1.7;padding-top:2px;word-break:break-word}.error-dismiss{align-items:center;background:none;border:2px solid #0000;border-radius:50%;color:#991b1b;cursor:pointer;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:32px;justify-content:center;line-height:.8;margin-top:-2px;padding:2px 6px;transition:all .25s;width:32px}.error-dismiss:hover{background-color:#991b1b33;border-color:#991b1b;transform:rotate(90deg) scale(1.15)}.error-dismiss:active{background-color:#991b1b4d;transform:rotate(90deg) scale(.9)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#334155}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:15px;padding:13px 16px;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.form-group input.input-has-error{background-color:#fef2f2;border-color:#f87171}.form-group input.input-has-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:absolute;right:8px;transition:background-color .2s}.password-toggle:hover:not(:disabled){background-color:#f1f5f9}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;margin-top:8px;padding:15px 24px;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{box-shadow:0 2px 8px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.button-loading{align-items:center;display:flex;gap:10px;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.login-footer{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;text-align:center}.login-footer p{color:#64748b;font-size:13px;margin:0}@media (max-width:480px){.login-card{padding:28px 20px}.login-header h1{font-size:28px}.error-message{font-size:14px;padding:16px 18px}}.error-dismiss,.login-button,.password-toggle{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.selection-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.selection-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;width:100%}.selection-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px 30px;text-align:center}.selection-header h2{font-size:28px;font-weight:700;margin:0 0 10px}.selection-header .welcome-text{font-size:18px;margin:10px 0 5px;opacity:.95}.selection-header .instruction-text{font-size:14px;margin:5px 0 0;opacity:.85}.selection-header strong{font-weight:600}.selection-form{padding:30px}.form-group{margin-bottom:24px}.form-group label{color:#333;margin-bottom:8px}.form-group .required{color:#e74c3c;margin-left:2px}.form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:15px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.form-group select:hover{border-color:#667eea}.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-group select.has-value{background-color:#f0fff4;border-color:#48bb78}.form-hint{color:#666;display:block;font-size:13px;font-style:italic;margin-top:6px}.info-card{animation:fadeIn .3s ease-out;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;margin:20px 0;overflow:hidden}.info-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:12px 16px}.info-body{padding:16px}.info-body p{color:#333;margin:0 0 8px}.info-body p:last-child{margin-bottom:0}.info-detail{color:#666;font-size:13px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.badge-primary{background:#667eea;color:#fff}.badge-success{background:#48bb78;color:#fff}.checkbox-group{margin:24px 0}.checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:18px;margin-right:10px;width:18px}.checkbox-label span{color:#555}.loading-indicator{align-items:center;color:#667eea;display:flex;font-size:14px;gap:10px;margin-top:8px}.spinner{border:2px solid #f3f3f3;height:16px;width:16px}.error-message{animation:shake .5s;background:#fee;border:1px solid #fcc;color:#c33;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-message strong{display:block;margin-bottom:4px}.button-group{display:flex;gap:12px;margin-top:30px}.logout-button,.submit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.logout-button{background:#fff;border:2px solid #e0e0e0;color:#666}.logout-button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.button-icon{font-size:18px;font-weight:700}.tips-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:30px;padding:20px}.tips-section h4{color:#333;font-size:16px;margin:0 0 12px}.tips-section ul{list-style:none;margin:0;padding-left:20px}.tips-section li{color:#666;font-size:13px;margin-bottom:8px;position:relative}.tips-section li:before{color:#48bb78;content:"✓";font-weight:700;left:-20px;position:absolute}.tips-section li:last-child{margin-bottom:0}@media (max-width:768px){.selection-container{padding:10px}.selection-card{border-radius:12px}.selection-header{padding:30px 20px 20px}.selection-header h2{font-size:24px}.selection-header .welcome-text{font-size:16px}.selection-form{padding:20px}.button-group{flex-direction:column}.logout-button,.submit-button{width:100%}.tips-section{margin:20px;padding:15px}}@media (prefers-reduced-motion:reduce){.button-spinner,.info-card,.selection-card,.spinner,.submit-button{animation:none}.submit-button:hover:not(:disabled){transform:none}}.logout-button:focus,.submit-button:focus,input[type=checkbox]:focus,select:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.selection-container{background:#fff}.button-group{display:none}}.super-admin-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.badge-icon{animation:pulse 2s ease-in-out infinite;font-size:18px}.role-indicator{color:#667eea;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}.dashboard-container{background:#f5f7fa;display:flex;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;position:relative;transition:width .3s ease;width:280px;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:12px}.logo h2{font-size:1.5rem;font-weight:700}.toggle-btn{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:all .2s}.toggle-btn:hover{background:#fff3}.user-info{border-bottom:1px solid #ffffff1a;gap:12px;padding:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-details h4{font-size:1rem;font-weight:600;margin-bottom:4px}.user-details p{color:#ffffffb3;font-size:.85rem}.user-details small{color:#ffffff80;font-size:.75rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:4px 0}.menu-link{align-items:center;color:#fffc;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .2s ease}.menu-link:hover{background:#ffffff1a;color:#fff}.menu-link.active{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-weight:600}.menu-icon{align-items:center;display:flex;min-width:24px}.menu-text{flex:1 1;font-size:.95rem}.expand-icon{margin-left:auto}.submenu{background:#0003;list-style:none;margin:0;padding:0}.submenu-link{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;gap:12px;padding:10px 20px 10px 52px;transition:all .2s ease}.submenu-link:hover{background:#ffffff0d;color:#fff}.submenu-link.active{background:#3b82f633;color:#60a5fa}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 20px}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:12px;width:100%}.logout-btn:hover{background:#ef444433}.sidebar.collapsed .expand-icon,.sidebar.collapsed .logout-btn span,.sidebar.collapsed .menu-text,.sidebar.collapsed .submenu,.sidebar.collapsed .user-details{display:none}.main-content{background:#f5f7fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-bar{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px}.top-bar-left h1{color:#1f2937;font-size:1.75rem;margin-bottom:4px}.breadcrumb{color:#6b7280;font-size:.9rem;text-transform:capitalize}.top-bar-right{display:flex;gap:12px}.icon-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;padding:12px;position:relative}.icon-btn:hover{background:#e5e7eb}.icon-btn .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:4px;top:4px}.page-content{background:#f5f7fa;flex:1 1;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:24px 30px;position:relative}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.page-content::-webkit-scrollbar-track{background:#f5f7fa}.page-content>*{opacity:1;visibility:visible}@media (max-width:768px){.page-content{padding:16px}.top-bar{padding:16px 20px}}.dashboard-home{animation:fadeIn .3s ease-out;animation-fill-mode:both;min-height:100%;will-change:opacity,transform}.loading-state{min-height:400px;padding:40px}.loading-state p{font-size:1.1rem;font-weight:500}.loading-spinner{animation:spin 1s linear infinite;color:#667eea}.welcome-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px}.welcome-section h2{color:#1f2937;font-size:1.75rem;margin-bottom:4px}.welcome-section p{color:#6b7280;font-size:.95rem}.date-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:currentColor;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.stat-card.purple{color:#8b5cf6}.stat-card.orange{color:#f97316}.stat-card.blue{color:#3b82f6}.stat-card.green{color:#10b981}.stat-card.teal{color:#14b8a6}.stat-card.indigo{color:#6366f1}.stat-icon{align-items:center;background:currentColor;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;opacity:.1;width:64px}.stat-icon svg{color:currentColor;opacity:1}.stat-details{flex:1 1}.stat-details h3{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-details p{color:#6b7280;font-size:.95rem;margin-bottom:8px}.stat-change{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:.85rem;padding:4px 8px}.stat-change.positive{background:#d1fae5;color:#10b981}.activity-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1f2937;font-size:1.25rem;font-weight:600}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.view-all-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.activity-table{overflow-x:auto}.activity-table table{border-collapse:collapse;width:100%}.activity-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.activity-table th{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.activity-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.activity-table tbody tr:hover{background:#f9fafb}.activity-table td{color:#374151;font-size:.95rem;padding:16px 12px}.activity-table .font-medium{color:#1f2937;font-weight:600}.status-badge{color:#fff;font-size:.85rem}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.quick-actions h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:20px}.action-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.action-card:hover{border-color:#667eea;box-shadow:0 8px 16px #667eea26;transform:translateY(-4px)}.action-card svg{color:#667eea;margin-bottom:12px}.action-card h4{color:#1f2937;font-size:1.1rem;margin-bottom:8px}.action-card p{color:#6b7280;font-size:.9rem}.session-details-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.session-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s ease}.session-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.session-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:20px}.session-card-header h3{font-size:1.1rem;font-weight:600;margin:0}.session-card-body{padding:20px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:.9rem;font-weight:500}.detail-value{color:#1f2937;font-size:.95rem;font-weight:600}.super-admin-badge-small{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:12px;padding:8px 14px}.super-admin-badge-small .badge-icon{font-size:1rem}.current-year-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:12px;padding:8px 14px}.current-year-badge .badge-dot{animation:pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@media (max-width:1024px){.action-cards,.stats-grid{grid-template-columns:repeat(2,1fr)}.session-details-section{grid-template-columns:1fr}}@media (max-width:768px){.welcome-section{align-items:flex-start;flex-direction:column;gap:16px}.action-cards,.stats-grid{grid-template-columns:1fr}.activity-table{overflow-x:auto}.activity-table table{min-width:600px}.session-details-section{grid-template-columns:1fr}.loading-state{min-height:300px;padding:20px}}.master-container{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:24px}.master-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.header-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:28px;font-weight:700;margin:0 0 4px}.subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.master-toolbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.search-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;min-width:300px;padding:0 12px;transition:all .3s ease}.search-box:focus-within{background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.search-box svg{transition:color .2s}.search-box:focus-within svg{color:#667eea}.search-box input{background:#0000;font-weight:500;padding:12px}.search-box input::placeholder{font-weight:400}.btn-clear{background:none;border-radius:6px;color:#9ca3af;padding:6px}.btn-clear:hover{background:#f3f4f6;color:#ef4444;transform:scale(1.1)}.filter-group{align-items:center;display:flex;gap:8px}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;min-width:150px;padding:10px 16px;transition:all .2s}.filter-select:hover{background:#f9fafb;border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.toolbar-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;padding:10px 16px}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #5568d3}.data-table th{color:#fff;font-weight:700;letter-spacing:.8px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.data-table tbody tr:hover{box-shadow:-2px 0 0 #667eea;transform:translateX(2px)}.data-table td{color:#374151;padding:16px;vertical-align:middle}.font-mono{background:#ede9fe;border-radius:6px;display:inline-block;font-family:Courier New,Monaco,monospace;font-size:13px;font-weight:700;padding:4px 8px}.font-semibold{color:#1f2937;font-size:15px;font-weight:600}.status-badge,.type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.status-badge:hover{transform:scale(1.05)}.type-badge.corporate{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af}.type-badge.individual{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.contact-cell{display:flex;flex-direction:column;gap:6px}.contact-item{align-items:center;background:#f9fafb;border-radius:6px;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:4px 8px;transition:all .2s}.contact-item:hover{background:#f3f4f6;color:#374151}.contact-item svg{color:#9ca3af;flex-shrink:0}.actions-column{text-align:center;white-space:nowrap;width:120px}.actions-column .btn-icon{margin:0 4px}.btn-icon,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.btn-primary{box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.btn-primary:active{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-icon{border:2px solid #0000;border-radius:8px;padding:10px}.btn-icon.btn-edit{color:#667eea}.btn-icon.btn-edit:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#667eea;transform:scale(1.1)}.btn-icon.btn-delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:scale(1.1)}.empty-state,.loading-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:80px 20px}.loading-state{animation:pulse 2s infinite;font-size:18px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state p{color:#9ca3af;font-size:20px;font-weight:600;margin-bottom:20px}.empty-state button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.empty-state button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:1000}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 25px 60px #0006;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.modal-large{max-width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;padding:24px 28px}.modal-header h3{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.btn-close{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:8px;transition:all .2s}.btn-close:hover{background:#ffffff4d;border-color:#fff;transform:rotate(90deg) scale(1.1)}.modal-form{padding:28px}.form-section{border-bottom:2px solid #f3f4f6;margin-bottom:28px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h4{color:#1f2937;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.form-section h4:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.form-row{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.form-group{gap:8px}.form-group label{font-weight:700;letter-spacing:.3px;text-transform:uppercase}.required{color:#dc2626;font-size:16px;margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-weight:500;padding:12px 14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fef2f2;border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 4px #dc26261a}.form-group textarea{font-family:inherit;min-height:80px}.error-message{color:#dc2626;font-weight:600;margin-top:-4px}.error-message:before{content:"⚠";font-size:14px}.checkbox-label{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.checkbox-label:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#374151;font-size:14px;font-weight:600}.modal-footer{border-radius:0 0 20px 20px;margin:28px -28px -28px;padding:20px 28px}@media (max-width:1024px){.master-container,.master-header{padding:16px}.header-left h2{font-size:24px}}@media (max-width:768px){.master-header{align-items:flex-start;flex-direction:column;gap:16px}.master-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:800px}.modal-content{margin:0;max-height:100vh;max-width:100%}.modal-content,.modal-footer,.modal-header{border-radius:0}.form-row{grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.master-container{padding:12px}.header-left h2{font-size:20px}.subtitle{font-size:12px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.modal-form{padding:20px}.modal-footer{margin:20px -20px -20px;padding:16px 20px}}@media print{.actions-column,.btn-icon,.master-header button,.master-toolbar,.modal-overlay{display:none!important}.master-container{background:#fff;padding:0}.table-container{border:1px solid #000;box-shadow:none}.data-table thead{background:#f3f4f6!important;color:#000!important}.data-table tbody tr:hover{background:#fff!important;transform:none!important}}:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn-primary{border:3px solid #fff}.status-badge,.type-badge{border-width:3px}}.modal-content::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:10px;width:10px}.modal-content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.modal-content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.hidden{display:none}.visible{display:block}.page-placeholder{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#1f2937;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.page-placeholder:before{content:"🚧";display:block;font-size:4rem;margin-bottom:20px}.voucher-container{margin:0 auto;max-width:1400px;padding:20px}.voucher-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.voucher-header .header-left{display:flex;flex-direction:column;gap:12px}.voucher-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.voucher-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.voucher-mode-toggle .mode-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:all .2s}.voucher-mode-toggle .mode-btn:hover{background:#e5e7eb;color:#374151}.voucher-mode-toggle .mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.auto-badge{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.voucher-no-wrapper{align-items:center;display:flex;position:relative}.voucher-no-locked{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #d1d5db;border-radius:6px;color:#374151;cursor:not-allowed;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:10px 45px 10px 12px;transition:all .2s}.voucher-no-locked:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.voucher-no-locked::placeholder{color:#9ca3af;font-style:italic}.lock-icon{animation:lock-float 3s ease-in-out infinite;font-size:18px;opacity:.6;pointer-events:none;position:absolute;right:12px}@keyframes lock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.voucher-no-wrapper:hover .lock-icon{opacity:1;transform:scale(1.1);transition:all .2s}.voucher-no-wrapper:has(.voucher-no-locked:focus) .lock-icon{color:#10b981;opacity:1}.voucher-modal{max-height:90vh;max-width:1000px;overflow-y:auto}.voucher-form{display:flex;flex-direction:column}.form-section{border-radius:1px}.form-section h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;margin:0 0 16px}.form-section h4 .required{color:#ef4444}.detail-input-row{align-items:flex-start;display:flex;margin-bottom:16px}.detail-input-row input,.detail-input-row select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.detail-input-row input:focus,.detail-input-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-add{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 12px;transition:background .2s}.btn-add:hover{background:#059669}.details-table{margin-top:16px;overflow-x:auto}.details-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.details-table thead{background:#f3f4f6}.details-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px;text-align:left;text-transform:uppercase}.details-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:12px}.details-table tbody tr:hover{background:#f9fafb}.details-table tbody tr:last-child td{border-bottom:none}.details-table .total-row{background:#f3f4f6;font-weight:600}.details-table .total-row td{border-top:2px solid #d1d5db;padding:14px 12px}.amount-cell{color:#059669;font-family:Courier New,monospace;font-weight:600;text-align:right}.type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.type-badge.receipt{background:#d1fae5;color:#065f46}.type-badge.payment{background:#fee2e2;color:#991b1b}.type-badge.journal{background:#dbeafe;color:#1e40af}@media (max-width:768px){.voucher-header{flex-direction:column;gap:16px}.voucher-header .header-left,.voucher-mode-toggle{width:100%}.voucher-mode-toggle .mode-btn{flex:1 1}.detail-input-row,.form-row{flex-direction:column}.details-table{font-size:12px}.details-table td,.details-table th{padding:8px}.auto-badge{font-size:9px;padding:2px 6px}.lock-icon{font-size:16px;right:10px}.voucher-no-locked{padding-right:38px}}@media print{.actions-column,.modal-footer,.voucher-header button,.voucher-toolbar{display:none}.voucher-container{padding:0}.details-table,.form-section{break-inside:avoid;page-break-inside:avoid}.auto-badge,.lock-icon{display:none}.voucher-no-locked{background:#fff;border:1px solid #000}}.empty-state,.loading-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state h3{margin-bottom:8px}.empty-state p{margin-bottom:16px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{transform:none}.btn-print{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.btn-print:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-print:active{transform:translateY(0)}.btn-print:disabled{background:#9ca3af;cursor:not-allowed}.btn-print:disabled,.btn-print:disabled:hover{box-shadow:none;transform:none}.btn-print:not(:disabled):hover svg{animation:print-shake .5s ease-in-out}@keyframes print-shake{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}.btn-print-alt{background:linear-gradient(135deg,#3b82f6,#1e40af)}.btn-print-alt:hover{box-shadow:0 4px 8px #3b82f666}.consignment-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.consignment-form-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 50px #0000004d;display:flex;flex-direction:column;max-height:95vh;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.header-left{gap:12px}.header-icon{background:#fff3;border-radius:8px;padding:8px}.form-header h2{font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.form-content{flex:1 1;overflow-y:auto;padding:24px}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.form-group{margin-bottom:12px}.form-group label{display:block}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[readonly]{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:60px;resize:vertical}.form-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin:16px 24px;padding:12px 16px}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.form-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{padding:10px 20px}.btn:disabled{opacity:.6}.btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover:not(:disabled){background:#f3f4f6}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.spinner{border-top-color:#3b82f6}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-header button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.modal-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:1200px){.form-content{grid-template-columns:1fr!important}}@media (max-width:768px){.consignment-form-container{margin:10px;max-width:100%}.form-grid{grid-template-columns:1fr}.form-header h2{font-size:16px}.form-content{padding:16px}}.text-muted{color:#6b7280;font-size:13px}.text-required{color:#dc2626}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}@media print{.consignment-form-overlay,.modal-overlay{display:none}}.consignment-page{margin:0 auto;max-width:1600px;padding:24px}.page-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:16px}.header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.page-header h1{color:#1f2937;font-size:24px;font-weight:700;margin:0}.header-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.page-toolbar{gap:16px;justify-content:space-between;margin-bottom:24px}.page-toolbar,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1;max-width:500px;padding:10px 12px;position:relative;transition:all .2s}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{border:none;color:#1f2937;flex:1 1;font-size:14px;margin-left:8px;outline:none}.search-box input::placeholder{color:#9ca3af}.btn-clear{align-items:center;background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.btn-clear:hover{background:#e5e7eb}.toolbar-info{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.count-badge{background:#667eea;border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child{border-bottom:none}.data-table td{color:#1f2937;font-size:14px;padding:12px 16px}.font-mono{color:#667eea;font-family:Courier New,monospace;font-weight:600}.date-cell{align-items:center;color:#6b7280;display:flex;gap:6px}.date-cell svg{color:#9ca3af}.customer-cell{align-items:flex-start;display:flex;gap:8px}.customer-cell svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.customer-name{color:#1f2937;font-weight:500}.customer-code{color:#9ca3af;font-family:Courier New,monospace;font-size:12px}.route-cell{color:#6b7280;font-size:13px;white-space:nowrap}.weight-cell{align-items:center;color:#059669;display:flex;font-family:Courier New,monospace;font-weight:600;gap:6px}.weight-cell svg{color:#9ca3af}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.status-badge.status-green,.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-warning,.status-badge.status-yellow{background:#fef3c7;color:#92400e}.status-badge.status-danger,.status-badge.status-red{background:#fee2e2;color:#991b1b}.status-badge.status-blue,.status-badge.status-info{background:#dbeafe;color:#1e40af}.status-badge.status-default{background:#f3f4f6;color:#6b7280}.actions-column{text-align:right;width:100px}.btn-icon{background:#0000;border:1px solid #e5e7eb;border-radius:6px;margin-left:4px}.btn-icon:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-icon.btn-edit{border-color:#bfdbfe;color:#3b82f6}.btn-icon.btn-edit:hover{background:#eff6ff;border-color:#3b82f6}.btn-icon.btn-delete{border-color:#fecaca;color:#dc2626}.btn-icon.btn-delete:hover{background:#fef2f2;border-color:#dc2626}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.loading-state{gap:16px;padding:80px 20px}.loading-state p{color:#6b7280;font-size:14px}.error-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;padding:16px 20px}.error-message strong{font-weight:600}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0}.empty-state p{color:#6b7280;font-size:14px;margin:0;max-width:400px}@media (max-width:1200px){.consignment-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:100%}}@media (max-width:768px){.page-header h1{font-size:20px}.header-subtitle{font-size:13px}.table-container{overflow-x:auto}.data-table{min-width:800px}.btn-primary{justify-content:center;width:100%}}@media print{.actions-column,.page-header button,.page-toolbar{display:none}.consignment-page{padding:0}.table-container{border:1px solid #000;box-shadow:none}}.job-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.job-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px}.job-form-title h2{font-size:24px;font-weight:600;margin:0}.invoice-badge{margin-left:12px;padding:4px 12px}.job-form-actions{display:flex;gap:10px}.job-form-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;overflow-x:auto}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.job-form-content{max-height:calc(100vh - 300px);min-height:500px;overflow-y:auto;padding:24px}.job-form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.job-info{color:#6b7280;display:flex;font-size:12px;gap:24px}.form-section{margin-bottom:32px}.form-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.form-group label .required{color:#ef4444;margin-left:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{color:#ef4444}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:13px;padding:6px 12px}.job-form-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.job-form-tabs{flex-wrap:wrap}.tab-button{flex:1 1;justify-content:center;min-width:120px}}.basic-info-tab{background:#fff;height:100%;overflow-y:auto}.basic-info-tab,.info-section{border-radius:8px;padding:20px}.info-section{background:#f8f9fa;border:1px solid #e9ecef;margin-bottom:30px}.info-section h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.form-grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.form-group label{align-items:center;display:flex;gap:5px}.form-group label .required{color:#e74c3c;font-size:16px}.form-group label .optional{color:#95a5a6;font-size:11px;font-style:italic;font-weight:400}.form-control,.form-input,.form-select{background:#fff;font-family:inherit}.form-control:disabled,.form-input:disabled,.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-control.error,.form-input.error,.form-select.error{border-color:#e74c3c}.form-control.error:focus,.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #e74c3c1a}textarea.form-control{font-family:inherit}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:35px}.error-message{align-items:center;color:#e74c3c;display:flex;font-size:12px;gap:4px;margin-top:4px}.form-control.read-only{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d}.conditional-field{opacity:.5;pointer-events:none}.conditional-field.active{opacity:1;pointer-events:auto}.info-badge{align-items:center;background:#e8f4f8;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;display:inline-flex;font-size:13px;gap:6px;margin-top:8px;padding:6px 12px}.info-badge svg{color:#17a2b8}.job-code-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;padding:12px 16px;text-align:center}input[type=date],input[type=datetime-local],input[type=time]{font-family:inherit}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.checkbox-group,.radio-group{align-items:center;display:flex;gap:8px;padding:10px 0}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{cursor:pointer;height:18px;width:18px}.checkbox-group label,.radio-group label{cursor:pointer;font-weight:400;margin:0}.field-help{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}@media (max-width:1024px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.basic-info-tab,.info-section{padding:15px}.form-grid,.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.form-control,.form-input,.form-select{font-size:16px}}.basic-info-loading{align-items:center;color:#7f8c8d;display:flex;justify-content:center;padding:40px}.form-group.has-error .form-control,.form-group.has-error .form-select{border-color:#e74c3c}.form-group.has-success .form-control,.form-group.has-success .form-select{border-color:#27ae60}.input-with-icon{position:relative}.input-with-icon input{padding-left:36px}.input-with-icon .icon{color:#95a5a6;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input:focus~.icon{color:#3498db}.cargo-tab{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.cargo-toolbar{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.cargo-toolbar h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.cargo-summary{display:flex;font-size:13px;gap:20px}.summary-item label{color:#7f8c8d}.summary-item span{color:#2c3e50;font-size:15px;font-weight:700}.cargo-grid-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1 1;overflow:auto}.cargo-grid{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.cargo-grid thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cargo-grid thead th{border-right:1px solid #4a5f7f;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.cargo-grid thead th:last-child{border-right:none}.cargo-grid tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.cargo-grid tbody tr:hover{background-color:#f5f7fa}.cargo-grid tbody td{padding:8px;vertical-align:middle}.cargo-grid td:first-child{color:#3498db;font-weight:600;text-align:center;width:50px}.cargo-grid .action-col{text-align:center;width:80px}.grid-input.number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.cargo-grid tfoot{background:#ecf0f1;font-weight:700}.cargo-grid tfoot th{border-top:2px solid #bdc3c7;color:#2c3e50;padding:12px}.cargo-grid tfoot .total-value{color:#27ae60;font-size:15px}.cargo-grid-wrapper::-webkit-scrollbar{height:8px;width:8px}.cargo-grid-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cargo-grid-wrapper::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.cargo-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width:768px){.cargo-tab{padding:15px}.cargo-toolbar{align-items:stretch;flex-direction:column;gap:15px}.cargo-summary{justify-content:space-around}.cargo-grid{font-size:12px}.grid-input,.grid-textarea{font-size:12px;padding:6px 8px}}.container-tab{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.container-toolbar{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.container-toolbar h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.container-grid-wrapper{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;overflow:auto}.container-grid{border-collapse:collapse;font-size:14px;min-width:700px;width:100%}.container-grid thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.container-grid thead th{border-right:1px solid #4a5f7f;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.container-grid tbody tr{border-bottom:1px solid #e0e0e0}.container-grid tbody tr:hover{background-color:#f5f7fa}.container-grid tbody td{padding:8px;vertical-align:middle}.grid-select:focus{box-shadow:0 0 0 3px #3498db1a}.grid-textarea{min-height:50px}.documents-tab{background:#fff;border-radius:8px;height:100%;overflow-y:auto;padding:20px}.documents-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.documents-section h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.form-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-control,.form-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-control:focus,.form-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}@media (max-width:768px){.documents-tab{padding:15px}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.invoice-tab{padding:0}.invoice-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.invoice-summary{display:flex;gap:24px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item label{color:#6b7280;font-size:12px;font-weight:500}.summary-item span{color:#1f2937;font-size:16px;font-weight:600}.summary-item span.profit{color:#10b981}.summary-item span.loss{color:#ef4444}.invoice-grid-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.invoice-grid{border-collapse:collapse;font-size:13px;width:100%}.invoice-grid thead{background:#f3f4f6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.invoice-grid th{border:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.invoice-grid td{background:#fff;border:1px solid #e5e7eb;padding:8px}.invoice-grid tbody tr:hover{background:#f9fafb}.invoice-grid .empty-row{color:#9ca3af;font-style:italic;padding:40px;text-align:center}.invoice-grid .grid-input,.invoice-grid .grid-select{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px;width:100%}.invoice-grid .grid-input.number{text-align:right}.invoice-grid .amount{font-family:Courier New,monospace;font-weight:500;text-align:right}.invoice-grid tfoot{background:#f3f4f6;bottom:0;font-weight:600;position:-webkit-sticky;position:sticky}.invoice-grid tfoot th{border:1px solid #e5e7eb;padding:12px 8px}.invoice-footer{background:#f9fafb;border-top:2px solid #e5e7eb;padding:20px}.invoice-totals-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-left:auto;max-width:400px;padding:16px}.invoice-totals-card h4{color:#1f2937;font-size:16px;margin:0 0 12px}.totals-grid{display:flex;flex-direction:column;gap:8px}.total-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.total-row.grand-total{border-bottom:2px solid #374151;border-top:2px solid #374151;font-size:16px;font-weight:600;padding:12px 0}.total-row span{color:#6b7280}.total-row strong{color:#1f2937;font-family:Courier New,monospace}.btn-icon{padding:4px}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}.audit-log-tab,.bill-of-entry-tab,.cargo-tab,.container-tab{padding:0}.audit-toolbar,.bill-toolbar,.cargo-toolbar,.container-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.audit-grid-wrapper,.bill-grid-wrapper,.cargo-grid-wrapper,.container-grid-wrapper{max-height:500px;overflow-x:auto;overflow-y:auto}.audit-grid,.bill-grid,.cargo-grid,.container-grid{border-collapse:collapse;font-size:13px;width:100%}.audit-grid thead,.bill-grid thead,.cargo-grid thead,.container-grid thead{background:#f3f4f6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.audit-grid th,.bill-grid th,.cargo-grid th,.container-grid th{border:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.audit-grid td,.bill-grid td,.cargo-grid td,.container-grid td{background:#fff;border:1px solid #e5e7eb;padding:8px}.audit-grid tbody tr:hover,.bill-grid tbody tr:hover,.cargo-grid tbody tr:hover,.container-grid tbody tr:hover{background:#f9fafb}.grid-textarea{border:1px solid #d1d5db;font-size:13px;padding:6px}.documents-tab,.transport-tab{padding:0}.audit-note{background:#fef3c7;border-top:1px solid #fbbf24;font-size:13px;padding:16px}.audit-note p{color:#92400e;margin:0}.user-name{color:#4b5563;font-weight:500}.audit-grid input:disabled,.audit-grid textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}@media (max-width:768px){.invoice-summary{flex-direction:column;gap:12px}.audit-grid,.bill-grid,.cargo-grid,.container-grid,.invoice-grid{font-size:12px}.audit-grid td,.audit-grid th,.bill-grid td,.bill-grid th,.cargo-grid td,.cargo-grid th,.container-grid td,.container-grid th,.invoice-grid td,.invoice-grid th{padding:6px 4px}}.bill-of-entry-tab{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.bill-entry-toolbar{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.bill-entry-toolbar h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.bill-entry-grid-wrapper{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;overflow:auto}.bill-entry-grid{border-collapse:collapse;font-size:14px;min-width:600px;width:100%}.bill-entry-grid thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bill-entry-grid thead th{border-right:1px solid #4a5f7f;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.bill-entry-grid tbody tr{border-bottom:1px solid #e0e0e0}.bill-entry-grid tbody tr:hover{background-color:#f5f7fa}.bill-entry-grid tbody td{padding:8px;vertical-align:middle}.grid-input,.grid-select{padding:8px 10px}.grid-select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.grid-select:focus{border-color:#3498db;outline:none}.transport-tab{background:#fff;border-radius:8px;height:100%;overflow-y:auto;padding:20px}.transport-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.transport-section h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#555;font-size:13px;font-weight:600}.form-control,.form-input,.form-select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-control:focus,.form-input:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}textarea.form-control{min-height:80px;resize:vertical}.form-select{cursor:pointer}@media (max-width:768px){.transport-tab{padding:15px}.form-grid,.form-grid-2{grid-template-columns:1fr}}.audit-log-tab{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:20px}.audit-log-toolbar{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.audit-log-toolbar h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.audit-log-toolbar .btn{align-items:center;display:flex;font-size:14px;gap:8px;padding:8px 16px}.audit-log-grid-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1 1;overflow:auto}.audit-log-grid{border-collapse:collapse;font-size:14px;width:100%}.audit-log-grid thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.audit-log-grid thead th{border-right:1px solid #4a5f7f;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.audit-log-grid thead th:last-child{border-right:none}.audit-log-grid tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.audit-log-grid tbody tr:hover{background-color:#f5f7fa}.audit-log-grid tbody tr:nth-child(2n){background-color:#fafbfc}.audit-log-grid tbody tr:nth-child(2n):hover{background-color:#f0f2f5}.audit-log-grid tbody td{color:#2c3e50;padding:10px 12px;vertical-align:top}.audit-log-grid td:first-child{color:#3498db;font-weight:600;text-align:center;width:50px}.audit-log-grid .date-time{color:#7f8c8d;font-size:13px;min-width:150px;white-space:nowrap}.audit-log-grid .user-name{color:#2c3e50;font-weight:500;min-width:120px}.audit-log-grid .remarks{word-wrap:break-word;line-height:1.5;max-width:400px}.audit-log-grid .action-col{text-align:center;width:80px}.grid-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:6px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.grid-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.grid-input.error{border-color:#e74c3c}.grid-input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.grid-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:60px;padding:8px 10px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.grid-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.btn-icon{align-items:center;display:inline-flex;justify-content:center;transition:background-color .2s}.btn-icon:hover{background-color:#f0f0f0}.btn-icon.btn-danger{color:#e74c3c}.btn-icon.btn-danger:hover{background-color:#fdecea;color:#c0392b}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.empty-row{color:#95a5a6;font-size:14px;padding:40px 20px!important;text-align:center}.audit-log-grid tbody tr.read-only{background-color:#f9f9f9}.audit-log-grid tbody tr.read-only td{color:#7f8c8d}.audit-log-grid tbody tr.read-only:hover{background-color:#f5f5f5}.audit-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.audit-badge.created{background-color:#d4edda;color:#155724}.audit-badge.updated{background-color:#cce5ff;color:#004085}.audit-badge.deleted{background-color:#f8d7da;color:#721c24}.audit-info{background:#e8f4f8;border-left:4px solid #3498db;border-radius:4px;color:#2c3e50;font-size:13px;margin-bottom:15px;padding:12px 16px}.audit-info strong{color:#2980b9}.audit-log-footer{align-items:center;background:#f8f9fa;border-radius:6px;color:#7f8c8d;display:flex;font-size:13px;justify-content:space-between;margin-top:15px;padding:12px}.audit-log-footer .record-count{color:#2c3e50;font-weight:600}.audit-log-grid-wrapper::-webkit-scrollbar{height:8px;width:8px}.audit-log-grid-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.audit-log-grid-wrapper::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.audit-log-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width:768px){.audit-log-tab{padding:15px}.audit-log-toolbar{align-items:stretch;flex-direction:column;gap:10px}.audit-log-grid{font-size:12px}.audit-log-grid tbody td,.audit-log-grid thead th{padding:8px}.grid-input,.grid-textarea{font-size:12px}}.audit-log-loading{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.audit-log-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timestamp{color:#7f8c8d;font-family:Courier New,monospace;font-size:12px}.timestamp .date{color:#5a6c7d;font-weight:600}.timestamp .time{color:#95a5a6;margin-left:5px}.job-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.job-list-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.job-list-header h1{font-size:28px;font-weight:600;margin:0}.job-list-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.search-form{display:flex;gap:12px;max-width:600px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px 10px 42px;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px}.job-table-wrapper{overflow-x:auto}.job-table{border-collapse:collapse;width:100%}.job-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.job-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.job-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:14px 16px}.job-table tbody tr:hover{background:#f9fafb}.job-table .empty-state{color:#9ca3af;font-style:italic;padding:60px;text-align:center}.job-code{color:#667eea;font-weight:600}.invoice-badge{background:#10b981;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.action-buttons{display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#374151}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:20px}.pagination-info{color:#6b7280;font-size:14px}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.job-list-header{align-items:stretch;gap:16px}.job-list-header,.search-form{flex-direction:column}.job-table{font-size:12px}.job-table td,.job-table th{padding:10px 8px}}
/*# sourceMappingURL=main.75c5caa4.css.map*/