:root{--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#7c94f5;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#27ae60;--success-dark:#229954;--error-color:#e74c3c;--error-dark:#c0392b;--warning-color:#f39c12;--info-color:#3498db;--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--bg-white:#fff;--bg-gray-light:#f8f9fa;--bg-gray:#f5f5f5;--bg-dark:#2c3e50;--text-primary:#333;--text-secondary:#666;--text-light:#999;--text-white:#fff;--border-color:#ddd;--border-light:#eee;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #00000026;--shadow-xl:0 12px 24px #0003;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"Courier New",Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1536px}[data-theme=dark]{--bg-white:#1a1a1a;--bg-gray-light:#2a2a2a;--bg-gray:#333;--text-primary:#fff;--text-secondary:#ccc;--text-light:#999;--border-color:#444;--border-light:#555;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.6}.container{margin:0 auto;max-width:1280px;max-width:var(--max-width-xl);padding:0 1rem;padding:0 var(--spacing-md);width:100%}.container-sm{max-width:640px;max-width:var(--max-width-sm)}.container-md{max-width:768px;max-width:var(--max-width-md)}.container-lg{max-width:1024px;max-width:var(--max-width-lg)}.container-xl{max-width:1280px;max-width:var(--max-width-xl)}.bg-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%)}.bg-white{background-color:#fff;background-color:var(--bg-white)}.bg-gray{background-color:#f5f5f5;background-color:var(--bg-gray)}.bg-gray-light{background-color:#f8f9fa;background-color:var(--bg-gray-light)}.card{background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-sm{padding:1rem;padding:var(--spacing-md)}.card-lg{padding:3rem;padding:var(--spacing-2xl)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-md);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#667eea;background:var(--primary-color);color:#fff;color:var(--text-white)}.btn-primary:hover:not(:disabled){background:#5568d3;background:var(--primary-dark);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:#27ae60;background:var(--success-color);color:#fff;color:var(--text-white)}.btn-success:hover:not(:disabled){background:#229954;background:var(--success-dark)}.btn-danger{background:#e74c3c;background:var(--error-color);color:#fff;color:var(--text-white)}.btn-danger:hover:not(:disabled){background:#c0392b;background:var(--error-dark)}.btn-secondary{background:#f5f5f5;background:var(--bg-gray);color:#333;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ddd;background:var(--border-color)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-block{width:100%}.input,.select,.textarea{background:#fff;background:var(--bg-white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.input-error{border-color:#e74c3c;border-color:var(--error-color)}.textarea{min-height:100px;resize:vertical}.input-mono{font-family:Courier New,Courier,monospace;font-family:var(--font-mono)}.label{color:#666;color:var(--text-secondary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.alert{align-items:flex-start;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.table-container{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);overflow-x:auto}.table{background:#fff;background:var(--bg-white);border-collapse:collapse;width:100%}.table thead{background:#f8f9fa;background:var(--bg-gray-light)}.table th{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color);color:#666;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.table td,.table th{padding:1rem;padding:var(--spacing-md)}.table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light)}.table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}.table tbody tr:hover{background:#f8f9fa;background:var(--bg-gray-light)}.navbar{background:#fff;background:var(--bg-white);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);padding:1rem 0;padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{justify-content:space-between}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#333;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);text-decoration:none}.navbar-menu{gap:1.5rem;gap:var(--spacing-lg)}.modal-overlay,.navbar-menu{align-items:center;display:flex}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:2000}.modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 12px 24px #0003;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;padding:var(--spacing-xl);width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.row{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin:0 -1rem;margin:0 calc(var(--spacing-md)*-1)}.col{flex:1 1;padding:0 1rem;padding:0 var(--spacing-md)}.col-1{flex:0 0 8.333%}.col-2{flex:0 0 16.666%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333%}.col-6{flex:0 0 50%}.col-8{flex:0 0 66.666%}.col-12{flex:0 0 100%}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#667eea;color:var(--primary-color)}.text-secondary{color:#666;color:var(--text-secondary)}.text-light{color:#999;color:var(--text-light)}.text-white{color:#fff;color:var(--text-white)}.text-success{color:#27ae60;color:var(--success-color)}.text-error{color:#e74c3c;color:var(--error-color)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-md{font-size:1rem;font-size:var(--font-size-md)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:2rem;font-size:var(--font-size-3xl)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.gap-5{gap:2rem;gap:var(--spacing-xl)}@media (min-width:768px){.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.card{padding:3rem;padding:var(--spacing-2xl)}.md\:col-6{flex:0 0 50%}.md\:col-4{flex:0 0 33.333%}.md\:col-3{flex:0 0 25%}.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width:1024px){.lg\:col-4{flex:0 0 33.333%}.lg\:col-3{flex:0 0 25%}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@media (max-width:767px){.btn-block-mobile{width:100%}.navbar-menu{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.table{font-size:.875rem;font-size:var(--font-size-sm)}.table td,.table th{padding:.5rem;padding:var(--spacing-sm)}.modal{padding:1rem;padding:var(--spacing-md)}.hide-mobile{display:none}}@media print{.no-print{display:none!important}.card{border:1px solid #ddd;border:1px solid var(--border-color);box-shadow:none}}body{margin:0}