:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--accent-primary:#667eea;--accent-secondary:#764ba2;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8}.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--border-color:#495057;--accent-primary:#8b9bff;--accent-secondary:#a685d4;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#2196f3}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn{display:inline-block;padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-align:center;transition:background-color .2s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{opacity:.9;text-decoration:none}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger);color:#fff}.btn-success{background-color:var(--success);color:#fff}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.table{width:100%;border-collapse:collapse;margin-bottom:1rem}.table td,.table th{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left}.table th{font-weight:600}.table th,.table tr:hover{background-color:var(--bg-secondary)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#000}.badge-danger{background-color:var(--danger);color:#fff}.badge-info{background-color:var(--info);color:#fff}.text-center{text-align:center}.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}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.table{font-size:.875rem}.table td,.table th{padding:.5rem}}