*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0e1a;--bg-s: #111527;--bg-card: #161c30;--bg-input: #1a2038;--bg-hover: #1e2540;--border: #252d45;--border2: #2e3858;--text: #ffffff;--muted: #ffffff;--green: #22c55e;--sidebar-w: 230px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:13px;min-height:100vh}.layout{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;overflow-x:hidden;padding:28px 32px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-s);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-logo{padding:20px 18px 16px;font-size:15px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);letter-spacing:.3px}.sidebar-section{padding:14px 10px 4px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:1px 6px;border-radius:6px;text-decoration:none;color:var(--muted);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:var(--bg-card);color:var(--text)}.nav-link.country-active{color:var(--green)}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:8px 12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.card-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.card-value{font-size:22px;font-weight:700;color:var(--green)}.card-value.white{color:var(--text)}.cards-country{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border2);background:var(--bg-card);color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:#4a5680;color:var(--text)}.filter-btn.active{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa}.search-box{margin-left:auto;position:relative}.search-box input{background:var(--bg-input);border:1px solid var(--border2);border-radius:6px;color:var(--text);padding:6px 12px 6px 32px;font-size:12px;width:220px;outline:none}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:#3b82f6}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;margin-bottom:32px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12.5px}thead th{background:var(--bg-s);color:var(--muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-hover)}td{padding:10px 14px;color:var(--text);vertical-align:middle}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.badge-pending{background:#422006;color:#f59e0b}.badge-problem{background:#3b0a0a;color:#f87171}.badge-duplicate{background:#2e1a4a;color:#c084fc}.badge-cancelled{background:#1f1f1f;color:#9ca3af}.badge-cleared{background:#052e16;color:#4ade80}.status-select{background:transparent;border:none;cursor:pointer;font-size:11px;font-weight:600;padding:3px 6px;border-radius:12px;outline:none;-webkit-appearance:none}.status-select.pending{background:#422006;color:#f59e0b}.status-select.problem{background:#3b0a0a;color:#f87171}.status-select.duplicate{background:#2e1a4a;color:#c084fc}.status-select.cancelled{background:#1f1f1f;color:#9ca3af}.status-select.cleared{background:#052e16;color:#4ade80}.btn{padding:7px 16px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#1d4ed8;color:#fff}.btn-ghost{background:var(--bg-input);color:var(--text);border:1px solid var(--border2)}.btn-danger{background:#7f1d1d;color:#fca5a5;font-size:11px;padding:5px 10px}.btn-edit{background:#1e3a5f;color:#93c5fd;font-size:11px;padding:5px 10px}.btn-add{background:#15803d;color:#fff;padding:8px 18px}.btn-icon-row{display:flex;gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border2);border-radius:12px;padding:28px 32px;width:560px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px;font-weight:700;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}input[type=text],input[type=number],input[type=date],textarea,select{background:var(--bg-input);border:1px solid var(--border2);border-radius:6px;color:var(--text);padding:9px 12px;font-size:13px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#3b82f6}input::placeholder,textarea::placeholder{color:var(--muted)}input[readonly]{opacity:.6;cursor:default}select option{background:var(--bg-card);color:var(--text)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.page-title{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text)}.empty{text-align:center;padding:40px;color:var(--muted);font-size:13px}.loading{text-align:center;padding:60px;color:var(--muted)}