*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#3da9e8;--accent-hover:#2e9bd9;--accent-dark:#2489ca;--accent-light:#ebf5fd;--accent-muted:#c3dff5;--accent-ring:#3da9e82e;--navy:#0d1b2e;--navy-2:#13243b;--navy-3:#1c3251;--navy-hover:#1a2f47;--navy-active:#1e3755;--navy-border:#ffffff0f;--bg:#f0f4f8;--bg-2:#e8edf3;--surface:#fff;--surface-2:#fafbfc;--border:#e2e8f0;--border-2:#cbd5e1;--text:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--green:#10b981;--green-light:#d1fae5;--green-text:#065f46;--amber:#f59e0b;--amber-light:#fef3c7;--amber-text:#92400e;--red:#ef4444;--red-light:#fee2e2;--red-text:#991b1b;--purple:#8b5cf6;--purple-light:#ede9fe;--purple-text:#5b21b6;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow:0 2px 8px #0f172a14, 0 1px 3px #0f172a0d;--shadow-md:0 4px 16px #0f172a1a, 0 2px 6px #0f172a0f;--shadow-lg:0 16px 40px #0f172a24, 0 4px 12px #0f172a14;--r:10px;--r-sm:7px;--r-xs:5px;--r-lg:14px;--r-xl:18px;--sidebar-w:240px;--topbar-h:56px}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}::placeholder{color:var(--text-4)}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--navy);border-right:1px solid var(--navy-border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);flex-shrink:0;align-items:center;gap:16px;padding:0 28px;display:flex}.content{flex:1;padding:28px 32px;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--navy-border);align-items:center;gap:10px;padding:18px 18px 16px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex;box-shadow:0 2px 8px #3da9e866}.sidebar-logo-text{color:#fff;letter-spacing:-.02em;font-size:14px;font-weight:700}.sidebar-logo-sub{color:#ffffff59;margin-top:1px;font-size:11px}.party-selector{border-bottom:1px solid var(--navy-border);padding:14px 14px 12px}.party-selector-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:10px;font-weight:600}.party-selector select{border-radius:var(--r-sm);color:#ffffffd9;cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff1a;outline:none;width:100%;padding:8px 30px 8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:border-color .15s}.party-selector select option{color:#fff;background:#1c3251}.party-selector select:focus{border-color:var(--accent);outline:none}.party-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.party-dot.inactive{background:#ffffff40}.nav{flex:1;padding:10px}.nav-section{color:#ffffff40;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r-sm);color:#ffffff80;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--navy-hover);color:#fffc}.nav-item.active{background:var(--navy-active);color:#fff}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-item-icon{background:#ffffff0d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .12s;display:flex}.nav-item.active .nav-item-icon{background:var(--accent)}.topbar-title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:700}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background .12s,box-shadow .12s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 4px #3da9e859,inset 0 1px #ffffff26}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 3px 10px #3da9e866}.btn-ghost{background:var(--surface);color:var(--text-3);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover{background:var(--bg);border-color:var(--border-2);color:var(--text-2)}.btn-danger{background:var(--red-light);color:var(--red-text);border:1px solid #fecaca}.btn-danger:hover{color:var(--red-text);box-shadow:none;background:#fca5a5}.btn-icon{border-radius:var(--r-sm);background:var(--surface);width:32px;height:32px;color:var(--text-3);border:1px solid var(--border);box-shadow:var(--shadow-xs);cursor:pointer;justify-content:center;padding:0}.btn-icon:hover{background:var(--accent-light);border-color:var(--accent-muted);color:var(--accent-dark)}.btn-icon.danger:hover{background:var(--red-light);color:var(--red);border-color:#fca5a5}.btn-sm{padding:6px 12px;font-size:12px}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--accent-light);color:var(--accent-dark)}.badge-green{background:var(--green-light);color:var(--green-text)}.badge-amber{background:var(--amber-light);color:var(--amber-text)}.badge-red{background:var(--red-light);color:var(--red-text)}.badge-purple{background:var(--purple-light);color:var(--purple-text)}.badge-gray{color:var(--text-3);border:1px solid var(--border);background:#f1f5f9}.badge-dark{color:#e2e8f0;background:#1e293b}.toggle{cursor:pointer;flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--border-2);cursor:pointer;border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:before{transform:translate(16px)}.form-field{margin-bottom:18px}.form-field:last-child{margin-bottom:0}.form-label{color:var(--text-2);letter-spacing:-.01em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-label .req{color:var(--red);margin-left:2px}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);background:var(--surface-2);-webkit-appearance:none;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-2)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{resize:vertical;min-height:90px;line-height:1.6}.form-hint{color:var(--text-4);margin-top:5px;font-size:11.5px;line-height:1.45}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sel{position:relative}.sel-trigger{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sel-trigger:hover{border-color:var(--border-2)}.sel-trigger.open{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.sel-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sel-placeholder{color:var(--text-4)}.sel-chevron{color:var(--text-4);flex-shrink:0;align-items:center;transition:transform .18s;display:flex}.sel-trigger.open .sel-chevron{transform:rotate(180deg)}.sel-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);z-index:500;max-height:280px;animation:.14s cubic-bezier(.16,1,.3,1) dropIn;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden auto}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sel-option{color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-size:13px;transition:background 80ms;display:flex}.sel-option:hover{background:var(--bg)}.sel-option.sel-option-empty{color:var(--text-4)}.sel-option.active{color:var(--accent-dark);background:var(--accent-light);font-weight:500}.sel-check{color:var(--accent);flex-shrink:0;font-size:13px;line-height:1}.sel-divider{background:var(--border);height:1px;margin:4px 0}.sel-dark .sel-trigger{color:#ffffffd9;background:#ffffff0d;border-color:#ffffff1a;font-size:12.5px;font-weight:500}.sel-dark .sel-trigger:hover{background:#ffffff14;border-color:#fff3}.sel-dark .sel-trigger.open{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #3da9e833}.sel-dark .sel-chevron{color:#ffffff59}.sel-dark .sel-value{color:#ffffffd9}.sel-dark .sel-placeholder{color:#ffffff59}.radio-pills{flex-wrap:wrap;gap:6px;display:flex}.radio-pill-input{display:none}.radio-pill-label{border:1.5px solid var(--border);cursor:pointer;color:var(--text-3);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.radio-pill-label:hover{border-color:var(--border-2);color:var(--text-2)}.radio-pill-input:checked+.radio-pill-label{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark);box-shadow:0 1px 4px #3da9e82e}.radio-pill-input[data-c=green]:checked+.radio-pill-label{border-color:var(--green);background:var(--green-light);color:var(--green-text);box-shadow:none}.radio-pill-input[data-c=amber]:checked+.radio-pill-label{border-color:var(--amber);background:var(--amber-light);color:var(--amber-text);box-shadow:none}.radio-pill-input[data-c=red]:checked+.radio-pill-label{border-color:var(--red);background:var(--red-light);color:var(--red-text);box-shadow:none}.radio-pill-input[data-c=purple]:checked+.radio-pill-label{border-color:var(--purple);background:var(--purple-light);color:var(--purple-text);box-shadow:none}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0a122699;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #0000000f;width:100%;max-width:580px;margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden}.modal-lg{max-width:780px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.modal-close{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:30px;height:30px;color:var(--text-3);justify-content:center;align-items:center;font-size:18px;transition:background .1s,color .1s;display:flex}.modal-close:hover{background:var(--red-light);color:var(--red);border-color:#fecaca}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:24px}.toast{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-lg);border-left:4px solid var(--accent);pointer-events:all;align-items:flex-start;gap:12px;min-width:290px;max-width:380px;padding:14px 16px 14px 18px;animation:.22s cubic-bezier(.16,1,.3,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast.warning{border-left-color:var(--amber)}.toast-icon{flex-shrink:0;font-size:14px;font-weight:700;line-height:1.6}.toast.success .toast-icon{color:var(--green)}.toast.error .toast-icon{color:var(--red)}.toast.warning .toast-icon{color:var(--amber)}.toast-text{flex:1}.toast-title{color:var(--text);letter-spacing:-.01em;font-size:13px;font-weight:600}.toast-msg{color:var(--text-3);margin-top:2px;font-size:12px;line-height:1.4}.timeline{padding-left:44px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent) 0%, var(--border) 80%);border-radius:2px;width:2px;position:absolute;top:8px;bottom:0;left:14px}.tl-item{margin-bottom:14px;position:relative}.tl-dot{color:#fff;z-index:1;width:28px;height:28px;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:14px;left:-43px}.tl-dot-info{background:var(--accent)}.tl-dot-qr{background:var(--green)}.tl-dot-video{background:var(--purple)}.tl-dot-flag{background:var(--amber);width:32px;height:32px;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px #fde68a;top:10px;left:-45px}.tl-dot.past{opacity:.35}.tl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .12s;overflow:hidden}.tl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tl-card.dashed{border-style:dashed;border-color:var(--border-2)}.tl-card.past{opacity:.55}.tl-flag-card{border-radius:var(--r);color:var(--amber-text);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:500;display:flex}.tl-head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.tl-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tl-actions{flex-shrink:0;gap:4px;display:flex}.tl-body{padding:12px 14px}.tl-date{color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.tl-name{color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:600}.tl-preview{color:var(--text-4);font-size:12px;line-height:1.55}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background 70ms}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafbfd}tbody td{color:var(--text-2);vertical-align:middle;padding:12px 16px;font-size:13px}td code,td .code{background:var(--accent-light);color:var(--accent-dark);border-radius:4px;padding:2px 7px;font-family:SFMono-Regular,Cascadia Code,Consolas,monospace;font-size:12px;font-weight:600}.pagination{border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:5px;padding:14px 16px;display:flex}.page-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;min-width:32px;height:32px;color:var(--text-2);justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:13px;transition:all .1s;display:flex}.page-btn:hover{background:var(--accent-light);border-color:var(--accent-muted);color:var(--accent-dark)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.page-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.page-info{color:var(--text-4);margin-left:auto;font-size:12px}.empty{text-align:center;padding:72px 24px}.empty-icon{background:linear-gradient(135deg, var(--accent-light), #f0f9ff);border:1px solid var(--accent-muted);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;display:flex}.empty h3{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:16px;font-weight:700}.empty p{color:var(--text-3);margin-bottom:20px;font-size:13px}.loader{justify-content:center;align-items:center;padding:64px;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{background:var(--border);height:1px;margin:22px 0}.section-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:11px;font-weight:700}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.toggle-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.toggle-row:last-of-type{border-bottom:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a}.modal-body::-webkit-scrollbar-thumb{background:var(--border-2)}