:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #f0f0f0;--text-primary: #24292f;--text-secondary: #57606a;--text-tertiary: #8c959f;--border-color: #d0d7de;--border-color-light: #d8dee4;--accent-color: #0969da;--accent-hover: #0860ca;--primary-btn-bg: #2da44e;--primary-btn-hover: #2c974b;--link-color: #0969da;--link-hover: #0860ca;--error-color: #cf222e;--success-color: #1a7f37;--warning-color: #9a6700;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 3px rgba(9, 105, 218, .2)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-tertiary: #6e7681;--border-color: #30363d;--border-color-light: #21262d;--accent-color: #58a6ff;--accent-hover: #79c0ff;--primary-btn-bg: #238636;--primary-btn-hover: #2ea043;--link-color: #58a6ff;--link-hover: #79c0ff;--error-color: #f85149;--success-color: #3fb950;--warning-color: #d29922;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 3px rgba(88, 166, 255, .3)}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}app-root{display:flex;flex-direction:column;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 1rem;color:var(--text-secondary)}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover);text-decoration:underline}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-btn-bg);color:#fff;box-shadow:var(--shadow-md);border:1px solid transparent}.btn-primary:hover:not(:disabled){background:var(--primary-btn-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}.btn-sm{padding:8px 16px;font-size:14px}.btn-link{background:transparent;color:var(--link-color);padding:8px 16px}.btn-link:hover:not(:disabled){background:#2563eb1a;text-decoration:none}.btn-delete{background:var(--error-color);color:#fff;box-shadow:var(--shadow-md)}.btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-view{background:var(--success-color);color:#fff;box-shadow:var(--shadow-md)}.btn-view:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-icon{padding:8px;background:transparent;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s;color:var(--text-primary)}.btn-icon:hover{transform:scale(1.1)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .2s ease;box-sizing:border-box;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--focus-ring),var(--shadow-md);transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus),.form-group select:hover:not(:focus){border-color:var(--border-color-light);box-shadow:var(--shadow-md)}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.error-message{color:var(--error-color);font-size:12px;margin-top:4px;display:block}.help-text{display:block;margin-top:6px;font-size:12px;color:var(--text-tertiary);font-style:italic}.card{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:20px;border-bottom:1px solid var(--border-color-light)}.card-content{padding:20px}.card-actions{padding:16px 20px;border-top:1px solid var(--border-color-light);display:flex;gap:12px;justify-content:flex-end}.container-utility{max-width:1200px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.full-width{width:100%}.flex{display:flex}.flex-column{flex-direction:column}.gap-10{gap:10px}.gap-20{gap:20px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.hidden{display:none}.empty-state{text-align:center;padding:2rem;color:var(--text-tertiary)}.icon{font-size:1.2rem;line-height:1}@media (max-width: 480px){.btn{min-height:44px;padding:12px 20px}.btn-sm{min-height:40px;padding:10px 16px}body{font-size:15px;line-height:1.5}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}input,select,textarea{font-size:16px!important}.form-group input,.form-group textarea,.form-group select{min-height:48px;padding:14px 16px}.card{border-radius:12px}.card-header,.card-content{padding:16px}a{padding:4px 0}}