.global-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d;background:#ffffff;color:#1a8917;animation:global-toast-in .3s ease forwards}.global-toast.error{color:#e53935}.global-toast.warning{color:#ed6c02}.global-toast-icon{font-size:16px;font-weight:700;flex-shrink:0}.global-toast-text{flex:1;white-space:nowrap}.global-toast.hiding{animation:global-toast-out .3s ease forwards}@keyframes global-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes global-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}#app{min-height:100vh}:root{--color-primary: #2196F3;--color-primary-dark: #1976D2;--color-primary-hover: #1565C0;--color-secondary: #FFC107;--color-bg-light: #E3F2FD;--color-bg-white: #FFFFFF;--color-bg-gray: #F5F5F5;--color-text: #000000;--color-text-light: #666666;--color-border: #000000;--color-border-light: #DDDDDD;--color-danger: #D32F2F;--color-success: #2E7D32;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-panel: 8px;--radius-sm: 4px;--radius-full: 9999px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:var(--color-bg-white);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.panel{background-color:var(--color-bg-white);border-radius:var(--radius-panel);box-shadow:var(--shadow-subtle);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border)}.panel-title{font-size:1.2rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text)}.panel-subtitle{font-size:.9rem;font-weight:400;margin-bottom:var(--spacing-md);color:var(--color-text)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.panel-title-large{font-size:1.5rem;font-weight:500;margin-bottom:var(--spacing-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.card{background-color:var(--color-bg-white);border-radius:var(--radius-panel);border:1px solid var(--color-border);padding:var(--spacing-md);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-medium)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--color-primary)}.btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-base);font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-white);box-shadow:var(--shadow-medium)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-hover)}.btn-secondary{background-color:var(--color-bg-gray);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover{background-color:var(--color-bg-light)}.btn-icon{padding:var(--spacing-xs);width:36px;height:36px;border-radius:var(--radius-full)}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-lg{padding:12px 24px;font-size:1.1rem}.form-control,.form-input,.input-field{width:100%;padding:var(--spacing-xs) 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.9rem;font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-control:focus,.form-input:focus,.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.form-control::placeholder{color:var(--color-text-light)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s!important;background-clip:padding-box!important}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:.9rem;color:var(--color-text)}.form-group-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.form-group-inline label{margin-bottom:0}.search-bar{width:100%;padding:var(--spacing-xs) 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.9rem;margin-bottom:var(--spacing-md)}.tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;background-color:var(--color-bg-light);color:var(--color-primary)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-primary{background-color:var(--color-primary);color:var(--color-bg-white)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text)}.badge-success{background-color:var(--color-success);color:var(--color-bg-white)}.badge-gray{background-color:var(--color-bg-gray);color:var(--color-text-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-light)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.font-medium{font-weight:500}.font-bold{font-weight:700}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.hidden{display:none}.visible{display:block}.spinner{border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-light)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.divider{height:1px;background-color:var(--color-border-light);margin:var(--spacing-md) 0}