@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400;500;600&display=swap";.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4b6cb7,#182848);font-family:Times New Roman,serif}.login-card{background:#fff;width:400px;border-radius:20px;box-shadow:0 10px 25px #0003;overflow:hidden}.login-header{background-color:#34495e;padding:20px;text-align:center;color:#f1c40f}.logo-section{display:flex;align-items:center;justify-content:center;gap:10px}.logo-text{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.login-title{text-align:center;font-size:2.5rem;color:#000;margin:30px 0 20px;font-weight:400}.login-form{padding:0 40px 40px;display:flex;flex-direction:column;gap:25px}.input-group{position:relative;margin-top:10px}.input-field{width:100%;padding:12px 15px;border:1px solid #000;border-radius:25px;font-size:1rem;outline:none;box-sizing:border-box;background:transparent;transition:border-color .3s}.input-label{position:absolute;left:20px;transform:translateY(-50%);background:#fff;padding:0 5px;font-size:1rem;color:#666;pointer-events:none;transition:.2s ease all}.input-field:focus{border-color:#4b6cb7}.password-toggle{position:absolute;right:15px;top:12px;cursor:pointer;font-size:1.2rem;color:#000}.login-btn{margin-top:10px;width:100%;background-color:#3b4b6b;color:#fff;border:none;padding:12px;font-size:1.2rem;border-radius:25px;cursor:pointer;font-family:Times New Roman,serif}.login-btn:hover{background-color:#2c3e50}:root{--royal-bg: #f0f2f5;--dark-blue: #1a202e;--soft-gold: #c5a47e;--gold-hover: #d4b088;--card-shadow: 0 10px 30px rgba(0, 0, 0, .05)}.royal-dash-container{padding:40px;background-color:var(--royal-bg);min-height:90vh;font-family:Poppins,sans-serif;color:var(--dark-blue)}.royal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-content h1{font-family:Playfair Display,serif;font-size:36px;margin:0}.header-content p{margin:5px 0 0;color:#6c757d}.header-icon{font-size:48px;color:var(--soft-gold);opacity:.2}.royal-grid{display:grid;grid-template-columns:3fr 2fr;gap:30px}.stats-column{display:flex;flex-direction:column;gap:30px}.hero-card{display:flex;align-items:center;gap:25px;background:#fff;border-radius:20px;padding:30px;box-shadow:var(--card-shadow);position:relative;overflow:hidden;transition:transform .3s}.hero-card:hover{transform:translateY(-5px)}.card-dark{background:var(--dark-blue);color:#fff}.card-dark h3{color:#ffffffb3!important}.card-dark h2{color:#fff!important}.card-content{flex:1}.card-content h3{font-size:14px;color:#8898aa;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.card-content h2{font-family:Playfair Display,serif;font-size:36px;margin:0}.gold-text{color:var(--soft-gold)}.mini-stat-badge{margin-top:10px;font-size:14px;background:#f8f9fa;padding:8px 12px;border-radius:8px;display:inline-block;border-left:3px solid var(--soft-gold)}.dark-badge{background:#ffffff1a;color:#ccc;border-left:3px solid white}.mini-stat-badge strong{color:var(--dark-blue);margin-left:5px}.dark-badge strong{color:#fff}.card-icon-wrapper{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px}.gold-icon{background:#c5a47e26;color:var(--soft-gold)}.blue-icon{background:#ffffff1a;color:#fff}.leaderboard-card{background:#fff;border-radius:20px;padding:25px;box-shadow:var(--card-shadow)}.card-header-row h3{font-family:Playfair Display,serif;font-size:18px;color:var(--dark-blue);margin:0 0 15px}.leader-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.leader-row:last-child{border-bottom:none}.rank{width:25px;height:25px;background:var(--dark-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:15px}.info{flex:1}.info h4{margin:0;font-size:14px;color:var(--dark-blue);text-transform:capitalize}.info span{font-size:12px;color:#8898aa}.amount{font-weight:700;color:var(--soft-gold)}.empty-text{font-style:italic;color:#aaa;font-size:13px}.business-info-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:25px;box-shadow:var(--card-shadow)}.biz-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-family:Playfair Display,serif;font-size:18px;color:var(--soft-gold)}.biz-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.biz-details-grid label{font-size:12px;color:#8898aa;text-transform:uppercase;display:block;margin-bottom:5px}.biz-details-grid p{font-size:16px;font-weight:600;margin:0}.recent-column{display:flex;flex-direction:column;gap:30px}.recent-card{background:#fff;border-radius:20px;padding:30px;box-shadow:var(--card-shadow);height:100%}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.recent-header h3{font-family:Playfair Display,serif;font-size:20px;color:var(--dark-blue);margin:0}.recent-header button{background:none;border:none;color:var(--soft-gold);cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600}.recent-list{list-style:none;padding:0;margin:0}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.05)}.recent-item:last-child{border-bottom:none}.item-left{display:flex;flex-direction:column}.item-bill{font-weight:600;color:var(--dark-blue)}.item-cust{font-size:13px;color:#8898aa}.item-right{text-align:right}.item-amount{font-weight:700;color:var(--soft-gold);display:block}.item-date{font-size:12px;color:#8898aa}.quick-action-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.royal-btn{padding:18px;border:none;border-radius:15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-gold{background:var(--soft-gold);color:#fff;box-shadow:0 5px 15px #c5a47e66}.btn-gold:hover{background:var(--gold-hover);transform:translateY(-3px)}.btn-dark{background:var(--dark-blue);color:#fff;box-shadow:0 5px 15px #1a202e66}.btn-dark:hover{background:#2c3e50;transform:translateY(-3px)}.gst-card{border-left:5px solid var(--soft-gold);background:#fff}.gst-card h2{color:var(--dark-blue)!important}.bill-container{padding:20px;background-color:#f4f6f9;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-title{font-size:1.8rem;color:#2c3e50;margin-bottom:5px;font-weight:700}.page-subtitle{color:#7f8c8d;margin-bottom:20px}.bill-card{background:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 2px 5px #0000000d;border:1px solid #e0e0e0}.card-header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.9rem;color:#555;font-weight:500}.form-input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;transition:border .2s;width:100%;box-sizing:border-box}.form-input:focus{border-color:#3498db}.form-input:disabled{background-color:#f0f0f0;cursor:not-allowed}.items-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;table-layout:fixed}.items-table th{background-color:#f8f9fa;color:#34495e;font-weight:600;font-size:.85rem;text-align:left;padding:10px 8px;border-bottom:2px solid #e0e0e0}.items-table td{padding:8px 5px;vertical-align:top;border-bottom:1px solid #f1f1f1}.items-table .form-input{width:100%;padding:8px;font-size:.95rem;margin:0}.items-table small{display:block;margin-top:4px;font-size:.75rem;color:#95a5a6}.add-btn{background-color:#1e3a8a;color:#fff;padding:8px 20px;border:none;border-radius:5px;float:right;cursor:pointer}.delete-btn{color:#e74c3c;cursor:pointer;background:none;border:none;font-size:1.1rem;width:100%;display:flex;justify-content:center;align-items:center;padding:5px}.delete-btn:hover{background-color:#fff0f0;border-radius:4px}.summary-container{display:flex;gap:30px;margin-top:10px}.summary-left{flex:1.5}.summary-right{flex:1;background-color:#1e3a8a;color:#fff;padding:30px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 6px #0000001a}.amount-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.grand-total{font-size:2.5rem;font-weight:700;margin-bottom:10px}.preview-btn{padding:12px 30px;border:none;border-radius:5px;font-weight:700;cursor:pointer;margin:0 auto;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content-large{background:#eee;width:90%;max-width:850px;height:90%;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.modal-actions{padding:15px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.action-buttons button{margin-left:10px;padding:8px 15px;border:none;cursor:pointer;border-radius:4px;font-size:14px;display:inline-flex;align-items:center;gap:5px}.btn-action.print{background:#2c3e50;color:#fff}.btn-action.save{background:#27ae60;color:#fff}.btn-action.save.disabled{background:#95a5a6;cursor:not-allowed}.btn-action.download{background:#f39c12;color:#fff}.btn-action.close{background:#c0392b;color:#fff}.invoice-paper{background:#fff;padding:0;flex:1;overflow-y:auto;font-family:Arial,sans-serif;color:#333}.inv-header{background:#1a2a44;color:#fff;padding:30px;display:flex;justify-content:space-between;-webkit-print-color-adjust:exact;print-color-adjust:exact}.company-name{color:#f1c40f;margin:0;font-size:26px;text-transform:uppercase}.invoice-type{margin:5px 0 0;font-size:32px;font-weight:700}.gstin{margin-top:5px;font-size:14px;opacity:.9}.inv-header-right{text-align:right}.owner-name{color:#f1c40f;margin:0;font-size:20px}.owner-tag{font-size:12px;letter-spacing:1px}.address{font-size:13px;line-height:1.5;margin-top:8px;opacity:.9}.inv-meta-row{display:flex;justify-content:space-between;padding:15px 30px;border-bottom:1px solid #eee;font-size:14px}.inv-billed-to{padding:20px 30px}.inv-billed-to .section-title{font-size:14px;color:#666;margin-bottom:5px}.customer-details{border:1px solid #ddd;padding:15px;border-radius:4px;font-size:14px;line-height:1.6}.inv-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid #333}.inv-table th{background:#1a2a44;color:#fff;padding:12px 15px;text-align:left;font-size:14px;border:1px solid #333}.inv-table td{padding:12px 15px;border:1px solid #333;font-size:14px;vertical-align:top}.item-subtext{font-size:11px;color:#666;margin-top:4px}.inv-footer{display:flex;justify-content:space-between;padding:30px;margin-top:20px}.inv-footer-left{width:50%}.amount-words{font-size:14px;font-style:italic;color:#555;line-height:1.5}.inv-footer-right{width:40%}.total-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.grand-total-row{border-top:2px solid #333;border-bottom:2px solid #333;padding:10px 0;margin-top:10px;font-weight:700;font-size:16px}.inv-signature{padding:0 30px 40px;text-align:right}.sig-line{display:inline-block;border-top:1px solid #333;padding-top:10px;width:200px;text-align:center;font-size:13px}@media print{.no-print{display:none!important}}.tracking-container{padding:20px;background-color:#f4f6f8;min-height:85vh;font-family:Segoe UI,sans-serif}.tracking-header{background:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.tracking-header h2{margin:0;color:#2c3e50;font-size:20px;font-weight:700}.search-box{position:relative;width:500px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#95a5a6}.search-box input{width:90%;padding:10px 10px 10px 38px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#f9f9f9;transition:all .2s}.search-box input:focus{background-color:#fff;border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.tracking-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000008;overflow:hidden}.tracking-table{width:100%;border-collapse:collapse}.tracking-table th{background-color:#f8f9fa;color:#7f8c8d;font-size:12px;font-weight:700;text-transform:uppercase;padding:18px 20px;border-bottom:2px solid #eee;letter-spacing:.5px}.tracking-table td{padding:16px 20px;border-bottom:1px solid #f1f1f1;color:#2c3e50;font-size:14px;vertical-align:middle}.tracking-table tr:hover{background-color:#fcfcfc}.tracking-table tr:last-child td{border-bottom:none}.tracking-table th:nth-child(1),.tracking-table td:nth-child(1),.tracking-table th:nth-child(2),.tracking-table td:nth-child(2),.tracking-table th:nth-child(3),.tracking-table td:nth-child(3){text-align:left}.tracking-table th:nth-child(4),.tracking-table td:nth-child(4),.tracking-table th:nth-child(5),.tracking-table td:nth-child(5),.tracking-table th:nth-child(6),.tracking-table td:nth-child(6){text-align:right}.tracking-table th:nth-child(7),.tracking-table td:nth-child(7){text-align:center}.cust-name{font-weight:600;color:#34495e;display:block}.cust-phone{font-size:12px;color:#95a5a6;margin-top:3px;display:block}.track-status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:5px;position:static!important;transform:none!important;float:none!important}.track-paid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.track-partial{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.track-unpaid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.all-inv-container{padding:30px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,sans-serif}.page-header h1{font-size:28px;color:#2c3e50;margin-bottom:5px}.page-header p{color:#7f8c8d;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #00000008;border:1px solid #e0e0e0}.stat-label{font-size:14px;color:#888;margin-bottom:10px;font-weight:500}.stat-value{font-size:26px;font-weight:700}.text-dark{color:#333}.text-green{color:#27ae60}.text-blue{color:#2980b9}.text-gray{color:#bdc3c7}.search-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.search-wrapper{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#95a5a6;z-index:2;pointer-events:none}.search-wrapper input{width:100%;padding:12px 15px 12px 45px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;outline:none;transition:all .2s}.search-wrapper input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#555;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f8f9fa;border-color:#ccc}.table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000008;border:1px solid #e0e0e0;overflow:hidden}.inv-list-table{width:100%;border-collapse:collapse}.inv-list-table th{text-align:left;padding:15px 20px;background:#fff;color:#333;font-weight:700;font-size:14px;border-bottom:1px solid #eee}.inv-list-table td{padding:15px 20px;border-bottom:1px solid #f5f5f5;vertical-align:middle;color:#555}.inv-list-table tr:hover{background-color:#fbfbfb}.inv-id{font-weight:700;color:#2980b9}.cust-name{font-weight:600;color:#2c3e50;text-transform:uppercase;font-size:14px}.cust-addr{font-size:11px;color:#999;margin-top:2px}.font-bold{font-weight:700}.badge-generated{background-color:#27ae60;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.action-row{display:flex;gap:10px}.icon-btn{border:none;background:none;cursor:pointer;font-size:16px;padding:5px;transition:color .2s}.icon-btn.view{color:#2c3e50}.icon-btn.print{color:#2980b9}.icon-btn.delete{color:#c0392b}.icon-btn:hover{transform:scale(1.1)}.language-switch-container{display:flex;align-items:center}.language-switch{position:relative;width:80px;height:32px;background:#f1f2f6;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 8px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:inset 0 2px 4px #0000001a}.language-switch.is-tamil{background:#ff9f43}.switch-knob{position:absolute;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#34495e;box-shadow:0 2px 5px #0003;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);z-index:2}.language-switch.is-tamil .switch-knob{transform:translate(48px);color:#ff9f43}.lang-label{font-size:10px;font-weight:800;z-index:1;-webkit-user-select:none;user-select:none}.lang-label.en{color:#2f3542;margin-left:28px}.lang-label.ta{color:#fff;margin-right:5px;opacity:.5}.language-switch.is-tamil .lang-label.ta{opacity:1;margin-right:28px}.language-switch.is-tamil .lang-label.en{opacity:.5}.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.dept-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0000000d;border-top:4px solid #ddd;transition:transform .2s}.dept-card:hover{transform:translateY(-3px)}.dept-card.molding{border-color:#34495e}.dept-card.cutting{border-color:#e67e22}.dept-card.stone{border-color:#9b59b6}.dept-card.polish{border-color:#3498db}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}.card-title{font-size:16px;font-weight:700;color:#555;text-transform:uppercase}.icon-box{width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.molding .icon-box{background:#34495e}.cutting .icon-box{background:#e67e22}.stone .icon-box{background:#9b59b6}.polish .icon-box{background:#3498db}.card-stats{display:flex;align-items:center;justify-content:space-between}.stat-item small{display:block;color:#999;font-size:11px;margin-bottom:4px}.stat-item h3{margin:0;font-size:18px;color:#2c3e50}.stat-item h3.due{color:#c0392b}.stat-divider{width:1px;height:30px;background:#eee}.who-badge{font-size:11px;background:#f0f2f5;color:#555;padding:2px 6px;border-radius:4px}.qty-val{color:#27ae60;font-weight:700;font-size:12px}.four-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.grid-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;height:400px;display:flex;flex-direction:column}.box-header{padding:15px;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px}.molding-box .box-header{background:#34495e}.cutting-box .box-header{background:#e67e22}.stone-box .box-header{background:#9b59b6}.polish-box .box-header{background:#2980b9}.worker-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.worker-list li{padding:15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.worker-list li:hover{background:#f8f9fa}.list-badge{background:#eee;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#555}.list-badge.stock{background:#e8f5e9;color:#27ae60}.large-modal{width:700px;max-width:90%;padding:0}.worker-profile{background:#f8f9fa;padding:25px;border-bottom:1px solid #ddd}.worker-profile h2{margin:0 0 5px;color:#2c3e50}.worker-profile p{margin:0;color:#7f8c8d;font-size:14px}.stock-summary-card{display:flex;gap:20px;margin-top:20px;background:#fff;padding:15px;border-radius:8px;border:1px solid #eee}.stat h3{margin:0;font-size:12px;color:#888;text-transform:uppercase}.stat h1{margin:5px 0 0;font-size:24px;color:#2c3e50}.stone-stock-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;gap:10px}.s-item{background:#f1f2f6;padding:10px;border-radius:6px;text-align:center}.s-item span{display:block;font-size:11px;color:#666}.s-item strong{display:block;font-size:16px;color:#2c3e50}.s-item.pay{background:#fff3e0;color:#d35400}.history-table-wrapper{padding:20px;max-height:300px;overflow-y:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;color:#888;font-size:13px;padding:10px;border-bottom:2px solid #eee}.history-table td{padding:10px;border-bottom:1px solid #f1f1f1;font-size:14px}.molding-layout{padding:20px;background-color:#f0f2f5;min-height:100vh;font-family:Segoe UI,sans-serif}.molding-header{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px}.supplier-select-group label{font-weight:700;color:#2c3e50;margin-bottom:8px;display:block}.select-wrapper{display:flex;gap:10px}.supplier-dropdown{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;outline:none}.btn-add-supplier{background:#3498db;color:#fff;border:none;padding:0 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600}.molding-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:20px}.molding-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:fit-content}.molding-card h3{margin-top:0;margin-bottom:20px;color:#34495e;font-size:18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding-bottom:10px}.entry-section{border-top:4px solid #3498db}.form-group label{display:block;font-size:13px;color:#7f8c8d;margin-bottom:5px;font-weight:600}.form-group input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;outline:none;transition:.2s}.form-group input:focus{border-color:#3498db}.btn-save-entry{width:100%;background:#2ecc71;color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px}.btn-save-entry:hover{background:#27ae60}.list-section{border-top:4px solid #f1c40f;min-height:400px}.mini-table{width:100%;border-collapse:collapse}.mini-table th{text-align:left;font-size:13px;color:#7f8c8d;padding-bottom:10px;border-bottom:1px solid #eee}.mini-table td{padding:12px 0;border-bottom:1px solid #f9f9f9;font-size:14px;color:#2c3e50}.empty-text{color:#bdc3c7;text-align:center;margin-top:50px;font-style:italic}.balance-section{border-top:4px solid #e74c3c;background:#fff5f5}.balance-info{text-align:center}.label{color:#e74c3c;font-weight:600;font-size:14px;margin-bottom:5px}.balance-amount{font-size:32px;color:#c0392b;margin:10px 0;font-weight:800}.sub-label{color:#7f8c8d;font-size:14px;margin-bottom:20px}.supplier-mini-details{text-align:left;font-size:13px;color:#555;line-height:1.6}.modal-content{background:#fff;padding:30px;border-radius:10px;width:400px}.modal-form input{display:block;width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px}.btn-cancel{background:#95a5a6;color:#fff;padding:8px 15px;border-radius:5px;border:none;cursor:pointer}.btn-confirm{background:#3498db;color:#fff;padding:8px 15px;border-radius:5px;border:none;cursor:pointer}.molding-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:start}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.items-table-container{background:#fdfdfd;border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:20px}.entry-table{width:100%;border-collapse:collapse}.entry-table th{background:#f4f7f6;padding:12px;text-align:left;font-size:13px}.entry-table td{padding:8px;border-bottom:1px solid #f9f9f9}.entry-table input{width:95%;padding:10px;border:1px solid #ddd;border-radius:4px}.btn-add-row{background:#3498db;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-delete-row{background:#fceaea;color:#e74c3c;border:none;padding:8px;border-radius:4px;cursor:pointer}.btn-list-delete{background:none;border:none;color:#e74c3c;cursor:pointer}.balance-column{display:flex;flex-direction:column;gap:20px}.cutting-container{padding:30px;background-color:#f4f7f6;min-height:100vh;font-family:Segoe UI,sans-serif}.page-title{color:#2c3e50;margin-bottom:25px;display:flex;align-items:center;gap:10px;padding:20px}.cutting-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.cutting-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000000d}.cutting-card h3{margin-top:0;color:#34495e;border-bottom:2px solid #eee;padding-bottom:15px;margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#7f8c8d;margin-bottom:5px}.form-group input,.worker-select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;background-color:#fff;box-sizing:border-box}.form-group input:focus,.worker-select:focus{border-color:#e67e22}.btn-issue{width:100%;background:#e67e22;color:#fff;border:none;padding:12px;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;transition:background .2s}.btn-issue:hover{background:#d35400}.active-card{border-top:5px solid #27ae60}.work-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f1f1f1;transition:background .1s}.work-item:hover{background-color:#f9f9f9}.work-item:last-child{border-bottom:none}.work-info h4{margin:0;color:#2c3e50;font-size:16px}.work-info p{margin:4px 0 6px;color:#7f8c8d;font-size:13px}.badge-weight{background:#e8f5e9;color:#2e7d32;font-size:12px;padding:4px 10px;border-radius:12px;font-weight:700}.btn-receive{background:#27ae60;color:#fff;border:none;padding:8px 18px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600}.btn-receive:hover{background:#219150}.empty{text-align:center;color:#aaa;margin-top:40px;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.receive-modal{width:450px;background:#fff;padding:25px;border-radius:10px;border-top:5px solid #3498db;box-shadow:0 10px 25px #0003}.modal-info-row{display:flex;justify-content:space-between;background:#f8f9fa;padding:12px;border-radius:5px;margin-bottom:20px;font-size:14px;color:#555}.modal-grid-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error-box{background:#ffebee;color:#c62828;padding:10px;border-radius:5px;margin-top:15px;font-size:13px;display:flex;align-items:center;gap:8px}.calc-box{margin-top:20px;padding:15px;background:#fff8e1;border-radius:5px;text-align:right;border:1px solid #ffe0b2}.calc-box p{margin:0 0 5px;font-size:13px}.calc-box h4{margin:0;font-size:20px;color:#2c3e50}.text-warning{color:#d35400;font-weight:700}.btn-cancel{background:#95a5a6;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer}.btn-confirm{background:#3498db;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;display:flex;align-items:center;gap:5px}.due-box{background:#fff3e0;border:1px solid #ffe0b2;padding:12px;border-radius:6px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#555}.due-amount{color:#d35400;font-size:16px;font-weight:800}.stone-container{padding:20px;background:#f5f7fb}.page-title{margin-bottom:20px;font-size:22px;font-weight:600}.stone-main-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:20px;align-items:flex-start}.stone-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.section-label{font-size:12px;font-weight:600;color:#e60000;margin-bottom:6px;display:block}.stone-input{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;margin-bottom:10px}.worker-info-area{margin-top:10px}.mini-stock-display{display:flex;gap:8px;margin-bottom:10px}.stock-pill{background:#eef2ff;color:#1e3a8a;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}.stock-pill.red{background:#ffe5e5;color:#c92a2a}.stock-pill.green{background:#e6fcf5;color:#087f5b}.due-amount-display{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}.payment-box-container{background:#fafafa;padding:10px;border-radius:8px;border:1px solid #eee}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-add-row{background:#1976d2;border:none;color:#fff;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:13px}.btn-add-row:hover{background:#125ea7}.bulk-item-table{width:100%;border-collapse:collapse;margin-bottom:15px;margin-right:10px}.bulk-item-table th{background:#f3f4f6;padding:10px;font-size:12px;text-align:left;border-bottom:1px solid #e5e7eb}.bulk-item-table td{padding:6px 12px}.row-input{width:100%;padding:8px;border-radius:5px;border:1px solid #ddd}.icon-del{cursor:pointer;color:#ff4d4d}.global-stone-issue{margin-top:10px}.stone-packet-row{display:flex;gap:10px;background:#f1f3f5;padding:12px;border-radius:8px}.pkt-input{flex:1;display:flex;align-items:center;background:#fff;padding:8px;border-radius:6px;border:1px solid #ddd}.pkt-input span{font-weight:700;margin-right:10px}.pkt-input.red span{color:red}.pkt-input.green span{color:green}.pkt-input input{border:none;outline:none;width:100%}.btn-issue-main{margin-top:15px;width:100%;padding:12px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.btn-issue-main:hover{background:#1f8f4d}.active-list-card{height:100%}.active-scroll-area{max-height:520px;overflow-y:auto}.active-job-item{background:#fafafa;border:1px solid #eee;padding:12px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.job-main{font-size:14px}.badge{margin-left:6px;background:#e3f2fd;padding:3px 7px;border-radius:5px;font-size:11px}.job-sub{font-size:12px;color:#666}.job-actions{display:flex;gap:5px}.act-btn{border:none;padding:7px;border-radius:6px;cursor:pointer;color:#fff}.finish{background:#27ae60}.delete{background:#ff5c5c}@media(max-width:1200px){.stone-main-layout{grid-template-columns:1fr}}.polish-container{padding:30px;background-color:#f4f6f8;min-height:100vh;font-family:Segoe UI,sans-serif}.page-title{color:#2c3e50;margin-bottom:25px;font-weight:800;font-size:24px;display:flex;align-items:center;gap:10px}.polish-grid{display:grid;grid-template-columns:450px 1fr;gap:30px;align-items:start}.polish-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.polish-card h3{margin-top:0;color:#34495e;border-bottom:2px solid #f1f1f1;padding-bottom:15px;margin-bottom:20px;font-size:18px;font-weight:700}.issue-card{border-top:5px solid #e67e22}.active-card{border-top:5px solid #3498db;background:#f8f9fa}.polish-input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box}.section-label{font-size:12px;font-weight:700;color:#7f8c8d;text-transform:uppercase;margin-bottom:5px;display:block}.item-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.btn-remove{background:#ffebee;color:#c0392b;border:1px solid #ffcdd2;border-radius:4px;padding:10px;cursor:pointer;font-size:12px;display:flex;align-items:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-small-add{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px}.btn-small-add:hover{background:#c8e6c9}.due-box{background:#fff3e0;border:1px solid #ffe0b2;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.due-amount{color:#d35400;font-size:18px;font-weight:800}.btn-issue{width:100%;background:#e67e22;color:#fff;padding:14px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:15px;display:flex;justify-content:center;gap:8px;margin-top:15px}.work-item{background:#fff;border-radius:10px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 8px #0000000f;border-left:5px solid #bdc3c7;display:flex;justify-content:space-between;align-items:center}.badge-own{background:#e8f5e9;color:#2e7d32;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-left:10px}.badge-alaya{background:#fff3e0;color:#e67e22;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-left:10px}.btn-receive{background:#27ae60;color:#fff;padding:8px 15px;border-radius:6px;border:none;cursor:pointer;font-weight:700;font-size:13px}.modal-content{background:#fff;padding:30px;border-radius:12px;width:400px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{background:#ecf0f1;padding:10px 20px;border-radius:6px;border:none;cursor:pointer}.btn-confirm{background:#2980b9;color:#fff;padding:10px 20px;border-radius:6px;border:none;cursor:pointer}.bill-box{background:#fff3cd;color:#856404;padding:10px;border-radius:6px;text-align:right;margin-top:10px;font-weight:700;border:1px solid #ffeeba}.batch-header{background:#e3f2fd;color:#1565c0;padding:10px 15px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bbdefb}.batch-title{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}.batch-content{padding:15px}.batch-items-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.batch-pill{background:#fff;border:1px solid #ddd;padding:5px 10px;border-radius:20px;font-size:12px;color:#555;display:flex;gap:5px}.batch-pill strong{color:#333}.btn-batch-receive{width:100%;background:#27ae60;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.receive-table{width:100%;border-collapse:collapse;margin-top:10px}.receive-table th{text-align:left;font-size:11px;color:#7f8c8d;padding:5px;border-bottom:1px solid #eee}.receive-table td{padding:8px 5px;border-bottom:1px solid #f9f9f9;vertical-align:middle}.receive-input{width:80px;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:13px}.telecaller-layout{display:flex;flex-direction:column;height:100vh;font-family:Segoe UI,sans-serif;background-color:#f4f6f8}.tc-header{height:70px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:100}.tc-brand{display:flex;align-items:center;gap:12px}.brand-text{font-size:18px;font-weight:800;color:#f1c40f;letter-spacing:.5px;line-height:1.2}.brand-sub{font-size:10px;color:#7f8c8d;font-weight:600}.tc-nav-desktop{display:flex;gap:30px}.tc-nav-item{text-decoration:none;color:#555;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s}.tc-nav-item:hover{background-color:#f8f9fa;color:#2c3e50}.tc-nav-item.active{background-color:#2c3e50;color:#fff;font-weight:600}.tc-user-container{position:relative;height:100%;display:flex;align-items:center}.header-user-info{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:100%;padding:0 10px;cursor:pointer}.header-user-info:hover{background-color:#f1f2f6;border-color:#ddd}.user-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-size:14px}.user-role-highlight{color:#e67e22;font-weight:700}.user-popup{position:absolute;top:65px;right:0;width:160px;background:#fff;border-radius:8px;box-shadow:0 5px 15px #00000026;border:1px solid #eee;display:none;flex-direction:column;overflow:hidden;z-index:200}.user-popup.show{display:flex;animation:fadeIn .2s ease-in-out}.popup-item{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#e74c3c;font-weight:600;font-size:14px;transition:background .2s}.popup-item:hover{background-color:#fdedec}.mobile-toggle-btn{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:#2c3e50}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;display:none}.mobile-sidebar{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#2c3e50;z-index:999;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.mobile-nav-item{padding:15px 20px;color:#bdc3c7;text-decoration:none;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.05);font-size:15px}.mobile-nav-item.active{background:#ffffff1a;color:#fff;border-left:4px solid #f1c40f}.mobile-logout{position:absolute;bottom:60px;width:100%;padding:15px 20px;color:#e74c3c;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tc-nav-desktop{display:none}.mobile-toggle-btn{display:block}.header-user-info span{display:none}.header-user-info{gap:0;padding:5px}}.telecaller-dashboard-container{padding:40px;background-color:#f4f6f8;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.welcome-title{font-size:32px;color:#2c3e50;margin-bottom:10px;font-weight:700}.highlight-name{color:#3498db}.welcome-subtitle{color:#7f8c8d;font-size:18px;margin-top:0}.stats-container{margin-top:40px;display:flex;gap:20px}.stat-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000000d;text-align:center;min-width:200px;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-value{margin:0;font-size:36px;color:#27ae60;font-weight:700}.stat-label{margin:5px 0 0;color:#95a5a6;font-size:14px;text-transform:uppercase;letter-spacing:1px}.orders-page-container{padding:20px;background-color:#f4f6f8;min-height:85vh;font-family:Segoe UI,sans-serif}.page-header{margin-bottom:20px}.page-title{font-size:24px;color:#2c3e50;margin:0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px}.order-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #eee;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.order-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.order-card.completed{border-left:5px solid #27ae60;background-color:#f9fffb}.order-card.pending{border-left:5px solid #f39c12}.status-badge{position:absolute;top:5px;right:10px;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.completed{background:#d4edda;color:#155724}.card-shop-name{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:5px}.card-date{font-size:13px;color:#7f8c8d;margin-bottom:15px}.card-items-preview{font-size:14px;color:#555;background:#f8f9fa;padding:10px;border-radius:6px;margin-bottom:15px}.card-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee;padding-top:15px}.btn-action{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:5px;transition:background .2s}.btn-view{background:#34495e;color:#fff}.btn-view:hover{background:#2c3e50}.btn-complete{background:#27ae60;color:#fff}.btn-complete:hover{background:#219150}.btn-completed-disabled{background:#e9ecef;color:#6c757d;cursor:default}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;width:90%;max-width:600px;padding:25px;border-radius:8px;max-height:90vh;overflow-y:auto}.modal-title{margin-top:0;color:#2c3e50}.modal-items-table{width:100%;border-collapse:collapse;margin-top:15px}.modal-items-table th,.modal-items-table td{border-bottom:1px solid #eee;padding:10px;text-align:left}.modal-items-table th{background:#f8f9fa;color:#555}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.orders-grid{grid-template-columns:1fr}}.create-order-container{padding:20px;background-color:#f4f6f8;min-height:85vh;font-family:Segoe UI,sans-serif}.order-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000000d;max-width:900px;margin:0 auto}.order-header{border-bottom:2px solid #eee;padding-bottom:15px;margin-bottom:20px}.order-title{color:#2c3e50;margin:0;font-size:24px}.shop-section{margin-bottom:25px;margin-top:20px;display:flex;flex-direction:column;gap:8px}.shop-section h3{display:block;font-weight:600;color:#555;font-size:14px;margin:0}.main-input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:6px;outline:none;transition:border .2s;box-sizing:border-box}.main-input:focus{border-color:#3498db}.order-table{width:100%;border-collapse:collapse;margin-bottom:20px}.order-table th{background:#f8f9fa;text-align:left;padding:12px;color:#7f8c8d;font-size:14px;border-bottom:2px solid #eee}.order-table td{padding:10px;border-bottom:1px solid #eee}.table-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.add-item-btn{background:#34495e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.remove-btns{background:#e74c3c;color:#fff;border:none;width:35px;height:35px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:15px;border-top:1px solid #eee;padding-top:20px}.submit-btn{background:#27ae60;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#219150}.submit-btn:disabled{background:#95a5a6;cursor:not-allowed}@media(max-width:768px){.create-order-container{padding:10px}.order-card{padding:15px}.order-title{font-size:20px}.order-table{display:block;overflow-x:auto;white-space:nowrap}.table-input{min-width:120px}.submit-btn{width:100%;justify-content:center}}.invoices-page-container{padding:30px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,sans-serif}.page-header{margin-bottom:25px}.page-title{color:#2c3e50;margin:0}.page-subtitle{color:#7f8c8d;margin:5px 0 0}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.invoice-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-top:4px solid #3498db;transition:box-shadow .2s}.invoice-card:hover{box-shadow:0 5px 15px #0000001a}.card-header-row{display:flex;justify-content:space-between;margin-bottom:10px}.customer-name{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.invoice-badge{font-size:11px;background-color:#f1f2f6;padding:4px 8px;border-radius:4px;font-weight:700;color:#7f8c8d}.customer-phone{color:#7f8c8d;font-size:13px;margin:0 0 15px}.card-action-row{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:10px;border-radius:8px}.bill-label{font-size:11px;color:#7f8c8d;text-transform:uppercase}.bill-amount{font-size:16px;font-weight:700;color:#2c3e50}.payment-btn{background-color:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:13px;transition:background .2s}.payment-btn:hover{background-color:#219150}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:12px;width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-title{margin-top:0;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px}.payment-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.summary-box{padding:10px;border-radius:6px;text-align:center}.summary-box.total{background:#e8f6f3;color:#2c3e50}.summary-box.paid{background:#eafaf1;color:#27ae60}.summary-box.balance{background:#fdedec;color:#c0392b}.summary-box small{display:block;font-size:11px;margin-bottom:4px}.summary-box strong{font-size:16px}.payment-form{display:flex;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.pay-input,.pay-select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.pay-input{flex:1}.collect-btn{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.collect-btn:hover{background:#2980b9}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{background:#f1f2f6;text-align:left;padding:10px;color:#555;font-weight:600}.history-table td{padding:10px;border-bottom:1px solid #eee}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.verified{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.verify-btn{background:#2c3e50;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px}.close-modal-btn{margin-top:20px;width:100%;padding:12px;border:none;background:#e74c3c;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px}.bill-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;position:static!important;transform:none!important}.bill-verified{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.bill-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.close-modal-btn:hover{background:#c0392b}.sales-layout{display:flex;flex-direction:column;height:100vh;width:100vw;font-family:Times New Roman,serif;overflow:hidden}.top-header{height:80px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:3px solid #34495e}.header-left{display:flex;flex-direction:column}.brand-name{color:#f1c40f;font-size:1.5rem;font-weight:700;text-transform:uppercase}.gst-text{font-size:.8rem;color:#555;margin-top:2px}.header-center{display:flex;gap:20px}.nav-pill{padding:8px 25px;border-radius:20px;text-decoration:none;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px;transition:all .3s}.nav-pill.active{background-color:#d1d5db;font-weight:700}.header-right{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#34495e;font-weight:700}.workspace{display:flex;flex:1;overflow:hidden}.sidebar{width:250px;background-color:#3e5066;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.sidebar-menu{display:flex;flex-direction:column;padding-top:20px}.sidebar-item{padding:20px 25px;color:#fff;text-decoration:none;font-size:1.3rem;cursor:pointer;transition:background .2s;border-left:5px solid transparent}.sidebar-item:hover{background-color:#2c3e50}.sidebar-item.active-link{background-color:#2c3e50;border-left:5px solid #f1c40f}.logout-btn{padding:20px 25px;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.logout-btn:hover{background-color:#c0392b}.content-area{flex:1;background-color:#fff;padding:20px;overflow-y:auto;position:relative}.layout-footer{height:40px;background-color:#3e5066;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-right:30px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.list-container{padding:40px;background:#f8f9fc;min-height:100vh;font-family:Segoe UI,sans-serif}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.list-header h2{margin:0;color:#1e293b;font-size:24px}.list-header p{margin:5px 0 0;color:#64748b;font-size:14px}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background:#f1f5f9;padding:15px 20px;text-align:left;color:#475569;font-size:13px;font-weight:600;text-transform:uppercase}.modern-table td{padding:15px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.modern-table tr:hover{background:#f8fafc}.job-status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;position:static!important}.job-status-badge.pending{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.date-col{color:#334155;font-size:14px}.date-col small{display:block;color:#94a3b8;font-size:11px}.client-cell{display:flex;align-items:center;gap:12px}.icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.icon-box.int{background:#3b82f6}.icon-box.ext{background:#a855f7}.client-cell strong{display:block;color:#1e293b;font-size:14px}.client-cell small{color:#64748b;font-size:12px}.items-mini-list{display:flex;gap:8px;flex-wrap:wrap}.mini-tag{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:12px;color:#475569;border:1px solid #e2e8f0}.mini-tag .qty{font-weight:700;color:#0f172a;margin-left:4px}.btn-primary-add{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.btn-action-finish{background:#fff;border:1px solid #22c55e;color:#22c55e;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-action-finish:hover{background:#22c55e;color:#fff}.full-input,.row-inputs input{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;outline:none}.row-inputs{display:flex;gap:10px;margin-bottom:5px}.btn-text{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px}.modal-footer{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.btn-pri{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-sec{background:#f1f5f9;color:#475569;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.modal-table{width:100%;border-collapse:collapse;margin-top:15px}.modal-table th{background:#f8fafc;padding:10px;text-align:left;font-size:12px;color:#64748b}.modal-table td{padding:10px;border-bottom:1px solid #f1f5f9}.tbl-input{width:70px;padding:6px;border:1px solid #cbd5e1;border-radius:4px}.polish-total-box{margin-top:20px;padding:15px;background:#f0fdf4;color:#166534;text-align:right;font-weight:700;font-size:18px;border-radius:8px;border:1px solid #dcfce7}.job-status-badge.partial{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.mini-tag.partial-tag{background:#fff;border-color:#4f46e5;color:#4f46e5}.job-status-badge{position:static!important}.worker-container{padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:10px}.worker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #f1f1f1;padding-bottom:15px}.worker-table{width:100%;border-collapse:collapse;margin-top:10px}.worker-table th{background:#f8f9fa;padding:12px 15px;text-align:left;color:#2c3e50;font-weight:600;border-bottom:2px solid #dee2e6}.worker-table td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}.status-btns{display:flex;gap:5px}.status-btns button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.status-btns button:hover{background:#f0f0f0}.status-btns button.active.Present{background:#27ae60;color:#fff;border-color:#27ae60}.status-btns button.active.HalfDay{background:#f39c12;color:#fff;border-color:#f39c12}.status-btns button.active.Absent{background:#e74c3c;color:#fff;border-color:#e74c3c}.net-payable{font-weight:800;color:#2c3e50;font-size:1.1rem}.paid-input{width:100px;padding:8px;border:2px solid #3498db;border-radius:6px;text-align:right;font-weight:700;font-size:1rem;color:#2c3e50}.paid-input:focus{outline:none;box-shadow:0 0 5px #3498db80}.balance-positive{color:#27ae60;font-weight:600}.balance-negative{color:#e74c3c;font-weight:600}.btn-save-attendance{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 25px;background:#2c3e50;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;float:right;transition:background .3s}.btn-save-attendance:hover{background:#1a252f}input[type=date]{padding:8px;border:1px solid #ddd;border-radius:6px;font-family:inherit;color:#2c3e50}.scanner-status-alert{background-color:#e8f4fd;color:#2980b9;padding:10px 15px;border-radius:6px;margin-bottom:15px;font-weight:700;border-left:4px solid #3498db}.biometric-actions{display:flex;gap:8px}.btn-scan-in,.btn-scan-out{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:700;color:#fff;transition:.2s}.btn-scan-in{background-color:#27ae60}.btn-scan-in:hover{background-color:#219653}.btn-scan-out{background-color:#e67e22}.btn-scan-out:hover{background-color:#d35400}.time-display{font-family:monospace;font-size:1.1em;color:#34495e}.owner-layout{display:flex;flex-direction:column;height:100vh;width:100vw;font-family:Times New Roman,serif;background-color:#f8f9fa;overflow-x:hidden;position:relative}.owner-header{background-color:#fff;border-bottom:3px solid #34495e;height:70px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;z-index:50;position:relative}.owner-brand{display:flex;align-items:center;gap:10px}.brand-text{color:#f1c40f;font-weight:700;text-transform:uppercase;font-size:1.2rem}.brand-sub{font-size:.7rem;color:#555}.owner-nav-center{display:flex;gap:15px}.owner-nav-item{text-decoration:none;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px;padding:8px 25px;border-radius:20px;transition:background .3s;font-weight:500}.owner-nav-item:hover{background-color:#f0f0f0}.owner-nav-item.active{background-color:#d1d5db;font-weight:700;color:#000}.mobile-toggle-btn{display:none;background:none;border:none;font-size:1.8rem;color:#34495e;cursor:pointer}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99;display:none}.mobile-sidebar-overlay.open{display:block}.mobile-sidebar{position:fixed;top:0;left:-280px;width:260px;height:100vh;background-color:#3e5066;z-index:100;transition:left .3s ease-in-out;display:flex;flex-direction:column;padding-top:20px;padding-bottom:50px;box-shadow:4px 0 10px #0003}.mobile-sidebar.open{left:0}.mobile-nav-item{padding:15px 25px;color:#fff;text-decoration:none;font-size:1.2rem;display:flex;align-items:center;gap:15px;border-left:5px solid transparent}.mobile-nav-item.active{background-color:#2c3e50;border-left:5px solid #f1c40f}.owner-user-container{position:relative}.owner-user{display:flex;align-items:center;gap:10px;color:#34495e;font-weight:700;cursor:pointer;font-size:1.1rem}.user-popup{position:absolute;top:50px;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #0000001a;border-radius:8px;width:150px;display:none;flex-direction:column;z-index:200}.user-popup.show{display:flex}.popup-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#333}.popup-item:hover{color:#c0392b;background:#f9f9f9}@media(max-width:768px){.owner-nav-center{display:none}.mobile-toggle-btn{display:block}.owner-user span{display:none}.owner-header{padding:0 15px}}.owner-dashboard{padding:20px;background-color:#f4f6f9;min-height:100vh}.dashboard-header h2{margin:0;color:#2c3e50;font-size:26px}.dashboard-header p{color:#7f8c8d;margin-top:5px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:25px;margin-bottom:30px}.metric-card{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;box-shadow:0 4px 15px #0000000d;border-left:5px solid}.metric-card.gold{border-color:#f1c40f}.metric-card.green{border-color:#2ecc71}.metric-card.red{border-color:#e74c3c}.metric-card.blue{border-color:#3498db}.metric-card .icon{font-size:35px;margin-right:20px;opacity:.8}.metric-card.gold .icon{color:#f1c40f}.metric-card.green .icon{color:#2ecc71}.metric-card.red .icon{color:#e74c3c}.metric-card.blue .icon{color:#3498db}.metric-card .details span{color:#95a5a6;font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.metric-card .details h3{margin:5px 0 0;font-size:24px;color:#2c3e50}.approvals-container{display:grid;grid-template-columns:1fr 1fr;gap:25px}@media(max-width:1000px){.approvals-container{grid-template-columns:1fr}}.approval-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d;overflow:hidden}.card-header{padding:15px 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ecf0f1}.card-header.border-green{border-top:4px solid #2ecc71}.card-header.border-red{border-top:4px solid #e74c3c}.card-header h3{margin:0;font-size:18px;color:#2c3e50}.badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}.badge.green{background:#2ecc71}.badge.red{background:#e74c3c}.table-responsive{max-height:500px;overflow-y:auto}.approval-table{width:100%;border-collapse:collapse}.approval-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-size:13px;color:#7f8c8d;position:sticky;top:0}.approval-table td{padding:15px;border-bottom:1px solid #ecf0f1;font-size:14px;vertical-align:middle}.collected-by{color:#8e44ad;font-weight:600}.dept-badge{background:#ecf0f1;color:#34495e;padding:2px 6px;border-radius:4px;font-size:11px;text-transform:capitalize}.amount{font-weight:700;font-size:15px}.amount.positive{color:#27ae60}.amount.negative{color:#c0392b}.btn-group{display:flex;gap:10px}.btn-icon{background:none;border:none;font-size:20px;cursor:pointer;transition:transform .2s,opacity .2s}.btn-icon:hover{transform:scale(1.1)}.btn-icon.approve{color:#2ecc71}.btn-icon.reject{color:#e74c3c}.empty-state{text-align:center;padding:40px 20px;color:#95a5a6;font-style:italic}.loader-container{display:flex;justify-content:center;align-items:center;height:80vh}.loader{font-size:20px;color:#3498db;font-weight:700;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.company-header-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;border-left:6px solid #2c3e50}.company-info{display:flex;align-items:center;gap:20px}.company-info h1{margin:0;color:#2c3e50;font-size:24px;letter-spacing:1px}.company-info p{margin:5px 0 0;color:#7f8c8d;font-size:14px;font-weight:500}.system-status{display:flex;align-items:center;gap:15px}.live-indicator{color:#27ae60;font-weight:700;animation:blink 2s infinite}@keyframes blink{50%{opacity:.5}}.cashflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.cash-card{display:flex;align-items:center;gap:20px;padding:25px;border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000001a}.cash-card.income{background:linear-gradient(135deg,#2ecc71,#27ae60)}.cash-card.expense{background:linear-gradient(135deg,#e74c3c,#c0392b)}.cash-card.net.positive{background:linear-gradient(135deg,#3498db,#2980b9)}.cash-card.net.negative{background:linear-gradient(135deg,#f39c12,#d35400)}.cash-icon{font-size:40px;opacity:.8}.cash-card p{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.cash-card h2{margin:5px 0 0;font-size:28px}.middle-layout-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px}@media(max-width:1000px){.middle-layout-grid{grid-template-columns:1fr}}.side-cards-column{display:flex;flex-direction:column;gap:25px}.card-header.border-blue{border-top:4px solid #3498db}.card-header.border-gold{border-top:4px solid #f1c40f}.hr-stats{display:flex;justify-content:space-around;padding:20px;text-align:center}.hr-stat h1{margin:0;font-size:32px}.hr-stat p{margin:5px 0 0;font-size:13px;color:#7f8c8d;font-weight:700;text-transform:uppercase}.hr-stat.present h1{color:#27ae60}.hr-stat.absent h1{color:#e74c3c}.hr-stat.half h1{color:#f39c12}.activity-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.activity-list li{padding:15px 20px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#2c3e50}.activity-list li:last-child{border-bottom:none}.dept-badge.cutting{background:#e8f4fd;color:#3498db}.dept-badge.polish{background:#fef5e7;color:#f39c12}.auditor-layout{display:flex;height:100vh;background-color:#f0f2f5;font-family:Segoe UI,sans-serif}.auditor-sidebar{width:260px;background:#1a202c;color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2d3748;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:15px 25px;color:#a0aec0;text-decoration:none;transition:.3s;font-size:15px}.nav-item:hover,.nav-item.active{background:#2d3748;color:#fff;border-left:4px solid #f6e05e}.auditor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.auditor-topbar{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;z-index:10}.auditor-content-area{padding:30px;overflow-y:auto;height:100%;background-color:#f8f9fa}.auditor-sidebar .sidebar-footer{padding:20px;border-top:1px solid #2d3748;background:#1a202c;margin-top:auto}.auditor-sidebar .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background-color:#e53e3e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:background-color .2s ease}.auditor-sidebar .logout-btn:hover{background-color:#c53030}.auditor-dash-container{max-width:1200px;margin:0 auto}.page-title-audit{font-size:22px;color:#1e293b;margin-bottom:20px;font-weight:700}.company-profile-card{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:16px;padding:35px;box-shadow:0 15px 30px #00000026;margin-bottom:40px;position:relative;overflow:hidden}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.ph-left{display:flex;gap:20px;align-items:center}.logo-circle{width:65px;height:65px;background:#f59e0b;color:#1e293b;font-size:26px;font-weight:800;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f59e0b4d}.ph-left h1{margin:0;font-size:26px;color:#fff;letter-spacing:.5px;line-height:1.2}.ph-left p{margin:5px 0 0;color:#94a3b8;font-size:14px;font-weight:500}.ph-right{display:flex;gap:30px;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.control-group input[type=month]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;outline:none;font-family:inherit;cursor:pointer}.status-pill{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.status-pill.filed{background:#dcfce7;color:#166534}.status-pill.pending{background:#ffedd5;color:#c2410c}.status-pill.not-started{background:#ffffff26;color:#cbd5e0}.divider{border:0;border-top:1px solid rgba(255,255,255,.1);margin:0 0 25px}.profile-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.detail-item{display:flex;gap:15px;align-items:flex-start}.d-icon{font-size:20px;color:#f59e0b;margin-top:2px;flex-shrink:0}.detail-item div{display:flex;flex-direction:column}.detail-item label{font-size:10px;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.detail-item span{font-size:14px;color:#e2e8f0;line-height:1.5}.workflow-container{display:flex;align-items:stretch;gap:30px;margin-top:20px}.step-card{flex:1;background:#fff;padding:35px;border-radius:16px;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #00000005;position:relative}.step-card.active{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f626;transform:translateY(-3px)}.step-card.completed{border-color:#22c55e;background:#f0fdf4}.step-card.locked{opacity:.6;filter:grayscale(1);pointer-events:none;background:#f8fafc}.step-icon{font-size:40px;margin-bottom:20px;color:#cbd5e0}.step-card.active .step-icon{color:#3b82f6}.step-card.completed .step-icon{color:#22c55e}.step-card h3{margin:0 0 10px;font-size:18px;color:#1e293b}.step-card p{font-size:14px;color:#64748b;margin-bottom:25px;line-height:1.5}.step-arrow{display:flex;align-items:center;justify-content:center;font-size:30px;color:#cbd5e0}.btn-action{background:#3b82f6;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;font-size:14px;transition:background .2s}.btn-action:hover{background:#2563eb}.btn-sec{background:#e2e8f0;color:#475569;border:none;padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer}.btn-sec:hover{background:#cbd5e0}.btn-view-file{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #22c55e;color:#22c55e;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:700;width:100%;box-sizing:border-box}.btn-view-file:hover{background:#f0fdf4}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:550px;padding:35px;border-radius:16px;box-shadow:0 20px 50px #0003}.modal-content h3{margin-top:0;margin-bottom:25px;font-size:20px;color:#1e293b}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#475569}.form-group input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}.form-group.highlight input{border:2px solid #3b82f6;background:#eff6ff;font-weight:700;font-size:18px;color:#1e40af}.file-drop-area{border:2px dashed #cbd5e0;background:#f8fafc;padding:40px;text-align:center;border-radius:12px;position:relative;color:#64748b;cursor:pointer;transition:all .2s}.file-drop-area:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.file-drop-area input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.auditor-invoices-page .pro-filter-bar{background:#fff;padding:15px 25px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #00000008;margin-bottom:25px}.custom-select-wrapper select{padding:10px 15px;border:1px solid #cbd5e0;border-radius:8px;background:#f8fafc;font-size:14px;cursor:pointer;outline:none}.modern-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #00000005}.modern-table th{background:#f1f5f9;padding:15px 20px;text-align:left;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase}.modern-table td{padding:15px 20px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px}.qty-pill{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:20px;font-weight:700;font-size:12px;display:inline-block}.btn-view{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-view:hover{background:#2563eb}.selected-file-preview{display:flex;align-items:center;gap:15px;background:#fff5f5;border:1px solid #fed7d7;padding:15px;border-radius:8px;margin-bottom:20px}.file-info{flex:1;display:flex;flex-direction:column;text-align:left}.file-info span{font-weight:600;color:#2d3748;font-size:14px}.file-info small{color:#718096;font-size:12px}.btn-remove-file{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:16px}.btn-view-file{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #22c55e;color:#22c55e;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;width:100%;box-sizing:border-box;transition:all .2s}.btn-view-file:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 6px #22c55e33}.text-link-btn{background:none;border:none;color:#64748b;text-decoration:underline;cursor:pointer;margin-top:10px;font-size:12px}.custom-filter-bar{background:#fff;padding:20px 30px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000008;margin-bottom:30px;border:1px solid #edf2f7}.filter-left{display:flex;align-items:center;gap:15px}.icon-box{background:#ebf8ff;color:#3182ce;padding:12px;border-radius:10px;font-size:20px;display:flex;align-items:center;justify-content:center}.filter-left h3{margin:0;font-size:16px;color:#2d3748;font-weight:700}.filter-left p{margin:3px 0 0;font-size:13px;color:#718096}.filter-controls{display:flex;gap:15px}.custom-select{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#4a5568;background:#f7fafc;cursor:pointer;outline:none;font-weight:500;transition:all .2s}.custom-select:hover{border-color:#cbd5e0;background:#fff}.summary-badge-pill{background:#2d3748;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}.qty-badge{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;padding:5px 12px;border-radius:6px;font-size:13px;font-weight:700;display:inline-block}.admin-container{padding:20px;background-color:#f4f6f9;min-height:100vh;font-family:Arial,sans-serif}.admin-header{margin-bottom:20px;border-bottom:2px solid #ccc;padding-bottom:10px}.admin-header h2{color:#333;margin:0 0 15px}.admin-tabs{display:flex}.admin-tabs button{padding:10px 20px;margin-right:5px;background:#e0e0e0;border:1px solid #ccc;border-bottom:none;cursor:pointer;font-weight:700;color:#555;transition:background .2s}.admin-tabs button.active{background:#fff;color:#000;border-top:3px solid #3498db}.admin-content{display:flex;gap:20px;align-items:flex-start}.admin-form-panel{flex:0 0 300px;background:#fff;padding:20px;border:1px solid #ddd;box-shadow:2px 2px 5px #0000000d}.admin-form-panel h3{margin-top:0;color:#333;font-size:16px;border-bottom:1px solid #eee;padding-bottom:10px}.classic-form input,.classic-form select{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;box-sizing:border-box}.form-actions{display:flex;gap:10px}.btn-primary{background:#2c3e50;color:#fff;border:none;padding:10px;cursor:pointer;flex:1;font-weight:700;transition:.2s}.btn-primary:hover{background:#1a252f}.btn-secondary{background:#ccc;color:#333;border:none;padding:10px;cursor:pointer}.admin-table-panel{flex:1;background:#fff;border:1px solid #ddd;box-shadow:2px 2px 5px #0000000d;overflow-x:auto}.classic-table{width:100%;border-collapse:collapse}.classic-table th,.classic-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.classic-table th{background-color:#f8f9fa;color:#333;font-weight:700}.row-inactive{background-color:#fdfdfd;color:#999}.btn-edit{background:#f1c40f;border:1px solid #d4ac0d;padding:5px 10px;cursor:pointer;margin-right:5px;color:#333;font-weight:700}.btn-enroll{background:#3498db;border:1px solid #2980b9;padding:5px 10px;cursor:pointer;color:#fff}.text-success{color:#27ae60;font-weight:700}.text-danger{color:#e74c3c;font-style:italic}.admin-form-panel.large{flex:0 0 450px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-form input,.grid-form select,.grid-form textarea{margin-bottom:0}textarea{width:100%;padding:8px;border:1px solid #ccc;box-sizing:border-box;font-family:inherit;resize:vertical}.scanning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.scanning-modal{background:#fff;padding:40px;border-radius:10px;text-align:center;box-shadow:0 5px 15px #00000080;max-width:400px}.scanning-modal h3{margin-top:0;color:#2c3e50}.scanning-modal p{color:#555;font-size:1.1rem}.fingerprint-spinner{width:60px;height:60px;margin:0 auto 20px;border:6px solid #f3f3f3;border-top:6px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f9}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.title{color:#2c3e50;font-size:2.5rem;margin-bottom:20px}.status-box{background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;border:1px solid #ddd}