.App{display:flex;flex-direction:column;min-height:100vh}.App,.main-content{background-color:#f8f9fa}.main-content{flex:1 1;padding:40px 0}.page-title{animation:fadeIn .5s ease-out;color:#1976d2;font-weight:700;margin-top:20px}.grid,.page-title{margin-bottom:30px}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.card h3{color:#1976d2;font-size:1.3rem;margin-bottom:12px}.card p{color:#666;line-height:1.7;margin-bottom:15px}.btn{background-color:#1976d2;border-radius:8px;box-shadow:0 2px 8px #1976d240;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:#1565c0;box-shadow:0 4px 12px #1976d259;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#1976d2}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#757575}.btn-secondary:hover{background-color:#616161}.btn-danger{background-color:#d32f2f}.btn-danger:hover{background-color:#b71c1c}.btn-success{background-color:#388e3c}.btn-success:hover{background-color:#2e7d32}form{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:20px;padding:40px}form input,form select,form textarea{border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:14px;transition:all .3s ease}form input:focus,form select:focus,form textarea:focus{border-color:#1976d2;box-shadow:0 0 0 4px #1976d21a;outline:none}form label{color:#333;font-weight:600;margin-bottom:8px}.form-group{gap:8px}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alert{animation:slideInRight .3s ease-out;border-radius:8px;border-right:4px solid;padding:16px 20px}.alert-success{background-color:#e8f5e9;border-right-color:#4caf50;color:#2e7d32}.alert-error{border-right-color:#ef5350}.alert-warning{background-color:#fff3e0;border-right-color:#ff9800;color:#f57f17}.alert-info{background-color:#e3f2fd;border-right-color:#42a5f5;color:#0d47a1}.loading{animation:fadeIn .3s ease-out;padding:60px 20px}.empty-state{animation:fadeIn .4s ease-out;color:#999;padding:80px 20px;text-align:center}.empty-state h3{color:#666;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1rem}table{border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}table th{background:linear-gradient(135deg,#1976d2,#1565c0);font-weight:700;padding:18px 15px}table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}table tr{transition:all .3s ease}table tbody tr:hover{background-color:#f5f5f5}table tr:last-child td{border-bottom:none}@media (max-width:768px){.main-content{padding:20px 0}.page-title{font-size:2rem}.grid{gap:16px;grid-template-columns:1fr}form{padding:20px}.form-row{grid-template-columns:1fr}table{font-size:.9rem}table td,table th{padding:10px}.alert{padding:12px 16px}}@media (max-width:480px){.container{padding:0 15px}.page-title{font-size:1.5rem}form{padding:15px}}.home-page{width:100%}.hero{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:80px 20px;text-align:center}.hero-content h1{color:#fff;font-size:3.5rem;margin-bottom:20px}.hero-content p{color:#ffffffe6;font-size:1.3rem;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-primary{background-color:#ff9800;border-radius:5px;color:#fff;display:inline-block;font-size:1.1rem;padding:15px 35px;text-decoration:none;transition:background-color .3s}.btn-primary:hover{background-color:#f57c00}.btn-secondary{background-color:#fff;border-radius:5px;color:#1976d2;display:inline-block;font-size:1.1rem;padding:15px 35px;text-decoration:none;transition:background-color .3s}.btn-secondary:hover{background-color:#e0e0e0}.services-section{background-color:#f5f5f5;padding:60px 20px}.services-section h2{color:#1976d2;font-size:2.5rem;margin-bottom:40px;text-align:center}.services-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.service-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:inherit;padding:30px;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-10px)}.service-icon{font-size:3.5rem;margin-bottom:15px}.service-card h3{color:#1976d2;font-size:1.4rem;margin-bottom:10px}.service-card p{color:#666;line-height:1.6}.features-section{background-color:#fff;padding:60px 20px}.features-section h2{color:#1976d2;font-size:2.5rem;margin-bottom:40px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature{background-color:#f5f5f5;border-radius:10px;border-right:4px solid #1976d2;padding:30px;text-align:right}.feature h3{color:#1976d2;font-size:1.2rem;margin-bottom:10px}.feature p{color:#666;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:60px 20px;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:15px}.cta-section p{color:#ffffffe6;font-size:1.2rem;margin-bottom:25px}.btn-large{background-color:#ff9800;border-radius:5px;color:#fff;display:inline-block;font-size:1.1rem;padding:15px 40px;text-decoration:none;transition:background-color .3s}.btn-large:hover{background-color:#f57c00}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column}.cta-section h2,.features-section h2,.services-section h2{font-size:1.8rem}.features-grid,.services-grid{grid-template-columns:1fr}.feature{text-align:right}}.articles-page{background-color:#f5f5f5;min-height:80vh;padding:40px 0}.articles-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.article-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.article-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.article-image{background-color:#e0e0e0;height:200px;object-fit:cover;width:100%}.article-content{display:flex;flex-direction:column;padding:20px}.article-category{background-color:#1976d2;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:10px;padding:5px 12px;width:-webkit-fit-content;width:fit-content}.article-card h3{color:#1976d2;font-size:1.3rem;line-height:1.4;margin-bottom:10px}.article-excerpt{color:#666;flex-grow:1;line-height:1.6;margin-bottom:15px}.article-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:15px}.article-date{color:#999;font-size:.9rem}.read-more{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s}.read-more:hover{background-color:#1565c0}@media (max-width:768px){.articles-grid{gap:15px;grid-template-columns:1fr}.article-card h3{font-size:1.1rem}.article-excerpt{font-size:.9rem}}.tips-page{background-color:#f5f5f5;min-height:80vh;padding:40px 0}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.tip-card{background-color:#fff;border-radius:10px;border-right:4px solid #1976d2;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s}.tip-card:hover{transform:translateY(-5px)}.tip-card h3{color:#1976d2;margin-bottom:10px}.tip-category{background-color:#e8f5e9;border-radius:15px;color:#2e7d32;display:inline-block;font-size:.8rem;margin-bottom:10px;padding:4px 10px}.tip-card p{color:#666;line-height:1.6}@media (max-width:768px){.tips-grid{grid-template-columns:1fr}}.consultation-page{background-color:#f5f5f5;min-height:80vh;padding:40px 0}.subtitle{color:#666;margin-bottom:30px}.consultation-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:700px;padding:30px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d24d;outline:none}.consultation-form .btn{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s;width:100%}.consultation-form .btn:hover{background-color:#1565c0}.consultation-form .btn:disabled{background-color:#999;cursor:not-allowed}@media (max-width:768px){.consultation-form{margin:0 20px;padding:20px}.form-row{grid-template-columns:1fr}}.calorie-page{background-color:#f8f9fa;min-height:80vh;padding:40px 0}.container{max-width:1000px;padding:0 20px}.page-title{color:#2c3e50;font-size:2.5rem;margin-bottom:10px;text-align:center}.subtitle{color:#7f8c8d;font-size:1.1rem;margin-bottom:40px;text-align:center}.calculator-wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.calculator-wrapper{grid-template-columns:1fr 1fr}}.calorie-form{background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:30px}.form-group label{color:#34495e;font-size:.95rem}.form-group input,.form-group select{border:2px solid #eef2f7;border-radius:8px;padding:12px 15px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db}.form-row{grid-gap:20px;gap:20px}.calorie-form .btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:14px;transition:background-color .3s,transform .1s;width:100%}.calorie-form .btn:hover{background-color:#2980b9}.calorie-form .btn:active{transform:translateY(1px)}.calorie-form .btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.result-box{background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:30px}.result-box h2{border-bottom:2px solid #f1f2f6;color:#2c3e50;font-size:1.8rem;margin-bottom:25px;padding-bottom:15px;text-align:center}.result-summary{background-color:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.result-item:last-child{border-bottom:none}.result-item.highlight{background-color:#e8f4fc;border:1px solid #b6e0fe;border-radius:8px;margin-top:10px;padding:15px}.result-item .label{color:#576574;font-weight:600}.result-item .value{color:#2c3e50;font-size:1.1rem;font-weight:700}.result-item.highlight .value{color:#3498db;font-size:1.3rem}.recommendations h3{color:#34495e;font-size:1.3rem;margin-bottom:20px}.rec-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.rec-card{border-radius:10px;padding:20px;text-align:center;transition:transform .2s}.rec-card:hover{transform:translateY(-3px)}.rec-card h4{font-size:1.1rem;margin-bottom:10px}.rec-card p{font-size:1.5rem;font-weight:800;margin-bottom:5px}.rec-card small{display:block;font-size:.85rem;opacity:.8}.rec-card.loss{background-color:#fff0f0;border:1px solid #fcc;color:#c0392b}.rec-card.gain{background-color:#f0fff4;border:1px solid #c3e6cb;color:#27ae60}.food-recommendations{border-top:2px solid #f1f2f6;margin-top:30px;padding-top:30px}.food-recommendations h3{color:#34495e;font-size:1.3rem;margin-bottom:20px}.advice-box{background-color:#fff9db;border-left:5px solid #f1c40f;border-radius:8px;color:#7f8c8d;line-height:1.6;margin-bottom:25px;padding:15px}.advice-box strong{color:#d35400}.food-lists{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media (min-width:576px){.food-lists{grid-template-columns:1fr 1fr}}.food-list{border-radius:10px;padding:20px}.food-list h4{border-bottom:1px solid #0000001a;font-size:1.1rem;margin-bottom:15px;padding-bottom:10px}.food-list ul{list-style:none;margin:0;padding:0}.food-list li{border-bottom:1px dashed #0000000d;font-size:.95rem;padding:8px 0}.food-list li:last-child{border-bottom:none}.food-list.allowed{background-color:#f0fff4;border:1px solid #c3e6cb}.food-list.allowed h4{color:#27ae60}.food-list.allowed li{color:#219150}.food-list.avoided{background-color:#fff5f5;border:1px solid #feb2b2}.food-list.avoided h4{color:#e53e3e}.food-list.avoided li{color:#c53030}.auth-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.auth-container{max-width:500px;width:100%}.auth-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:40px}.auth-form h2{color:#1976d2;font-size:1.8rem;margin-bottom:30px;text-align:center}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d24d;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.auth-form .btn{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.auth-form .btn:hover{background-color:#1565c0}.auth-form .btn:disabled{background-color:#999;cursor:not-allowed}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#1976d2;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:600px){.auth-form{padding:20px}.form-row{grid-template-columns:1fr}.auth-form h2{font-size:1.5rem}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#1565c0,#1976d2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.admin-login-container{max-width:500px;width:100%}.admin-login-form{background-color:#fff;border-radius:10px;box-shadow:0 8px 32px #0000001a;padding:40px}.form-header{margin-bottom:30px;text-align:center}.form-header h2{color:#1976d2;font-size:1.8rem;margin:0 0 5px}.form-header p{color:#999;font-size:.9rem;letter-spacing:1px;margin:0;text-transform:uppercase}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#333;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d24d;outline:none}.btn-login{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.btn-login:hover{background-color:#1565c0}.btn-login:disabled{background-color:#999;cursor:not-allowed}.alert{border-radius:5px;font-weight:500;margin-bottom:20px;padding:15px}.alert-error{background-color:#ffebee;border:1px solid #ef5350;color:#b71c1c}.admin-warning{background-color:#fff3e0;border:1px solid #ff9800;border-radius:5px;color:#e65100;font-size:.9rem;margin-top:20px;padding:12px;text-align:center}@media (max-width:600px){.admin-login-form{padding:20px}.form-header h2{font-size:1.5rem}}.article-detail-page{min-height:80vh;padding:40px 0}.back-link{color:#2c3e50;color:var(--primary-color,#2c3e50);display:inline-block;font-weight:700;margin-bottom:20px;text-decoration:none}.back-link:hover{text-decoration:underline}.article-detail{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:40px}.detail-image{border-radius:8px;margin-bottom:30px;max-height:500px;object-fit:cover;width:100%}.detail-header{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.detail-category{background:#e1f5fe;border-radius:20px;color:#0288d1;display:inline-block;font-size:.9rem;margin-bottom:15px;padding:4px 12px}.detail-header h1{color:#2c3e50;font-size:2.5rem;margin:10px 0}.detail-date{color:#7f8c8d;font-size:.9rem}.detail-content{color:#34495e;font-size:1.1rem;line-height:1.8}.detail-content p{margin-bottom:20px}.error-container{padding:100px 0;text-align:center}.error-container p{color:#e74c3c;font-size:1.5rem;margin-bottom:20px}@media (max-width:768px){.article-detail{padding:20px}.detail-header h1{font-size:1.8rem}}.legal-page{line-height:1.6;padding:60px 0}.legal-page h1{color:#2c3e50;color:var(--primary-color,#2c3e50);margin-bottom:30px;text-align:center}.legal-page h2{color:#3498db;color:var(--secondary-color,#3498db);margin-top:30px}.legal-page h2,.legal-page p{margin-bottom:15px}.contact-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.contact-card{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px;text-align:center}.contact-card h3{color:#2c3e50;color:var(--primary-color,#2c3e50);margin-bottom:15px}.admin-dashboard{padding:40px 0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background-color:#fff;border-radius:10px;border-top:4px solid #1976d2;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center}.stat-card h3{color:#666;font-size:1rem;margin-bottom:10px}.stat-number{color:#1976d2;font-size:2.5rem;font-weight:700;margin:0}.stat-card.pending{border-top:4px solid #ff9800}.stat-card.pending .stat-number{color:#ff9800}.admin-menu{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:30px}.admin-menu h2{color:#1976d2;font-size:1.5rem;margin-bottom:25px}.menu-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.menu-item{align-items:center;background-color:#f5f5f5;border:2px solid #0000;border-radius:8px;color:inherit;display:flex;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:all .3s}.menu-item:hover{background-color:#e3f2fd;border-color:#1976d2;transform:translateY(-5px)}.menu-item .icon{font-size:2.5rem}.menu-item .label{color:#333;font-size:1rem;font-weight:600}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr}}.admin-page{padding:40px 0}.btn-add{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:12px 24px;transition:background-color .3s}.btn-add:hover{background-color:#45a049}.admin-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:25px}.admin-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.admin-form .form-group label{color:#333;font-weight:600;margin-bottom:5px}.admin-form .form-group input,.admin-form .form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;padding:10px}.admin-form .form-group input:focus,.admin-form .form-group textarea:focus{border-color:#1976d2;outline:none}.items-list{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.item-card{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;justify-content:space-between;padding:20px}.item-card:last-child{border-bottom:none}.item-info{flex:1 1}.item-info h3{color:#1976d2;margin:0 0 5px}.item-info .category{background-color:#e0e0e0;border-radius:3px;color:#333;display:inline-block;font-size:.8rem;margin-bottom:5px;padding:3px 8px}.item-info .content-preview{color:#666;font-size:.9rem;margin:5px 0 0}.btn-danger{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s;white-space:nowrap}.btn-danger:hover{background-color:#d32f2f}.empty{color:#999;padding:40px;text-align:center}table{background-color:#fff;border-collapse:collapse;width:100%}table th{background-color:#1976d2;color:#fff;font-weight:600;padding:15px;text-align:right}table td{border-bottom:1px solid #eee;padding:12px 15px}table tr:hover{background-color:#f5f5f5}.action-buttons{display:flex;gap:10px}.action-buttons .btn{font-size:.9rem;padding:6px 12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background-color:#45a049}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background-color:#e68900}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.role-badge.role-admin{background-color:#e3f2fd;color:#1976d2}.role-badge.role-user{background-color:#f1f8e9;color:#558b2f}@media (max-width:768px){.item-card{align-items:flex-start;flex-direction:column}table{font-size:.9rem}table td,table th{padding:10px}.actions{flex-direction:column}.actions,.btn{width:100%}}.navbar{background-color:#1976d2;box-shadow:0 2px 8px #0000001a;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{color:#fff;flex:1 1;font-size:1.8rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:flex-end;list-style:none}.nav-item{position:relative}.nav-link{border-radius:5px;color:#fff;display:block;padding:8px 16px;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#fff3}.nav-user{font-weight:500}.nav-logout,.nav-user{color:#fff;padding:8px 16px}.nav-logout{background-color:#ff5252;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.nav-logout:hover{background-color:#ff1744}.admin-link{background-color:#ff9800;font-weight:700}.admin-link:hover{background-color:#f57c00}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background-color:#fff;border-radius:3px;height:3px;transition:.3s;width:25px}@media (max-width:768px){.nav-container{height:auto;padding:15px 20px}.hamburger{display:flex;order:-1}.nav-menu{background-color:#1565c0;border-radius:0;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:70px;transition:max-height .3s;width:100%}.nav-menu.active{max-height:300px;overflow-y:auto;padding:10px 0}.nav-item{width:100%}.nav-link,.nav-logout,.nav-user{border-radius:0;padding:15px 20px;width:100%}.nav-link:hover{background-color:#ffffff4d}.nav-logout{text-align:center}.nav-logo{font-size:1.5rem}}.footer{background-color:#2c3e50;color:#fff;margin-top:50px;padding:40px 20px 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 30px;max-width:1200px}.footer-section h3{color:#1976d2;font-size:1.2rem;margin-bottom:15px}.footer-section p{color:#bdc3c7;line-height:1.6}.footer-section ul{list-style:none}.footer-section li{color:#bdc3c7;margin-bottom:10px}.footer-section a{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#1976d2}.footer-bottom{border-top:1px solid #34495e;color:#95a5a6;margin:0 auto;max-width:1200px;padding-top:20px;text-align:center}.footer-bottom p{margin-bottom:10px}.disclaimer{color:#e74c3c;font-size:.9rem;font-weight:500}@media (max-width:768px){.footer-content{gap:20px;grid-template-columns:1fr}.footer{padding:30px 20px 15px}.footer-section h3{font-size:1.1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#2c3e50;font-family:Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body,html{direction:rtl}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:#1976d2;font-family:Cairo,sans-serif;font-weight:700;line-height:1.4}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}button{background-color:#1976d2;border:none;border-radius:8px;box-shadow:0 2px 8px #1976d240;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}button:hover{background-color:#1565c0;box-shadow:0 4px 12px #1976d259;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background-color:#fff;border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#1976d2;box-shadow:0 0 0 4px #1976d21a;outline:none}input::placeholder,textarea::placeholder{color:#9e9e9e}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.error{background-color:#ffebee;border-right:4px solid #c62828;color:#c62828}.error,.success{border-radius:8px;font-weight:500;margin-bottom:10px;padding:16px}.success{background-color:#e8f5e9;border-right:4px solid #2e7d32;color:#2e7d32}.warning{background-color:#fff3e0;border-radius:8px;border-right:4px solid #f57f17;color:#f57f17;font-weight:500;margin-bottom:10px;padding:16px}.loading{color:#1976d2;font-size:1.1rem;padding:40px;text-align:center}.loading:after{animation:spin .8s linear infinite;border:3px solid #1976d233;border-radius:50%;border-top-color:#1976d2;content:"";display:inline-block;height:20px;margin:0 10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}button{font-size:.95rem;padding:10px 16px}input,select,textarea{font-size:16px}}
/*# sourceMappingURL=main.a9071d8d.css.map*/