:root{--color-primary: #fe0000;--color-secondary: #666666;--color-background: #f5f5f5;--color-accent: #ffffff;--color-text: #333333;--color-border: #d1d1d1;--font-family: "Inter", "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--line-height-base: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px;--transition-default: .3s ease-in-out;--color-background-alt: #f8f8f8;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-text-muted: #666666;--border-radius: 4px;--max-content-width: 1200px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);margin:0;padding:0;line-height:var(--line-height-base);transition:background-color var(--transition-default),color var(--transition-default);-webkit-font-smoothing:antialiased}h1{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-medium)}button{font-family:var(--font-family);padding:var(--spacing-small) var(--spacing-medium);font-size:14px;background-color:var(--color-primary);color:var(--color-accent);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-default)}button:hover{background-color:var(--color-secondary)}input,select{font-family:var(--font-family);padding:var(--spacing-small);border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;width:100%}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-default)}a:hover{color:var(--color-secondary)}#app{max-width:1280px;margin:0 auto;padding:var(--spacing-large);display:flex;flex-direction:column;align-items:center}form{display:flex;flex-wrap:wrap;gap:var(--spacing-medium);margin-bottom:var(--spacing-large)}table{width:100%;border-collapse:collapse;background-color:var(--color-accent);margin-top:var(--spacing-medium)}th,td{padding:var(--spacing-small);border:1px solid var(--color-border);text-align:left}th{background-color:var(--color-primary);color:var(--color-accent)}td{color:var(--color-text)}@media (min-width: 1024px){#app{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-large)}}.filter-input-base{width:100%;padding:var(--spacing-small);font-family:var(--font-family);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;height:36px;background:var(--color-accent)}.dropdown-base{position:absolute;top:100%;left:0;right:0;background:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:4px;box-shadow:0 2px 4px #0000001a;z-index:1000}.scrollable-container{max-height:300px;overflow-y:auto;scrollbar-width:thin}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-track{background:transparent}.scrollable-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius)}.scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.centered-wrapper{width:100vw;min-height:100vh;display:flex;justify-content:center;margin:0;padding:0;position:relative;left:0}.content-container{width:100%;max-width:var(--max-content-width);padding:var(--spacing-medium);margin-left:auto;margin-right:auto}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}.input-base{height:var(--input-height);padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base)}.button-base{height:var(--button-height);padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.table-base{font-family:var(--font-family);font-size:var(--font-size-sm)}.table-base th{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.table-base{width:100%;table-layout:fixed;border-collapse:collapse;background-color:var(--color-accent)}.table-base th{background:linear-gradient(to bottom,var(--color-primary),#e60000);color:var(--color-accent);padding:12px 16px;font-weight:var(--font-weight-medium);text-align:left;border-bottom:none;text-shadow:0 1px 1px rgba(0,0,0,.1)}.table-base td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);word-wrap:break-word;overflow-wrap:break-word}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px;transition:background-color .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#00000040}.filter-control{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);line-height:var(--line-height-base);height:44px;transition:border-color .2s,box-shadow .2s}.filter-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff00001a}.toast-container[data-v-701278f7]{position:fixed;top:20px;right:20px;z-index:1000}.toast[data-v-701278f7]{display:flex;align-items:center;min-width:250px;margin-bottom:10px;padding:12px 24px;border-radius:4px;background:#fff;box-shadow:0 2px 8px #00000026}.toast.error[data-v-701278f7]{background:#dc3545;border:1px solid #dc3545;color:#fff;box-shadow:0 2px 8px #dc35454d}.message[data-v-701278f7]{flex:1}.close-btn[data-v-701278f7]{background:none;border:none;font-size:18px;cursor:pointer;padding:0 4px;color:inherit;opacity:.8}.close-btn[data-v-701278f7]:hover{opacity:1}.toast-enter-active[data-v-701278f7],.toast-leave-active[data-v-701278f7]{transition:all .3s ease}.toast-enter-from[data-v-701278f7],.toast-leave-to[data-v-701278f7]{opacity:0;transform:translate(100%)}body,html{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base)}#app{width:100%;margin:0;padding:0}
