*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#root{height:100vh;margin:0;padding:0}.signin-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;margin:0;box-sizing:border-box}.logo-container-topright{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem}.logo-container-topright .brand-name span{font-size:1rem;font-weight:480;color:#042a50;white-space:nowrap}.signin-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;width:100%;max-width:400px}.signin-header{text-align:center;margin-bottom:32px}.signin-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.signin-header p{color:#6b7280;font-size:16px;margin:0}.signin-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px;align-items:stretch}.form-group label{font-weight:500;color:#374151;font-size:14px;text-align:left;align-self:flex-start}.form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#9ca3af}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:#374151;background:#f3f4f6}.password-toggle:focus{outline:none;color:#667eea;background:#f3f4f6}.signin-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.signin-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.signin-button:disabled{opacity:.7;cursor:not-allowed}.signin-button.loading{position:relative}.demo-credentials{margin-top:24px;padding:16px;background:#f3f4f6;border-radius:8px;text-align:center}.demo-credentials p{margin:4px 0;font-size:14px;color:#6b7280}.demo-credentials p:first-child{font-weight:600;color:#374151;margin-bottom:8px}@media (max-width: 768px){.signin-container{padding:16px}.signin-card{padding:32px 24px;max-width:100%;margin:0 16px}.signin-header h1{font-size:24px}.signin-header p{font-size:14px}.form-group input{padding:14px 16px;font-size:16px}.password-input-container input{padding-right:50px}.signin-button{padding:16px 24px;font-size:16px}}@media (max-width: 480px){.signin-container{padding:12px}.signin-card{padding:24px 20px;margin:0 12px;border-radius:12px}.signin-header{margin-bottom:24px}.signin-header h1{font-size:22px}.signin-form{gap:16px}.form-group input{padding:12px 14px}.password-input-container input{padding-right:46px}.signin-button{padding:14px 20px;margin-top:4px}}@media (max-width: 360px){.signin-card{margin:0 8px;padding:20px 16px}.signin-header h1{font-size:20px}}.dashboard-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#1a1f2e;color:#fff}.navbar{background:#242938;border-bottom:1px solid #2d3748;position:sticky;top:0;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;max-width:1200px;margin:0 auto;width:100%}.navbar-left{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:#fff;margin:0}.navbar-right{display:flex;align-items:center}.logout-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.user-dropdown{position:relative;display:flex;align-items:center}.user-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;color:#fff}.user-trigger:hover{background:#2d3748}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.username-text{font-size:14px;font-weight:500;color:#fff}.dropdown-arrow{font-size:12px;color:#a0aec0;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:#242938;border:1px solid #2d3748;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;z-index:1000;margin-top:4px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#2d3748}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.main-content{flex:1;overflow-y:auto;padding:32px 24px}.content-wrapper{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left{display:flex;flex-direction:column}.watchlist-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.last-updated{font-size:14px;color:#a0aec0;margin:0}.header-right{display:flex;align-items:center}.search-filter-container{display:flex;align-items:center;gap:16px}.search-container{position:relative;display:flex;align-items:center}.filter-container{display:flex;align-items:center}.filter-select{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:10px 16px;color:#fff;font-size:14px;min-width:140px;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select option{background:#2d3748;color:#fff;padding:8px}.search-input{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:10px 40px 10px 16px;color:#fff;font-size:14px;width:250px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#a0aec0}.search-icon{position:absolute;right:12px;color:#a0aec0;font-size:16px;pointer-events:none}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-btn:hover{color:#fff;background:#4a5568}.search-clear-btn:focus{outline:none;color:#667eea;background:#4a5568}.watchlist-container{background:#242938;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:20px 24px;background:#2d3748;border-bottom:1px solid #4a5568}.table-header>div{font-size:14px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:20px 24px;border-bottom:1px solid #2d3748;transition:background-color .2s ease}.table-row:hover{background:#2d3748}.table-row:last-child{border-bottom:none}.cell-cert{display:flex;align-items:center}.cert-number{font-size:16px;font-weight:600;color:#fff}.cell-county{display:flex;align-items:center;font-size:16px;font-weight:500;color:#fff}.cell-status{display:flex;align-items:center}.logo-container{display:flex;align-items:center;gap:12px}.logo-text,.brand-name{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.5px}.brand-name span{font-family:Georgia,serif;font-size:1.4rem;font-weight:500;color:#aac7c5}.status-badge{padding:6px 14px;border-radius:20px;font-size:15px;font-weight:600;text-transform:capitalize;letter-spacing:.025em;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.status-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-badge.ready{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.in-process{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.loading-container,.no-data-container{display:flex;justify-content:center;align-items:center;padding:40px;color:#a0aec0;font-size:16px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#2d3748;border-top:1px solid #4a5568}.pagination-info{color:#a0aec0;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:6px;background:#4a5568;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#667eea}.pagination-btn:disabled{background:#2d3748;color:#718096;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:4px;margin:0 12px}.page-number{background:#4a5568;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.page-number:hover:not(:disabled):not(.ellipsis){background:#667eea}.page-number.active{background:#667eea;color:#fff}.page-number.ellipsis{background:transparent;cursor:default;color:#a0aec0}.page-number:disabled{background:#2d3748;color:#718096;cursor:not-allowed}@media (max-width: 768px){.main-content{padding:16px 12px}.dashboard-header{flex-direction:column;gap:16px;align-items:stretch}.search-filter-container{flex-direction:column;gap:12px;width:100%}.search-input,.filter-select{width:100%}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header>div{display:none}.table-row{display:flex;flex-direction:column;gap:12px;padding:16px}.cell-cert{order:1}.cell-county:before{content:"County: ";color:#a0aec0;margin-right:8px}.cell-status:before{content:"Status: ";color:#a0aec0;margin-right:8px}.pagination-container{flex-direction:column;gap:16px;align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.page-numbers{margin:0 8px}.pagination-btn{padding:6px 10px;font-size:13px}.page-number{padding:6px 10px;min-width:36px;font-size:13px}}@media (max-width: 480px){.navbar-content{padding:0 12px}.logo{font-size:18px}.logout-button{padding:6px 12px;font-size:13px}.watchlist-title{font-size:24px}.main-content{padding:12px 8px}.user-trigger{padding:6px 8px}.user-avatar{width:28px;height:28px;font-size:12px}.username-text{font-size:13px}.dropdown-menu{min-width:140px}.pagination-info{font-size:12px;text-align:center}}