@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";html,body{margin:0;padding:0;box-sizing:border-box}body{background:#f8f5f2;font-family:Inter,Segoe UI,Arial,sans-serif;color:#3e2723}header,footer{background:#fff8f0;box-shadow:0 2px 8px #3c28140d;border-radius:0 0 16px 16px;padding:1.5rem 2rem}main{padding:2rem;max-width:900px;margin:0 auto}.card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #3c281414;padding:2rem;margin-bottom:2rem}button{background:#a1887f;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#6d4c41}input,select,textarea{border:1px solid #d7ccc8;border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem;font-size:1rem;background:#fff;color:#3e2723}a{color:#6d4c41;text-decoration:none;transition:color .2s}a:hover{color:#a1887f}@media (max-width: 600px){main{padding:1rem}.card{padding:1rem}header,footer{padding:1rem}}.App-Register-Row{display:flex;justify-content:center;padding:10px;margin:10px;border-radius:10px}.App-Register-Row input{padding:5px;margin:5px;width:100%;box-sizing:border-box}.App-Register-Row button{padding:5px;margin:5px;width:100%}:root{--primary: #a1887f;--primary-dark: #6d4c41;--accent: #ffe0b2;--bg: #f8f5f2;--surface: #fff8f0;--text: #3e2723;--radius: 18px;--shadow: 0 4px 24px rgba(60, 40, 20, .1);--transition: .2s cubic-bezier(.4,0,.2,1)}body{background:var(--bg);font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;color:var(--text);margin:0;padding:0;min-height:100vh;transition:background var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.08rem;letter-spacing:.01em}h1,h2,h3,h4,h5,h6{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.02em;color:var(--primary-dark);margin-top:0}label{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;font-weight:500;letter-spacing:.01em;color:var(--primary-dark)}button{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;font-weight:600;letter-spacing:.03em;text-transform:uppercase}input,select,textarea{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;font-size:1rem;letter-spacing:.01em}.card,.profile-card,.login-card,.register-card{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif}header,footer{background:var(--surface);box-shadow:var(--shadow);border-radius:0 0 var(--radius) var(--radius);padding:1.5rem 2rem;transition:background var(--transition),box-shadow var(--transition)}main{padding:2rem;max-width:1100px;margin:0 auto}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem;transition:box-shadow var(--transition)}button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px #3c28140f}button:hover{background:var(--primary-dark)}input,select,textarea{border:1px solid #d7ccc8;border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem;font-size:1rem;background:#fff;color:var(--text);transition:border var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}a{color:var(--primary-dark);text-decoration:none;font-weight:500;transition:color var(--transition);padding:.25rem .5rem;border-radius:6px}a:hover{color:var(--primary);background:var(--accent)}.flex{display:flex;align-items:center;gap:1rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.center{display:flex;justify-content:center;align-items:center}@media (max-width: 900px){main{padding:1rem;max-width:98vw}header,footer{padding:1rem}}@media (max-width: 600px){header,footer{padding:.5rem;border-radius:0 0 12px 12px}.card{padding:1rem;border-radius:12px}main{padding:.5rem}}::-webkit-scrollbar{width:8px;background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px}
