*{margin:0;padding:0;box-sizing:border-box}body{background:#eef2f5;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;padding:24px 20px;color:#1a2a3a}.main-container{max-width:1400px;margin:0 auto}.dashboard-header h1{font-size:1.7rem;font-weight:600;letter-spacing:-.3px;background:linear-gradient(135deg,#1f3e48,#2a5a6e);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px;border-left:5px solid #2c7a4d;padding-left:18px}.admin-panel{background:#fff;border-radius:20px;box-shadow:0 8px 20px #00000008;margin-bottom:28px;border:1px solid #e2eaf1;overflow:hidden}.admin-header{background:#f8fafc;padding:16px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:#1f4e6e;border-bottom:1px solid #e2edf5}.admin-header:hover{background:#f0f4f8}.admin-content{display:none;padding:24px;background:#fff}.docs-row{display:flex;gap:20px;margin-bottom:28px;flex-wrap:wrap}.doc-card{flex:1;min-width:160px}.doc-card label{display:block;font-size:.7rem;font-weight:700;color:#1a2a3a;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.drop-zone{border:2px dashed #cbdde9;border-radius:16px;padding:12px 8px;text-align:center;background:#fdfdfe;cursor:pointer;transition:.2s}.drop-zone:hover{border-color:#2a5a7a;background:#f4f9fe}.drop-zone.drag-over{border-color:#2c7a4d;background:#eef9f0}.drop-zone-content{pointer-events:none}.drop-icon{font-size:26px;display:block;margin-bottom:5px}.drop-zone p{font-size:.7rem;color:#4e6a7c;margin:4px 0}.drop-zone small{font-size:.6rem;color:#8ba0ae}.file-info{margin-top:8px;padding:5px 8px;background:#eef2fa;border-radius:12px;font-size:.65rem;font-weight:500;color:#1f5e7e;word-break:break-all;display:none}.file-info.success{background:#e0f3e6;color:#146b3a}.file-info.error{background:#fee9e7;color:#bc3f2e}.doc-actions{display:flex;gap:8px;margin-top:8px;justify-content:center}.doc-action-btn{padding:4px 12px;border:none;border-radius:20px;cursor:pointer;font-size:12px;transition:all .2s}.view-pdf-btn:hover{background:#2980b9}.delete-pdf-btn{background:#016769;color:#fff}.delete-pdf-btn:hover{background:#082d38}.templates-section{border-top:1px solid #e7edf3;padding-top:20px;margin-top:8px}.template-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.template-field{flex:1}.template-field.full-width{flex:100%;margin-bottom:12px}.template-field label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.3px;color:#1a2a3a;margin-bottom:5px;text-transform:uppercase}.template-field input,.template-field textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #cbdbe0;border-radius:14px;font-family:inherit;font-size:.85rem;transition:.2s}.template-field input:focus,.template-field textarea:focus{outline:none;border-color:#2e7d64;box-shadow:0 0 0 2px #2c7a4d1a}.button-group{display:flex;gap:12px;margin-top:12px}.button-group button{flex:1;padding:10px;background:#2a5a7a;border:none;border-radius:40px;font-weight:600;color:#fff;cursor:pointer;font-size:.8rem;transition:.2s}.button-group button:hover{background:#1e445e}.search-bar{background:#fff;border-radius:28px;padding:18px 22px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:20px;border:1px solid #e2e8f0}.search-bar>div{flex:1;min-width:140px}.search-bar label{display:block;font-size:.7rem;font-weight:700;margin-bottom:4px;color:#2f556b}.search-bar input,.search-bar select{width:100%;padding:10px 12px;border-radius:20px;border:1px solid #cfdfea;background:#fefefe}.search-bar button{padding:10px 18px;border-radius:40px;border:none;font-weight:600;background:#2c7a4d;color:#fff;cursor:pointer;transition:.2s}.search-bar button:last-child{background:#6c7a8a}.stats-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:40px;margin-bottom:20px;flex-wrap:wrap;gap:12px;border:1px solid #e2e8f0}.stats-count{font-size:.85rem}.selected-actions{display:flex;gap:12px}.selected-actions button{padding:8px 18px;border-radius:30px;border:none;font-weight:600;cursor:pointer;background:#eef2f7;transition:.2s}.btn-green{background:#2c7a4d!important;color:#fff}.unified-table-wrapper{background:#fff;border-radius:24px;overflow-x:auto;border:1px solid #e9eef3}.job-table-full{width:100%;border-collapse:collapse;font-size:.85rem;min-width:680px}.job-table-full th{text-align:left;padding:16px 14px;background:#fbfdff;border-bottom:1px solid #e2ecf5;font-weight:700;color:#1f4862}.job-table-full td{padding:14px;border-bottom:1px solid #eff4f9;vertical-align:middle}.job-table-full th:nth-child(5),.job-table-full td:nth-child(5){min-width:130px;width:130px}.checkbox-col{width:44px;text-align:center}.job-title{font-weight:600}.status-badge{display:inline-block;border-radius:40px;padding:6px 16px;font-size:.75rem;font-weight:600;text-align:center;min-width:100px;letter-spacing:.3px}.status-sent{background:#dcfce7;color:#15803d;border-left:3px solid #15803d}.status-pending{background:#fff3cd;color:#9e6b0a;border-left:3px solid #e6b800}.status-ready{background:#d1ecf1;color:#0c5460;border-left:3px solid #0c5460}.status-no-email{background:#95a5a6;color:#fff;cursor:pointer;transition:all .2s ease}.status-no-email:hover{background:#7f8c8d;transform:scale(1.02)}.clickable-status{display:inline-block;cursor:pointer}.action-links a{text-decoration:none;background:#eef3fc;padding:5px 14px;border-radius:30px;font-size:.7rem;font-weight:500;color:#22668d;transition:.2s;display:inline-block}.action-links a:hover{background:#dee9f2}.loading-state,.empty-jobs{text-align:center;padding:48px!important;color:#6f8eab}.bg-update{background:#2c3e50;color:#fff;padding:10px 20px;border-radius:60px;margin-bottom:20px;font-size:.8rem;text-align:center}.save-status{position:fixed;bottom:20px;right:20px;background:#2c7a4d;color:#fff;padding:12px 20px;border-radius:40px;font-weight:500;font-size:.8rem;z-index:1200;display:none;box-shadow:0 4px 12px #0000001a}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c}.modal-content{position:relative;background-color:#fefefe;margin:5% auto;padding:20px;width:80%;height:80%;border-radius:8px}.close-modal{position:absolute;right:20px;top:10px;font-size:28px;font-weight:700;cursor:pointer;color:#333}iframe{width:100%;height:100%;border:none}@media(max-width:780px){.docs-row,.template-row{flex-direction:column}.stats-bar{flex-direction:column;align-items:stretch}.job-table-full th:nth-child(5),.job-table-full td:nth-child(5){min-width:110px;width:110px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a472a,#0d2818)}.login-box button{width:100%;padding:12px;background:#1a472a;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:10px}<style> .login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a472a,#0d2818);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h2{margin:0 0 10px;color:#1a472a}.login-box p{color:#666;margin-bottom:20px}.login-box input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:16px}.login-box button{width:100%;padding:12px;background:#1a472a;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:10px;transition:background .3s}.login-box button:hover{background:#2c7a4d}.error{color:#e53e3e;margin-top:10px;text-align:center}.main-container{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.dashboard-header h1{margin:0;color:#1a472a}.logout-btn{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#c0392b}.admin-panel{background:#f8f9fa;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.admin-header{background:#2c3e50;color:#fff;padding:12px 20px;cursor:pointer;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;font-weight:600}.admin-content{padding:20px;display:none}.admin-content.show{display:block}.docs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.doc-card{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff}.doc-card label{font-weight:600;display:block;margin-bottom:10px}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s}.drop-zone.drag-over{border-color:#2c7a4d;background:#e8f5e9}.drop-zone-content p{margin:0;font-size:14px}.drop-zone-content small{color:#999}.file-info{padding:10px;background:#e8f5e9;border-radius:4px;font-size:12px;word-break:break-all}.file-info.success{background:#d4edda;color:#155724}.file-info.error{background:#f8d7da;color:#721c24}.doc-actions{display:flex;gap:10px;margin-top:10px}.doc-action-btn{flex:1;padding:5px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.view-pdf-btn{background:#3498db;color:#fff}.delete-pdf-btn{background:#e74c3c;color:#fff}.templates-section{margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.template-row{display:grid;grid-template-columns:1fr 1fr 1fr .5fr;gap:15px;margin-bottom:15px}.template-field{display:flex;flex-direction:column}.template-field label{font-weight:600;margin-bottom:5px;font-size:14px}.template-field input,.template-field select{padding:8px;border:1px solid #ddd;border-radius:4px}.template-field.full-width{grid-column:span 4}.template-field textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:monospace;resize:vertical}.template-variables-info{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:10px;border:1px solid #e0e0e0}.info-header{padding:5px 10px;font-weight:600;color:#2c3e50;margin-bottom:10px}.variables-list{padding:10px;font-size:13px}.variables-list code{background:#f5f5f5;color:#000;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.button-group{display:flex;gap:10px;margin-top:15px}.button-group button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.search-bar{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.search-bar>div{flex:1;min-width:150px}.search-bar label{display:block;font-weight:600;margin-bottom:5px;font-size:14px}.search-bar input,.search-bar select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.search-bar button{padding:8px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.stats-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.selected-actions{display:flex;gap:10px}.selected-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-green{background:#2c7a4d;color:#fff}.unified-table-wrapper{overflow-x:auto}.job-table-full{width:100%;border-collapse:collapse}.job-table-full th,.job-table-full td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.job-table-full th{background:#f8f9fa;font-weight:600}.checkbox-col{width:40px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-sent{background:#2c7a4d;color:#fff}.status-pending{background:#f39c12;color:#fff}.status-ready{background:#3498db;color:#fff}.status-no-email{background:#95a5a6;color:#fff;cursor:pointer}.clickable-status{cursor:pointer}.action-links a{color:#3498db;text-decoration:none;font-size:12px}.action-links a:hover{text-decoration:underline}.bg-update{background:#3498db;color:#fff;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.save-status{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:4px;color:#fff;display:none;z-index:1000}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;height:80%}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover{color:#000}#pdfIframe{width:100%;height:calc(100% - 40px);border:none}.loading-state{text-align:center;padding:40px;color:#999}</style>{}
