:root{--primary-color:#2c3e50;--secondary-color:#3498db;--success-color:#27ae60;--danger-color:#e74c3c;--warning-color:#f39c12;--light-gray:#ecf0f1;--medium-gray:#95a5a6;--dark-gray:#34495e;--white:#fff;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--border-radius:8px;--border-radius-lg:12px;--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--dark-gray)}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--secondary-color);color:var(--white)}.btn-primary:hover{background:#2980b9}.btn-success{background:var(--success-color);color:var(--white)}.btn-success:hover{background:#229954}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover{background:#c0392b}.btn-secondary{background:var(--medium-gray);color:var(--white)}.btn-secondary:hover{background:var(--dark-gray)}.btn-large{padding:1.25rem 2rem;font-size:1.25rem}.btn-block{display:block;width:100%}.card{background:var(--white);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.card-title{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-gray)}.form-control{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--light-gray);border-radius:var(--border-radius);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db1a}.list-item{display:flex;align-items:center;padding:1rem;background:var(--white);border-radius:var(--border-radius);margin-bottom:.75rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.list-item:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.nav-header{background:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;padding:1rem 0;margin-bottom:1.5rem}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.nav-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.page-wrapper{min-height:100vh;padding-bottom:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.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}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .3s ease-out}@media(max-width:640px){html{font-size:14px}}