*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#f9fafb;color:#111827}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.container{max-width:1200px;margin:0 auto;padding:32px 16px 0}h1{font-size:32px;margin-bottom:24px}h1,h2{color:#2c3e50}h2{font-size:24px;margin:24px 0 16px}h3{font-size:18px;margin:16px 0 12px;color:#34495e}p{line-height:1.6;margin-bottom:12px}form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:24px}.form-group{margin-bottom:16px}label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50;font-size:14px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:10px 12px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:0;accent-color:#6366f1;cursor:pointer}.btn,button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;margin-bottom:24px}th{background-color:#2c3e50;color:#fff;text-align:left;font-weight:600;font-size:13px}td,th{padding:12px 16px}td{border-bottom:1px solid #ecf0f1}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f9f9f9}.list-item{background:#fff;padding:16px;margin-bottom:8px;border-radius:4px;border-left:4px solid #3498db;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.list-item-title{font-weight:600;color:#2c3e50;margin-bottom:4px}.list-item-meta{font-size:13px;color:#95a5a6}.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px;border-left:4px solid}.alert-info{background-color:#d1ecf1;border-color:#0c5460;color:#0c5460}.alert-success{background-color:#d4edda;border-color:#155724;color:#155724}.alert-warning{background-color:#fff3cd;border-color:#856404;color:#856404}.alert-error{background-color:#f8d7da;border-color:#721c24;color:#721c24}.grid{display:grid;grid-gap:24px;gap:24px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.container{padding:24px 12px 0}h1{font-size:28px;margin-bottom:20px}h2{font-size:22px}form{padding:18px}.btn,button{padding:10px 14px}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}nav ul{flex-direction:column;gap:8px}}@media (max-width:480px){.container{padding:20px 10px 0}h1{font-size:24px;margin-bottom:16px}h2{font-size:20px;margin:18px 0 12px}form{padding:14px}}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#2c3e50}.card-value{font-size:24px;font-weight:700;color:#3498db}.empty-state,.loading{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-state-icon{font-size:48px;margin-bottom:16px}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}.modal-overlay.active{display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:20px;font-weight:600;color:#2c3e50}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:#95a5a6}.font-bold{font-weight:600}