:root{--touch-target-min: 44px;--mobile-padding: 16px;--mobile-spacing: 12px}@media (max-width: 640px){.admin-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;position:sticky;top:0;background:#fff;z-index:100;box-shadow:0 2px 8px #0000000d}.admin-header .logo{display:flex;align-items:center;gap:8px}.logout-btn-mobile{display:flex!important;align-items:center;gap:6px;padding:8px 14px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;transition:all .2s}.logout-btn-mobile:active{transform:scale(.96);background:#dc2626}.logout-btn-desktop{display:none!important}.main-navigation{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;scrollbar-width:none;-ms-overflow-style:none}.main-navigation::-webkit-scrollbar{display:none}.main-navigation .nav-item{flex-shrink:0;min-width:80px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;gap:4px}.main-navigation .nav-item svg{width:20px;height:20px}.main-navigation .nav-item span{font-size:11px;white-space:nowrap}}@media (min-width: 641px){.logout-btn-mobile{display:none!important}}@media (max-width: 640px){.admin-container,.dashboard-content{padding:var(--mobile-padding)}h1{font-size:24px;margin-bottom:16px}h2{font-size:20px;margin-bottom:12px}h3{font-size:18px;margin-bottom:10px}.dashboard-cards,.stats-grid,.cards-container{display:flex;flex-direction:column;gap:var(--mobile-spacing)}.card,.stat-card{width:100%;min-height:auto}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:var(--mobile-spacing)}}@media (max-width: 640px){button,.btn,a.button,.action-btn{min-height:44px;min-width:44px;padding:12px 20px;font-size:15px}.icon-btn,.btn-icon-only{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center}.button-group,.actions-group{flex-direction:column;gap:8px}.button-group button,.actions-group button{width:100%}.btn-secondary,.btn-outline{min-height:44px;padding:10px 16px;font-size:14px}}@media (max-width: 640px){.stat-card{padding:16px}.stat-card .icon{width:36px;height:36px}.stat-card .value{font-size:28px}.stat-card .label{font-size:13px}.crm-badge{font-size:11px;padding:4px 10px}}@media (max-width: 640px){.points-section{padding:16px}.points-value{font-size:36px}.progress-bar{height:8px}.board-columns{flex-direction:column;gap:16px}.board-column{width:100%;min-width:unset}.post-card{padding:14px}.post-card .title{font-size:15px}.post-card .description{font-size:13px;line-height:1.5}.post-card .actions{display:flex;flex-wrap:wrap;gap:8px}.post-card .actions button{flex:1;min-width:calc(50% - 4px);min-height:44px}.calendar-sync-card{padding:20px 16px}.calendar-sync-card .actions{flex-direction:column}.calendar-sync-card button{width:100%}}@media (max-width: 640px){.search-bar{width:100%;margin-bottom:16px}.search-bar input{width:100%;min-height:44px;padding:12px 16px;font-size:15px}.filters{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0;min-height:36px;padding:8px 16px;white-space:nowrap}.albums-grid{grid-template-columns:1fr!important;gap:16px}.album-card{width:100%}.album-card img{width:100%;height:200px;object-fit:cover}}@media (max-width: 640px){.clients-list{display:flex;flex-direction:column;gap:12px}.client-card{padding:16px}.client-card .avatar{width:48px;height:48px}.client-card .info{flex:1;min-width:0}.client-card .name{font-size:15px}.client-card .email,.client-card .phone{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card .actions{flex-direction:column;gap:6px}.client-card .actions button{width:100%;min-height:44px;font-size:13px}}@media (max-width: 640px){.settings-section{padding:16px;margin-bottom:16px}.settings-section h3{font-size:16px;margin-bottom:12px}input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px}.checkbox-label{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:44px}select,.select{width:100%;min-height:44px;padding:12px 16px;font-size:15px}.save-settings-btn{width:100%;min-height:50px;font-size:16px;font-weight:600}}@media (max-width: 640px){.modal-overlay{padding:16px}.modal-content{width:calc(100vw - 32px);max-width:none;max-height:90vh;overflow-y:auto}.modal-header,.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column-reverse;gap:10px}.modal-footer button{width:100%;min-height:48px}}@media (max-width: 640px){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=datetime-local],textarea{width:100%;min-height:44px;padding:12px 16px;font-size:16px}textarea{min-height:120px}label{font-size:14px;margin-bottom:6px;display:block}.form-group{margin-bottom:16px}}@media (max-width: 640px){.picker-dropdown{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:360px}.calendar-day{min-height:40px;font-size:15px}.time-input{min-height:48px;font-size:20px}}@media (max-width: 640px){table{display:block}thead{display:none}tbody{display:block}tr{display:block;margin-bottom:12px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}td{display:flex;justify-content:space-between;padding:8px 0;border:none}td:before{content:attr(data-label);font-weight:600;margin-right:12px}}@media (max-width: 640px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.mb-lg{margin-bottom:16px!important}.mt-lg{margin-top:16px!important}.p-lg{padding:16px!important}.text-responsive{font-size:14px}.full-width-mobile{width:100%!important}}@media (max-width: 640px){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea{font-size:16px!important}}@media (max-width: 640px){.admin-header{padding-top:max(12px,env(safe-area-inset-top))}.main-navigation{padding-bottom:max(12px,env(safe-area-inset-bottom))}.bottom-actions,.fixed-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@tailwind base;@tailwind components;@tailwind utilities;table{display:table!important;width:100%;border-collapse:collapse}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{display:table-row!important}td,th{display:table-cell!important}@layer base{:root{--accent-red: #dc2626}body{@apply font-sans antialiased bg-neutral-950 text-white;}h1,h2,h3,h4,h5,h6{@apply font-serif font-bold;}input,select,textarea,optgroup{color:inherit}.bg-white input,.bg-white select,.bg-white textarea,.bg-white button:not(.bg-red-600):not(.bg-red-700):not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not([class*=bg-neutral-900]),.bg-neutral-50 input,.bg-neutral-50 select,.bg-neutral-50 textarea,.bg-neutral-50 button:not(.bg-red-600):not(.bg-red-700):not(.bg-blue-600):not(.bg-green-600):not(.bg-orange-600):not([class*=bg-neutral-900]),input.text-neutral-900,select.text-neutral-900,textarea.text-neutral-900,input[class*=border-neutral],select[class*=border-neutral],textarea[class*=border-neutral],button.text-neutral-600,button.text-neutral-700,button.text-neutral-900{color:#171717!important}button.bg-red-600,button.bg-red-700,button.bg-blue-600,button.bg-green-600,button.bg-orange-600,button.bg-neutral-900{color:#fff!important}}.botm{padding-bottom:10px}@layer utilities{.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.text-balance{text-wrap:balance}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient 3s ease infinite}@keyframes gradientIntense{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-intense{background-size:200% 200%;animation:gradientIntense 2s ease-in-out infinite}@media (max-width: 767px){button.fixed.bottom-4.right-4{left:50%!important;right:auto!important;transform:translate(-50%)!important}}html{scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden}body{overflow-x:hidden}@keyframes pointsPopup{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}50%{opacity:1;transform:translate(-50%,-20px) scale(1)}to{opacity:0;transform:translate(-50%,-40px) scale(.8)}}.animate-points-popup{animation:pointsPopup 2s ease-out forwards}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@media (max-width: 768px){.art-box{width:50vw!important;height:40vh!important;opacity:.9}}@media (max-width: 768px){div[style*=paddingRight][style*=clamp]{padding-right:1.5rem!important;padding-left:1.5rem!important;text-align:center!important}div[style*=paddingRight][style*=clamp] .max-w-3xl{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}div[style*=paddingRight][style*=clamp] h3{text-align:center!important;font-size:28px!important;margin-bottom:16px!important}div[style*=paddingRight][style*=clamp] p{text-align:center!important;font-size:15px!important;line-height:1.6!important;margin-bottom:24px!important}div[style*=paddingRight][style*=clamp] .grid.grid-cols-2{grid-template-columns:1fr 1fr!important;gap:16px!important;justify-items:center!important;margin-bottom:32px!important}div[style*=paddingRight][style*=clamp] a.inline-flex[href="#contact"]{width:100%!important;max-width:100%!important;justify-content:center!important;min-height:50px!important;font-size:16px!important;display:flex!important}}@media (max-width: 480px){div[style*=paddingRight][style*=clamp] .grid.grid-cols-2{grid-template-columns:1fr!important;gap:12px!important}}.modern-datetime-picker{position:relative}.modern-datetime-picker label{display:block;margin-bottom:8px;font-weight:500;color:#333}.datetime-wrapper{width:100%}.datetime-wrapper input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.datetime-wrapper input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.custom-calendar{border:none!important;box-shadow:0 10px 40px #00000026!important;border-radius:12px!important;font-family:inherit!important}.react-datepicker__header{background-color:#2563eb!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;padding:16px 0!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important;font-weight:600!important}.react-datepicker__day--selected{background-color:#2563eb!important;color:#fff!important;border-radius:8px!important}.react-datepicker__day:hover{background-color:#e5e7eb!important;border-radius:8px!important}.react-datepicker__day--today{font-weight:700!important;border:2px solid #2563eb!important;border-radius:8px!important}.react-datepicker__time-container{border-left:1px solid #e0e0e0!important}.react-datepicker__time-caption{font-weight:600!important;color:#2563eb!important}.react-datepicker__time-list-item--selected{background-color:#2563eb!important;color:#fff!important}.react-datepicker__time-list-item:hover{background-color:#e5e7eb!important}.react-datepicker__navigation{top:18px!important}.react-datepicker__navigation-icon:before{border-color:#fff!important}.academy-root{--academy-font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--academy-font-display: "Playfair Display", serif;--academy-color-bg: #fafafa;--academy-color-bg-alt: #ffffff;--academy-color-text: #1a1a1a;--academy-color-text-muted: #6b6b6b;--academy-color-text-light: #9a9a9a;--academy-color-border: #e5e5e5;--academy-color-border-light: #f0f0f0;--academy-color-accent: #d4af37;--academy-color-accent-hover: #c4a027;--academy-color-accent-light: #f5e6c8;--academy-space-xs: .5rem;--academy-space-sm: 1rem;--academy-space-md: 1.5rem;--academy-space-lg: 2rem;--academy-space-xl: 3rem;--academy-space-2xl: 4rem;--academy-space-3xl: 6rem;--academy-space-4xl: 8rem;--academy-text-xs: .75rem;--academy-text-sm: .875rem;--academy-text-base: 1rem;--academy-text-lg: 1.125rem;--academy-text-xl: 1.25rem;--academy-text-2xl: 1.5rem;--academy-text-3xl: 2rem;--academy-text-4xl: 2.5rem;--academy-text-5xl: 3rem;--academy-text-6xl: 3.75rem;--academy-text-7xl: 4.5rem;--academy-radius-sm: .25rem;--academy-radius-md: .5rem;--academy-radius-lg: .75rem;--academy-radius-xl: 1rem;--academy-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03);--academy-shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .04);--academy-shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .05);--academy-transition-fast: .15s ease;--academy-transition-base: .25s ease;--academy-transition-slow: .4s ease;--academy-container-sm: 640px;--academy-container-md: 768px;--academy-container-lg: 1024px;--academy-container-xl: 1280px;--academy-container-2xl: 1400px}.academy-root *{box-sizing:border-box}.academy-root{font-family:var(--academy-font-primary);background-color:var(--academy-color-bg);color:var(--academy-color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.academy-root{scroll-behavior:smooth}.academy-root h1,.academy-root h2,.academy-root h3,.academy-root h4,.academy-root h5,.academy-root h6{font-family:var(--academy-font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--academy-color-text)}.academy-root p{color:var(--academy-color-text-muted);line-height:1.7}.academy-root a{color:var(--academy-color-text);text-decoration:none;transition:color var(--academy-transition-fast)}.academy-root a:hover{color:var(--academy-color-accent)}.academy-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--academy-space-sm);padding:var(--academy-space-sm) var(--academy-space-lg);font-size:var(--academy-text-base);font-weight:500;border-radius:var(--academy-radius-md);transition:all var(--academy-transition-base);cursor:pointer;border:none;outline:none}.academy-btn-primary{background-color:var(--academy-color-text);color:var(--academy-color-bg-alt)}.academy-btn-primary:hover{background-color:var(--academy-color-accent);color:var(--academy-color-text);transform:translateY(-1px);box-shadow:var(--academy-shadow-md)}.academy-btn-secondary{background-color:transparent;color:var(--academy-color-text);border:1px solid var(--academy-color-border)}.academy-btn-secondary:hover{border-color:var(--academy-color-text);background-color:var(--academy-color-bg-alt)}.academy-container{width:100%;max-width:var(--academy-container-2xl);margin-left:auto;margin-right:auto;padding-left:var(--academy-space-lg);padding-right:var(--academy-space-lg)}@media (min-width: 768px){.academy-container{padding-left:var(--academy-space-xl);padding-right:var(--academy-space-xl)}}.academy-section{padding-top:var(--academy-space-4xl);padding-bottom:var(--academy-space-4xl)}@media (max-width: 768px){.academy-section{padding-top:var(--academy-space-3xl);padding-bottom:var(--academy-space-3xl)}}.academy-separator{height:1px;background-color:var(--academy-color-border);border:none;margin:0}@keyframes academy-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.academy-fade-in{animation:academy-fade-in .6s ease-out}html{scroll-behavior:smooth;scroll-padding-top:80px}