:root{--royal-blue: #4169E1;--yellow: #FFD700;--gray: #808080;--light-gray: #F5F5F5;--dark-gray: #333333;--white: #FFFFFF;--royal-blue-dark: #1E3A8A;--yellow-dark: #FFA500}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;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:var(--light-gray);color:var(--dark-gray)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.app{min-height:100vh;background-color:var(--light-gray)}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--royal-blue);color:var(--white)}.btn-primary:hover{background-color:var(--royal-blue-dark);transform:translateY(-2px);box-shadow:0 4px 8px #4169e14d}.btn-secondary{background-color:var(--yellow);color:var(--dark-gray)}.btn-secondary:hover{background-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 4px 8px #ffd7004d}.btn-outline{background-color:transparent;border:2px solid var(--royal-blue);color:var(--royal-blue)}.btn-outline:hover{background-color:var(--royal-blue);color:var(--white)}.card{background-color:var(--white);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-gray)}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid var(--gray);border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--royal-blue)}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error{color:#dc3545;font-size:14px;margin-top:4px}.success{color:#28a745;font-size:14px;margin-top:4px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{border:4px solid var(--light-gray);border-top:4px solid var(--royal-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}