@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;600;700&display=swap);:root{--primary:#b58383;--primary-light:#d6a8a8;--primary-dark:#8e5e5e;--secondary:#1a1a1a;--secondary-light:#333;--accent:#d48c95;--accent-light:#fcecef;--background:#fff;--surface:#fbfbfb;--surface-alt:#f4f4f4;--text-main:#2c2c2c;--text-light:#666;--text-lighter:#999;--white:#fff;--black:#000;--font-heading:"Playfair Display",serif;--font-body:"Lato",sans-serif;--shadow-sm:0 4px 15px #00000008;--shadow-md:0 10px 30px #0000000f;--shadow-lg:0 20px 50px #0000001a;--shadow-glow:0 0 20px #b583834d;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--glass-bg:#fffc;--glass-border:1px solid #ffffff4d;--glass-blur:blur(12px)}body{background-attachment:fixed;background-color:#fff;background-image:radial-gradient(circle at 10% 20%,#d6a8a81a 0,#0000 20%),radial-gradient(circle at 90% 80%,#d48c950d 0,#0000 20%)}[data-theme=dark]{--background:#121212;--surface:#1e1e1e;--text-main:#f0f0f0}@media (max-width:768px){body,html{position:relative!important}#root,body,html{max-width:100vw!important}#root,.container,body,html{overflow-x:hidden!important}.container{max-width:100%!important;padding:0 20px!important}.section{overflow-x:hidden!important;padding:60px 0!important}h1,h2{font-size:2rem!important}h2{margin-bottom:30px!important}h3{font-size:1.5rem!important}h4{font-size:1.2rem!important}p{font-size:1rem!important}div[style*="display: grid"],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}div[style*="display: flex"][style*=flexWrap]{flex-direction:column!important}div[style*="gap: 40px"],div[style*="gap: 60px"]{gap:25px!important}div[style*="gap: 30px"]{gap:20px!important}div[style*="padding: 30px"],div[style*="padding: 40px"]{padding:20px!important}.section[style*="backgroundColor: '#fff5f5'"] div[style*=gridTemplateColumns]{gap:25px!important;grid-template-columns:1fr!important}.section div[style*="minmax(280px"]{grid-template-columns:1fr!important}img{height:auto!important;max-width:100%!important}.btn,button{font-size:.9rem!important;max-width:300px!important;padding:14px 25px!important}.btn,button,div[style*="display: flex"][style*="gap: 20px"] a,div[style*="display: flex"][style*="gap: 20px"] button{width:100%!important}div[style*="width: 70px"][style*="height: 70px"]{font-size:1.5rem!important;height:60px!important;width:60px!important}div[style*="padding: 40px"][style*="borderRadius: 20px"]{margin-top:50px!important;padding:25px!important}div[style*="minWidth: '300px'"]{min-width:100%!important}form div[style*="display: grid"]{grid-template-columns:1fr!important}a[style*="width: 45px"][style*="height: 45px"]{height:40px!important;width:40px!important}div[style*="maxWidth: '1200px'"],div[style*="maxWidth: '800px'"],div[style*="maxWidth: '900px'"]{max-width:100%!important}div[style*="textAlign: 'left'"]{text-align:center!important}div[style*="flex: 1"],div[style*="flex: 1.2"]{flex:1 1 100%!important;min-width:100%!important}div[style*="marginBottom: '60px'"]{margin-bottom:40px!important}div[style*="marginTop: '60px'"],div[style*="marginTop: '80px'"]{margin-top:40px!important}div[style*="paddingBottom: '100%'"]{padding-bottom:100%!important}div[style*="minmax(350px"]{grid-template-columns:1fr!important}div[style*="display: flex"][style*="alignItems: 'flex-start'"]{align-items:center!important;flex-direction:column!important;text-align:center!important}div[style*="fontSize: '2rem'"]{font-size:1.5rem!important}ul li{font-size:1rem!important;margin-bottom:10px!important}div[style*="width: '40px'"][style*="height: '3px'"]{margin:0 auto 15px!important}div[style*="position: 'absolute'"][style*="pointerEvents: 'none'"]{display:none!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))'"]{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important;width:100%!important}div[style*="maxWidth: '500px'"]{max-width:95%!important}div[style*="paddingBottom: '56.25%'"]{padding-bottom:56.25%!important}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 40px!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))'"], div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))'"]{grid-template-columns:repeat(2,1fr)!important}}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:var(--background);color:var(--text-main);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-family:var(--font-heading);margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:color .3s ease}ul{list-style:none}img{display:block;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.btn{border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary{color:var(--white)}.btn-primary,.btn-primary:hover{background-color:var(--primary)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:var(--white)}@media (max-width:768px){.section{padding:40px 0}.container{padding:0 35px}h1{font-size:2.5rem}h2{font-size:2rem}.appointment-form-grid{grid-template-columns:1fr!important}.appointment-card{padding:20px!important}.split-section-container{flex-direction:column;gap:30px}.split-content-left{padding-right:0!important}.marquee-item{height:300px!important;margin-top:0!important;min-width:200px!important}.marquee-label{display:none!important}.marquee-section{min-height:auto!important;padding:50px 0!important}.marquee-track{gap:20px!important;padding-left:20px!important}.featured-treatments-grid{grid-template-columns:1fr!important}.desktop-menu{display:none!important}.mobile-toggle{display:block!important}.top-bar{display:none!important}.main-nav,nav{top:0!important}.hero-buttons{flex-direction:column;width:100%}.hero-buttons a{width:100%}.hero-buttons button{display:block;width:100%}.hero-content{padding:0 20px;text-align:center!important}.hero-bg{background-attachment:scroll!important;background-position:top!important;background-size:100% 100%!important}}.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-width:769px){.mobile-toggle{display:none!important}}.blog-detail{background:#f5f7fa}.blog-detail,.blog-detail-loading{min-height:100vh;padding-top:100px}.blog-detail-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.blog-detail-header{padding:30px 0}.btn-back-blog{align-items:center;background:#fff;border:2px solid #539ced;border-radius:10px;color:#539ced;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-back-blog:hover{background:#539ced;box-shadow:0 8px 20px #539ced4d;color:#fff;transform:translateY(-2px)}.blog-detail-content{margin:0 auto;max-width:900px;padding-bottom:80px}.blog-detail-image{border-radius:20px;box-shadow:0 10px 40px #0000001a;height:500px;margin-bottom:40px;overflow:hidden;width:100%}.blog-detail-image img{height:100%;object-fit:cover;width:100%}.blog-detail-body{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:60px}.blog-category{background:linear-gradient(135deg,#539ced,#ed8c5a);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.blog-title{color:#333;font-family:var(--font-heading);font-size:42px;font-weight:800;line-height:1.3;margin-bottom:25px}.blog-meta-info{border-bottom:2px solid #f0f0f0;border-top:2px solid #f0f0f0;display:flex;gap:30px;margin-bottom:30px;padding:20px 0}.meta-item{align-items:center;color:#666;display:flex;font-size:15px;font-weight:500;gap:8px}.meta-item svg{color:#539ced;font-size:18px}.blog-excerpt-detail{background:#f8f9fa;border-left:4px solid #539ced;border-radius:8px;color:#555;font-size:20px;font-weight:500;line-height:1.7;margin-bottom:40px;padding:25px}.blog-content{color:#444;font-size:18px;line-height:1.8}.blog-content p{margin-bottom:20px}.blog-content p:last-child{margin-bottom:0}.blog-content h2{font-size:32px;font-weight:700;margin:40px 0 20px}.blog-content h2,.blog-content h3{color:#333;font-family:var(--font-heading)}.blog-content h3{font-size:26px;font-weight:600;margin:30px 0 15px}.blog-content ol,.blog-content ul{margin:20px 0;padding-left:30px}.blog-content li{margin-bottom:10px}.blog-content a{color:#539ced;text-decoration:underline;transition:color .3s ease}.blog-content a:hover{color:#ed8c5a}.blog-content blockquote{background:#fff8f5;border-left:4px solid #ed8c5a;border-radius:8px;color:#555;font-style:italic;margin:30px 0;padding:20px 25px}.blog-content img{border-radius:12px;height:auto;margin:30px 0;max-width:100%}@media (max-width:768px){.blog-detail{padding-top:80px}.blog-detail-image{height:300px;margin-bottom:30px}.blog-detail-body{padding:30px 25px}.blog-title{font-size:28px}.blog-excerpt-detail{font-size:17px;padding:20px}.blog-content{font-size:16px}.blog-content h2{font-size:24px}.blog-content h3{font-size:20px}.blog-meta-info{flex-direction:column;gap:15px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#539ced,#ed8c5a);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px 40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{margin-bottom:40px;text-align:center}.admin-login-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.admin-login-header p{color:#666;font-size:16px}.admin-login-form{display:flex;flex-direction:column;gap:25px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease}.form-group input:focus{border-color:#539ced;box-shadow:0 0 0 3px #539ced1a}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:8px;font-size:14px;line-height:1.5;padding:12px 16px}.success-message{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.login-button{background:linear-gradient(135deg,#539ced,#ed8c5a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #539ced4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.setup-section{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:25px;text-align:center}.setup-text{color:#666;font-size:14px;font-weight:600;margin-bottom:15px}.setup-button{background:#fff;border:2px solid #539ced;border-radius:10px;color:#539ced;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.setup-button:hover:not(:disabled){background:#539ced;box-shadow:0 8px 20px #539ced4d;color:#fff;transform:translateY(-2px)}.setup-button-secondary{background:#fff;border:2px solid #ed8c5a;color:#ed8c5a}.setup-button-secondary:hover:not(:disabled){background:#ed8c5a;box-shadow:0 8px 20px #ed8c5a4d;color:#fff}.setup-button:disabled{cursor:not-allowed;opacity:.6}.setup-info{background:#f8f9fa;border-radius:8px;color:#888;font-size:12px;line-height:1.6;margin-top:15px;padding:12px}@media (max-width:768px){.admin-login-card{padding:40px 30px}.admin-login-header h1{font-size:28px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.bookings-manager{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:20px}.manager-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.view-switcher{background:#f5f5f5;border-radius:8px;display:flex;padding:4px}.view-switcher button{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.view-switcher button.active{background:#fff;box-shadow:0 2px 5px #0000001a;color:var(--primary)}.calendar-view-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr}.calendar-sidebar{background:#fcfcfc;border:1px solid #eee;border-radius:12px;padding:20px}.react-calendar{background:#0000!important;border:none!important;font-family:inherit!important;width:100%!important}.react-calendar__tile--active{background:var(--primary)!important;border-radius:8px}.react-calendar__tile--now{background:#ffe0e0!important;border-radius:8px;color:var(--primary)!important}.dot-badge{background:var(--primary);border-radius:50%;height:6px;margin:2px auto 0;width:6px}.date-details{background:#fff}.date-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.count-badge{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:.85rem;font-weight:600;padding:4px 12px}.bookings-list-mini{grid-gap:15px;display:grid;gap:15px}.booking-item-mini{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000005;display:flex;justify-content:space-between;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-item-mini:hover{border-color:#e2e8f0;box-shadow:0 10px 20px #0000000a;transform:translateY(-2px)}.btn-delete-small{align-items:center;background:#fff5f5;border:1.5px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.btn-delete-small:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444433;color:#fff}.btn-delete-small svg{font-size:1.1rem}.btn-edit-small{align-items:center;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;color:#0ea5e9;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.btn-edit-small:hover{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e933;color:#fff}.booking-info{align-items:center;display:flex;flex:1 1;gap:20px}.time-badge{background:#f0f0f0;border-radius:6px;font-size:.85rem;gap:5px;min-width:150px;padding:4px 10px}.patient-name,.time-badge{align-items:center;display:flex;font-weight:600}.patient-name{color:#333;gap:8px}.service-type{color:#666;font-size:.85rem}.list-view-container{overflow-x:auto}.bookings-table{border-collapse:collapse;width:100%}.bookings-table td,.bookings-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.bookings-table th{background:#f9f9f9;color:#555;font-size:.9rem;font-weight:600}.badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.badge-website{background:#dcfce7;color:#15803d}.badge-manual{background:#fef9c3;color:#a16207}.btn-icon{border:1px solid #e2e8f0;display:inline-flex;height:36px;transition:all .2s;width:36px}.btn-icon:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.btn-edit:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff!important}.btn-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-modal{animation:modalAppear .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h3{color:#1e293b;font-family:var(--font-heading);font-size:1.5rem;letter-spacing:-.02em;margin:0}.close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.admin-modal-form{overflow-y:auto;padding:32px}.form-section-title{align-items:center;color:var(--primary);display:flex;font-size:.75rem;font-weight:700;gap:10px;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}.form-section-title:after{background:#e2e8f0;content:"";flex:1 1;height:1px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:6px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.95rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #d4a5a533}.time-slot-selection{background:#f1f5f9;border-radius:16px;margin-bottom:32px;padding:24px}.slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.slot-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:4px;padding:12px;transition:all .2s}.slot-btn:hover:not(:disabled){background:snow;border-color:var(--primary);color:var(--primary)}.slot-btn.selected{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #d4a5a54d;color:#fff}.slot-btn.booked{background:#f1f5f9;border-style:dashed;color:#94a3b8;cursor:not-allowed}.modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:12px;padding:24px 32px}.btn-confirm{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #d4a5a533;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s}.btn-confirm:hover{box-shadow:0 6px 20px #d4a5a54d;transform:translateY(-2px)}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}@media (max-width:768px){.calendar-view-container,.form-grid{grid-template-columns:1fr}.admin-modal{border-radius:0;height:100%;max-height:100vh}}.admin-dashboard{background:#f5f7fa;min-height:100vh}.admin-header{background:linear-gradient(135deg,#539ced,#ed8c5a);box-shadow:0 4px 20px #0000001a;color:#fff;padding:30px 0}.admin-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 30px}.admin-header h1{font-size:32px;font-weight:700;margin-bottom:5px}.admin-header p{font-size:14px;opacity:.9}.admin-header-actions{display:flex;gap:15px}.btn-logout,.btn-primary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#fff;color:#539ced}.btn-primary:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.btn-logout{background:#fff3;border:2px solid #fff;color:#fff}.btn-logout:hover{background:#fff;color:#539ced}.admin-content{margin:0 auto;max-width:1400px;padding:40px 30px}.stats-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:30px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-card h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#539ced,#ed8c5a);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700}.blogs-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:30px}.blogs-table-container h2{color:#333;font-size:24px;font-weight:700;margin-bottom:25px}.blogs-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.blog-card:hover{border-color:#539ced;box-shadow:0 8px 25px #539ced26;transform:translateY(-3px)}.blog-card-image{background:#f0f0f0;height:200px;overflow:hidden;position:relative;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.status-badge{background:#fff;border-radius:20px;color:#333;font-size:12px;font-weight:600;padding:6px 14px;position:absolute;right:15px;text-transform:uppercase;top:15px}.status-badge.published{background:#4caf50;color:#fff}.status-badge.draft{background:#ff9800;color:#fff}.blog-card-content{padding:20px}.blog-card-content h3{-webkit-line-clamp:2;line-clamp:2;color:#333;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:10px}.blog-card-content h3,.blog-excerpt{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-excerpt{-webkit-line-clamp:3;line-clamp:3;color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.blog-meta{align-items:center;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;color:#888;display:flex;font-size:13px;justify-content:space-between;margin-bottom:15px;padding:15px 0}.blog-actions{display:flex;gap:10px}.btn-icon{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:18px;justify-content:center;padding:10px;transition:all .3s ease}.btn-view{color:#539ced}.btn-view:hover{background:#539ced;border-color:#539ced;color:#fff}.btn-edit{color:#ed8c5a}.btn-edit:hover{background:#ed8c5a;border-color:#ed8c5a;color:#fff}.btn-delete{color:#f44336}.btn-delete:hover{background:#f44336;border-color:#f44336;color:#fff}.empty-state{padding:60px 20px;text-align:center}.empty-state p{color:#666;font-size:18px;margin-bottom:25px}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#539ced;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.admin-header-content{align-items:flex-start;flex-direction:column}.admin-header-actions{flex-direction:column;width:100%}.btn-logout,.btn-primary{justify-content:center;width:100%}.blogs-grid{grid-template-columns:1fr}.admin-content{padding:20px 15px}}.blog-editor{background:#f5f7fa;min-height:100vh}.editor-header{background:linear-gradient(135deg,#539ced,#ed8c5a);box-shadow:0 4px 20px #0000001a;color:#fff;padding:30px 0}.editor-header-content{margin:0 auto;max-width:1200px;padding:0 30px}.btn-back{align-items:center;background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:15px;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#fff;color:#539ced}.editor-header h1{font-size:32px;font-weight:700}.editor-content{margin:0 auto;max-width:1200px;padding:40px 30px}.blog-form{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:40px}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:40px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{color:#333;font-size:20px;font-weight:700}.form-group,.form-section h2{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#539ced;box-shadow:0 0 0 3px #539ced1a}.form-group textarea{line-height:1.6;min-height:120px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.image-upload-container{display:flex;flex-direction:column;gap:20px}.image-preview{background:#f0f0f0;border:2px solid #e0e0e0;border-radius:12px;height:300px;max-width:600px;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-controls{align-items:center;display:flex;gap:15px}.btn-upload{align-items:center;background:linear-gradient(135deg,#539ced,#ed8c5a);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-upload:hover{box-shadow:0 8px 20px #539ced4d;transform:translateY(-2px)}.uploading-text{animation:pulse 1.5s ease-in-out infinite;color:#539ced;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:40px;padding-top:30px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 30px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:linear-gradient(135deg,#539ced,#ed8c5a);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 8px 20px #539ced4d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.blog-form{padding:25px 20px}.editor-content{padding:20px 15px}.form-actions{flex-direction:column}.btn-cancel,.btn-save{justify-content:center;width:100%}.image-preview{height:200px}}
/*# sourceMappingURL=main.28d213dc.css.map*/