.picker-screen{padding:1rem 2rem;height:calc(100vh - 70px);display:flex;flex-direction:column;max-width:100%;margin:0}.barcode-input-container{background:#fff;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:2px solid #3498db;max-width:600px}.barcode-input-container label{display:block;font-weight:700;margin-bottom:.5rem;color:#2c3e50;font-size:.9rem}.barcode-input-visible{width:100%;padding:.5rem;font-size:1.1rem;border:2px solid #ddd;border-radius:4px;font-family:Courier New,monospace;letter-spacing:2px}.barcode-input-visible:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.scanner-status{position:fixed;top:70px;right:20px;background:#27ae60;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.9rem;z-index:100}.no-order{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-order h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.no-order p{font-size:1.25rem;color:#7f8c8d}.order-active{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex:1;overflow:hidden}.order-header{border-bottom:2px solid #3498db;padding-bottom:.5rem;margin-bottom:1rem;flex-shrink:0}.order-header h2{font-size:1.3rem;color:#2c3e50;margin:0;font-weight:700}.order-header h3{font-size:1.3rem;color:#34495e;margin:0;font-weight:500}.customer-note{background:#fff3cd;padding:.5rem;border-radius:4px;margin-top:.5rem;color:#856404;font-size:.9rem}.error-banner{background:#e74c3c;color:#fff;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:1.1rem;font-weight:700;text-align:center;animation:shake .5s;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.picking-area{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:0;margin-bottom:1rem}.expected-column,.scanned-column{border:2px solid #ecf0f1;border-radius:8px;background:#fafafa;display:flex;flex-direction:column;min-height:0}.expected-column h3,.scanned-column h3{background:#3498db;color:#fff;padding:.75rem;border-radius:6px 6px 0 0;font-size:1.1rem;margin:0;flex-shrink:0}.scanned-column h3{background:#27ae60}.items-list{flex:1;overflow-y:auto;padding:.75rem}.expected-item{display:flex;gap:.75rem;padding:.75rem;background:#fff;border:2px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem;transition:all .2s}.expected-item-compact{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#fff;border:2px solid #e0e0e0;border-radius:4px;margin-bottom:.4rem;transition:all .2s;font-size:.95rem}.expected-item-compact.complete{background:#d4edda;border-color:#28a745}.expected-item-compact .item-status{font-size:1.2rem;flex-shrink:0}.expected-item-compact .item-qty{font-weight:700;color:#2c3e50;min-width:30px;flex-shrink:0}.expected-item-compact .item-name-compact{font-weight:600;color:#2c3e50;flex:1;min-width:0}.expected-item-compact .item-sku{color:#7f8c8d;font-size:.85rem;flex-shrink:0}.expected-item-compact .item-scan-progress{color:#3498db;font-weight:500;font-size:.85rem;margin-left:auto;flex-shrink:0}.expected-item-compact .item-scan-progress.turkey-ack{color:#27ae60}.joint-info-section{background:#e8f5e9;border:2px solid #4caf50;border-radius:6px;padding:.75rem;margin-top:.75rem}.joint-info-section h4{margin:0 0 .5rem;color:#2e7d32;font-size:1.1rem}.joint-info-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.joint-info-list li{padding:.4rem .75rem;color:#1b5e20;font-weight:500;font-size:.95rem;border-right:2px solid #4caf50;display:inline-block}.joint-info-list li:last-child{border-right:none}.scanned-total{padding:.75rem;background:#ecf0f1;border-radius:0 0 6px 6px;flex-shrink:0}.total-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1rem}.deposit-line{color:#e67e22;font-weight:500}.negative{color:#e74c3c}.total-divider{border-top:2px solid #bdc3c7;margin:.75rem 0}.subtotal-line{font-size:1.1rem}.turkey-notice{background:#fff3cd;padding:.5rem;border-radius:4px;text-align:center;color:#856404;font-weight:600;margin:.5rem 0;border-left:4px solid #ffc107}.final-total{font-size:1.3rem;color:#27ae60;margin-top:.5rem}.final-total.negative{color:#e74c3c}.expected-header{display:flex;justify-content:space-between;align-items:center;background:#3498db;padding:.75rem;margin:0;border-radius:6px 6px 0 0}.expected-header h3{margin:0;color:#fff;font-size:1.1rem}.toggle-view-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-view-btn:hover{background:#ffffff4d}.item-qty-badge{display:inline-block;background:#3498db;color:#fff;padding:.2rem .5rem;border-radius:3px;font-weight:700;font-size:.85rem;margin-right:.5rem}.joint-info-section{background:#e8f5e9;border:2px solid #4caf50;border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem;color:#1b5e20;font-size:.95rem}.joint-info-section strong{color:#2e7d32;margin-right:.5rem}.customer-note-inline{background:#fff3cd;padding:.5rem 1rem;border-radius:4px;color:#856404;font-size:.9rem;font-weight:500;border-left:4px solid #ffc107;margin-bottom:.5rem;display:inline-block}.order-title-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:.5rem}.expected-item.complete{background:#d4edda;border-color:#28a745}.item-checkbox{font-size:1.25rem;flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.item-meta{font-size:.8rem;color:#666;margin-bottom:.25rem}.item-progress{font-size:.8rem;color:#3498db;font-weight:500}.scanned-item{display:flex;justify-content:space-between;padding:.65rem;background:#fff;border-left:4px solid #27ae60;border-radius:4px;margin-bottom:.5rem}.scanned-item .item-name{font-weight:500;font-size:.95rem}.scanned-item .item-price{font-weight:700;color:#27ae60;font-size:.95rem}.empty-state{text-align:center;padding:2rem;color:#95a5a6;font-style:italic}.scanned-total{padding:.75rem;background:#ecf0f1;border-radius:0 0 6px 6px;text-align:right;font-size:1.1rem;font-weight:700;flex-shrink:0}.alert-banner{background:#e74c3c;color:#fff;padding:.75rem;border-radius:4px;margin-top:.5rem;text-align:center;font-weight:700;font-size:1rem}.action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex-shrink:0}.action-buttons button{padding:.75rem .5rem;font-size:.85rem;font-weight:700;white-space:nowrap}@media(max-width:1400px){.action-buttons{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.picking-area{grid-template-columns:1fr}}@media(max-width:768px){.action-buttons{grid-template-columns:repeat(2,1fr)}}.build-pack-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;margin-left:auto;animation:pulse 2s infinite;box-shadow:0 2px 8px #f39c1266;transition:all .3s ease}.build-pack-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c1299}@keyframes pulse{0%,to{box-shadow:0 2px 8px #f39c1266}50%{box-shadow:0 4px 16px #f39c12cc}}.pack-builder-modal-picker{min-width:800px;max-width:90vw;max-height:90vh;overflow-y:auto}.pack-barcode-input{margin-bottom:1.5rem;background:#f8f9fa;padding:1rem;border-radius:6px;border:2px solid #3498db}.pack-barcode-input label{display:block;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.pack-barcode-input input{width:100%;padding:.75rem;font-size:1.1rem;border:2px solid #bdc3c7;border-radius:4px;font-family:Courier New,monospace}.pack-barcode-input input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.pack-build-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.pack-expected,.pack-scanned{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.pack-expected h4,.pack-scanned h4{background:#3498db;color:#fff;margin:0;padding:.75rem;font-size:1rem}.pack-scanned h4{background:#27ae60}.pack-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #e0e0e0;transition:background .2s}.pack-item:last-child{border-bottom:none}.pack-item:hover{background:#f8f9fa}.pack-item.complete{background:#d4edda}.pack-status{font-size:1.2rem;flex-shrink:0}.pack-qty{font-weight:700;color:#3498db;min-width:40px;flex-shrink:0}.pack-name{flex:1;font-size:.95rem}.pack-progress{color:#7f8c8d;font-size:.9rem;flex-shrink:0}.pack-scanned-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e0e0e0}.pack-scanned-item:last-child{border-bottom:none}.pack-scanned-item span:first-child{flex:1;font-size:.95rem}.pack-scanned-item span:last-child{font-weight:700;color:#27ae60;font-size:1rem}.pack-total{display:flex;justify-content:space-between;padding:1rem;background:#ecf0f1;border-top:2px solid #bdc3c7;font-size:1.1rem}.pack-total strong:last-child{color:#27ae60;font-size:1.3rem}@media(max-width:900px){.pack-build-layout{grid-template-columns:1fr}.pack-builder-modal-picker{min-width:95vw}}.pos-screen{min-height:100vh;padding:20px;background:#f5f5f5}.barcode-input-container{background:#fff;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.barcode-input-container label{display:block;font-weight:600;margin-bottom:8px;color:#333}.barcode-input-visible{width:100%;padding:12px;font-size:16px;border:2px solid #3498db;border-radius:6px;font-family:Courier New,monospace}.barcode-input-visible:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 3px #3498db1a}.scanner-status{background:#27ae60;color:#fff;padding:10px;text-align:center;border-radius:6px;font-weight:600;margin-bottom:20px}.no-sale{background:#fff;padding:60px 40px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:80px auto}.no-sale h2{margin:0 0 10px;color:#2c3e50;font-size:32px}.no-sale p{color:#7f8c8d;margin-bottom:30px;font-size:18px}.btn-large{padding:18px 40px;font-size:20px;font-weight:700}.sale-active{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:0 auto}.sale-header{text-align:center;padding-bottom:20px;border-bottom:2px solid #ecf0f1;margin-bottom:20px}.sale-header h2{margin:0 0 5px;color:#2c3e50;font-size:28px}.sale-header p{margin:0;color:#7f8c8d;font-size:16px}.error-banner{background:#e74c3c;color:#fff;padding:15px;border-radius:6px;margin-bottom:20px;font-weight:600;text-align:center;font-size:16px}.pos-items-section{margin-bottom:30px}.pos-items-section h3{margin:0 0 15px;color:#2c3e50;font-size:20px;font-weight:600}.items-list{max-height:400px;overflow-y:auto;padding:10px;background:#f8f9fa;border-radius:6px;margin-bottom:20px}.empty-state{text-align:center;color:#95a5a6;padding:40px 20px;font-style:italic}.pos-item{background:#fff;padding:15px;border-radius:6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.pos-item .item-name{display:flex;align-items:center;gap:10px;flex:1;font-weight:500;color:#2c3e50}.item-qty-badge{background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:700;min-width:30px;text-align:center}.pos-item .item-price{font-size:18px;font-weight:700;color:#27ae60}.pos-total{background:#2c3e50;padding:20px;border-radius:8px;color:#fff}.total-line{display:flex;justify-content:space-between;margin-bottom:10px;font-size:16px}.total-line:last-child{margin-bottom:0}.final-total{font-size:28px;padding-top:15px;border-top:2px solid rgba(255,255,255,.2);margin-top:10px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}.action-buttons button{padding:15px 20px;font-size:15px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.action-buttons button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:#27ae60;color:#fff;grid-column:1 / -1}.btn-secondary{background:#3498db;color:#fff}.btn-warning{background:#f39c12;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d}.modal-content h3{margin:0 0 20px;color:#2c3e50}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#2c3e50}.form-group input{width:100%;padding:10px;border:2px solid #ddd;border-radius:6px;font-size:16px}.form-group input:focus{outline:none;border-color:#3498db}.modal-buttons{display:flex;gap:10px;margin-top:25px}.modal-buttons button{flex:1;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer}.payment-modal{max-width:600px!important;width:95%!important}.payment-modal h2{text-align:center;margin:0 0 20px;color:#2c3e50;font-size:28px}.payment-modal h3{text-align:center;margin:20px 0 15px;color:#7f8c8d;font-size:18px}.payment-total{background:#2c3e50;color:#fff;padding:25px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:20px;font-weight:600}.payment-total .total-amount{font-size:36px;font-weight:700}.payment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.payment-btn{padding:20px;font-size:20px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:#fff}.payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0003}.payment-btn:disabled{opacity:.3;cursor:not-allowed}.exact-btn{background:#27ae60;grid-column:1 / -1;font-size:24px;padding:25px}.exact-btn:hover:not(:disabled){background:#229954}.cash-btn{background:#3498db}.cash-btn:hover:not(:disabled){background:#2980b9}.payment-details{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:20px}.payment-line{display:flex;justify-content:space-between;margin-bottom:15px;font-size:18px}.payment-line:last-child{margin-bottom:0}.payment-divider{height:2px;background:#ddd;margin:20px 0}.change-line{font-size:24px;color:#27ae60;padding-top:10px}.change-amount{font-size:32px}@media(max-width:600px){.payment-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.action-buttons{grid-template-columns:1fr}.btn-success{grid-column:1}}.picksheet-generator{padding:2rem}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.generator-header h2{margin:0;color:#2c3e50}.generator-actions{display:flex;gap:1rem}.progress-bar{width:100%;height:30px;background:#ecf0f1;border-radius:15px;overflow:hidden;margin-bottom:2rem;border:2px solid #bdc3c7}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.order-card{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fff;cursor:pointer;transition:all .2s}.order-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.order-card.selected{border-color:#2ecc71;background:#e8f8f5;box-shadow:0 4px 12px #2ecc714d}.order-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.order-card-header input[type=checkbox]{width:20px;height:20px;cursor:pointer}.order-card-header strong{font-size:1.1rem;color:#2c3e50;flex:1}.collection-slot{background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:700;font-size:.9rem}.order-card-body{margin-bottom:1rem}.order-card-body>div:first-child{font-weight:500;color:#34495e;margin-bottom:.25rem}.order-card-meta{font-size:.85rem;color:#7f8c8d}.order-card button{width:100%}.admin-screen{padding:2rem;max-width:1400px;margin:0 auto}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #ecf0f1}.admin-tabs button{background:none;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:500;color:#7f8c8d;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.admin-tabs button:hover{color:#2c3e50}.admin-tabs button.active{color:#3498db;border-bottom-color:#3498db}.admin-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.tab-header h2{color:#2c3e50;margin:0}.tab-actions{display:flex;gap:1rem;align-items:center}.search-input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:250px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #dee2e6}.data-table tr:hover{background:#f8f9fa}.data-table input{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px}.data-table select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-picking{background:#cfe2ff;color:#084298}.status-completed{background:#d1e7dd;color:#0f5132}.status-abandoned{background:#f8d7da;color:#842029}.import-tab{max-width:800px}.import-info{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:4px;padding:1.5rem;margin-bottom:2rem}.import-info h3{margin-top:1.5rem;margin-bottom:1rem;color:#2c3e50}.import-info code{background:#f8f9fa;padding:.25rem .5rem;border-radius:3px;font-size:.9rem}.import-info ol{margin-left:1.5rem;line-height:1.8}.import-stats{margin-top:2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.stat-card{background:#fff;border:2px solid #ecf0f1;border-radius:8px;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;align-items:flex-start;gap:1rem}.data-table{font-size:.875rem}}.pack-builder-modal{min-width:700px;max-width:90vw;max-height:90vh;overflow-y:auto}.pack-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.pack-section:last-of-type{border-bottom:none}.pack-section h4{margin-bottom:1rem;color:#2c3e50}.pack-contents-table{width:100%;border-collapse:collapse;margin-top:1rem}.pack-contents-table th,.pack-contents-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.pack-contents-table th{background:#f8f9fa;font-weight:600}.products-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.product-add-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e0e0e0}.product-add-row:last-child{border-bottom:none}.product-add-row:hover{background:#f8f9fa}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px;text-align:center}.login-card h1{margin:0 0 10px;color:#2c3e50;font-size:32px}.login-card h2{margin:0 0 30px;color:#7f8c8d;font-size:20px;font-weight:400}.login-error{background:#e74c3c;color:#fff;padding:12px;border-radius:6px;margin-bottom:20px;font-weight:600}.login-card .form-group{margin-bottom:20px;text-align:left}.login-card .form-group label{display:block;font-weight:600;margin-bottom:8px;color:#2c3e50}.login-card .form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box}.login-card .form-group input:focus{outline:none;border-color:#667eea}.login-btn{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover{background:#5568d3}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#c0392b}.app-nav{background:#2c3e50;color:#fff;padding:15px 20px;box-shadow:0 2px 8px #0000001a;margin-bottom:0}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.app-nav h1{margin:0;font-size:24px;color:#fff}.nav-links{display:flex;gap:15px}.nav-link{color:#fff;text-decoration:none;padding:10px 20px;border-radius:6px;font-weight:600;transition:background .2s;font-size:16px}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#fff3}@media(max-width:768px){.nav-container{flex-direction:column;text-align:center}.nav-links{width:100%;justify-content:center}}.app{min-height:100vh;background:#f5f5f5;width:100%}.navbar{background:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar h1{font-size:1.5rem;margin:0}.nav-links{display:flex;gap:1rem}.nav-links a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.nav-links a:hover{background:#ffffff1a}.btn-success{background:#27ae60;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;transition:background .2s}.btn-success:hover:not(:disabled){background:#229954}.btn-success:disabled{background:#95a5a6;cursor:not-allowed}.btn-secondary{background:#3498db;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;transition:background .2s}.btn-secondary:hover{background:#2980b9}.btn-warning{background:#f39c12;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;transition:background .2s}.btn-warning:hover:not(:disabled){background:#e67e22}.btn-warning:disabled{background:#95a5a6;cursor:not-allowed}.btn-danger{background:#e74c3c;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;transition:background .2s}.btn-danger:hover{background:#c0392b}.btn-success-sm{background:#27ae60;color:#fff;border:none;padding:.5rem 1rem;font-size:.875rem;border-radius:4px;margin:0 .25rem}.btn-secondary-sm{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;font-size:.875rem;border-radius:4px;margin:0 .25rem}.btn-danger-sm{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;font-size:.875rem;border-radius:4px;margin:0 .25rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;min-width:400px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-content h3{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}