.feature-block .icon-box .icon-frame svg{fill:#fff!important;stroke:none!important;stroke-width:0!important}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:2px solid transparent;border-radius:var(--radius-soft);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition);text-decoration:none;font-family:inherit;line-height:1.5;position:relative;overflow:hidden}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--primary{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-soft)}.ui-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow);filter:brightness(1.05)}.ui-button--secondary{background:var(--gradient-fresh);color:var(--text-dark);border-color:var(--mint)}.ui-button--secondary:hover:not(:disabled){background:var(--gradient-soft);transform:translateY(-1px)}.ui-button--outline{background:transparent;color:var(--text-dark);border-color:var(--pink)}.ui-button--outline:hover:not(:disabled){background:var(--pink-light);color:var(--text-dark)}.ui-button--ghost{background:transparent;color:var(--text-medium);border-color:transparent}.ui-button--ghost:hover:not(:disabled){background:var(--mint-light);color:var(--text-dark)}.ui-button--danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-color:transparent}.ui-button--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow);filter:brightness(1.1)}.ui-button--small{padding:8px 16px;font-size:.85rem;gap:6px}.ui-button--medium{padding:12px 24px;font-size:.95rem}.ui-button--large{padding:16px 32px;font-size:1.1rem;gap:10px}.ui-button--full-width{width:100%}.ui-button--loading{pointer-events:none}.ui-button__spinner{position:absolute;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-button__icon{display:inline-flex;align-items:center;font-size:1.1em}.ui-button__icon--left{order:-1}.ui-button__icon--right{order:1}.ui-button__content{display:inline-flex;align-items:center}.ui-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;padding:20px}.ui-modal-container{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-strong);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.ui-modal-container--small{max-width:400px}.ui-modal-container--medium{max-width:600px}.ui-modal-container--large{max-width:900px}.ui-modal-container--full{max-width:95vw;max-height:95vh}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:2px solid var(--mint-light);background:var(--gradient-soft);flex-shrink:0}.ui-modal-title{margin:0;font-size:1.5rem;color:var(--text-dark);background:linear-gradient(135deg,var(--mint-dark) 0%,var(--mint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ui-modal-close{background:transparent;border:none;font-size:2rem;color:var(--text-light);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-soft);transition:var(--transition);line-height:1}.ui-modal-close:hover{background:var(--pink-light);color:var(--text-dark);transform:rotate(90deg)}.ui-modal-content{padding:30px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:25px 30px;border-top:2px solid var(--mint-light);background:var(--bg-white);flex-shrink:0}@media(max-width:768px){.ui-modal-overlay{padding:10px}.ui-modal-container{max-width:100%;max-height:95vh}.ui-modal-header{padding:20px}.ui-modal-title{font-size:1.2rem}.ui-modal-content{padding:20px}.ui-modal-footer{flex-direction:column;padding:20px}}.ui-tabs{width:100%;display:flex;flex-direction:column}.ui-tabs__header{display:flex;border-bottom:1px solid var(--border-color, #e2e8f0);margin-bottom:24px;gap:24px;overflow-x:auto}.ui-tabs__tab{background:none;border:none;padding:12px 4px;font-size:.95rem;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.ui-tabs__tab:hover:not(.ui-tabs__tab--disabled){color:var(--primary-color, #3b82f6)}.ui-tabs__tab--active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);font-weight:600}.ui-tabs__tab--disabled{opacity:.5;cursor:not-allowed}.ui-tabs__content{flex:1}.ui-tabs__panel{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-table-wrapper{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:.95rem}.ui-table-header{background:var(--gradient-fresh)}.ui-table-header-cell{padding:16px 20px;text-align:left;font-weight:700;color:var(--text-dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--mint)}.ui-table-header-cell--left{text-align:left}.ui-table-header-cell--center{text-align:center}.ui-table-header-cell--right{text-align:right}.ui-table-body{background:var(--bg-white)}.ui-table-row--clickable{cursor:pointer}.ui-table-cell{padding:16px 20px;border-bottom:1px solid var(--mint-light);color:var(--text-medium);font-weight:500}.ui-table-cell--left{text-align:left}.ui-table-cell--center{text-align:center}.ui-table-cell--right{text-align:right}.ui-table--striped .ui-table-body tr:nth-child(2n){background:var(--mint-soft)}.ui-table--hoverable .ui-table-body tr:hover{background:var(--mint-light);transition:var(--transition)}.ui-table-row--clickable:hover{background:var(--mint-light)!important;transform:scale(1.01)}.ui-table-loading,.ui-table-empty{padding:60px 20px;text-align:center;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.ui-table-loading p,.ui-table-empty p{color:var(--text-light);font-size:1rem;margin:0}@media(max-width:768px){.ui-table-wrapper{overflow-x:auto}.ui-table{min-width:600px}.ui-table-header-cell,.ui-table-cell{padding:12px 15px;font-size:.85rem}}.ui-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-fresh);color:var(--text-dark);font-weight:700;flex-shrink:0;overflow:hidden}.ui-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ui-avatar__icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.ui-avatar__initials{font-size:.6em;font-weight:800;letter-spacing:.5px}.ui-avatar--small{width:32px;height:32px;font-size:.75rem}.ui-avatar--medium{width:48px;height:48px;font-size:1rem}.ui-avatar--large{width:64px;height:64px;font-size:1.2rem}.ui-avatar--xlarge{width:96px;height:96px;font-size:1.5rem}.ui-avatar--circle{border-radius:50%}.ui-avatar--square{border-radius:var(--radius-soft)}.ui-avatar--rounded{border-radius:12px}.ui-avatar__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid white;border-radius:50%}.ui-avatar--small .ui-avatar__status{width:8px;height:8px;border-width:1.5px}.ui-avatar--large .ui-avatar__status,.ui-avatar--xlarge .ui-avatar__status{width:16px;height:16px;border-width:3px}.ui-avatar__status--online{background:#10b981}.ui-avatar__status--offline{background:#9ca3af}.ui-avatar__status--away{background:#f59e0b}.ui-avatar__status--busy{background:#ef4444}.ui-input-wrapper{display:flex;flex-direction:column;gap:8px}.ui-input-wrapper--full-width{width:100%}.ui-input-label{font-size:.85rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.ui-input-required{color:#ef4444;margin-left:4px}.ui-input-container{position:relative;display:flex;align-items:center}.ui-input,.ui-textarea{width:100%;padding:12px 16px;border:2px solid var(--mint-light);border-radius:var(--radius-soft);font-size:.95rem;font-weight:600;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);font-family:inherit}.ui-textarea{resize:vertical;min-height:100px;line-height:1.6}.ui-input:focus,.ui-textarea:focus{outline:none;border-color:var(--mint-dark);box-shadow:0 0 0 3px var(--mint-light)}.ui-input::-moz-placeholder,.ui-textarea::-moz-placeholder{color:var(--text-soft);font-weight:500}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-soft);font-weight:500}.ui-input:disabled,.ui-textarea:disabled{background:var(--mint-soft);cursor:not-allowed;opacity:.6}.ui-input--with-icon{padding-left:44px}.ui-input--icon-right{padding-left:16px;padding-right:44px}.ui-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:100%;color:var(--text-light);pointer-events:none;font-size:1.1rem}.ui-input-icon--left{left:0}.ui-input-icon--right{right:0}.ui-input--error,.ui-textarea--error{border-color:#ef4444}.ui-input--error:focus,.ui-textarea--error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-input-error{font-size:.8rem;color:#ef4444;font-weight:600;display:flex;align-items:center;gap:4px}.ui-input-helper{font-size:.8rem;color:var(--text-light);font-weight:500}.ui-input--full-width,.ui-textarea--full-width{width:100%}.ui-select-wrapper{display:flex;flex-direction:column;gap:8px}.ui-select-wrapper--full-width{width:100%}.ui-select-label{font-size:.85rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.ui-select-required{color:#ef4444;margin-left:4px}.ui-select{width:100%;padding:12px 16px;border:2px solid var(--mint-light);border-radius:var(--radius-soft);font-size:.95rem;font-weight:600;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-light) 50%),linear-gradient(135deg,var(--text-light) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 4px),calc(100% - 12px) calc(50% - 4px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.ui-select:focus{outline:none;border-color:var(--mint-dark);box-shadow:0 0 0 3px var(--mint-light)}.ui-select:disabled{background:var(--mint-soft);cursor:not-allowed;opacity:.6}.ui-select--error{border-color:#ef4444}.ui-select--error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-select-error{font-size:.8rem;color:#ef4444;font-weight:600;display:flex;align-items:center;gap:4px}.ui-select-helper{font-size:.8rem;color:var(--text-light);font-weight:500}:root{--pink: #FFB4D4;--pink-light: #FFE0ED;--pink-dark: #FF8BB8;--pink-soft: #FFF0F7;--yellow: #FFE5A0;--yellow-light: #FFF8E5;--yellow-dark: #FFD966;--yellow-soft: #FFFBF0;--orange: #FFB88C;--orange-light: #FFE5D4;--orange-dark: #FF9A6B;--mint: #B8E6D4;--mint-light: #E5F5ED;--mint-dark: #8FD4B8;--mint-soft: #F0FAF7;--cream: #FFF9F0;--cream-light: #FFFCF7;--cream-dark: #FFE8D6;--text-dark: #2D1B1E;--text-medium: #5A3D42;--text-light: #8B6B70;--text-soft: #B89BA0;--bg-cream: #FFF9F0;--bg-white: #FFFFFF;--bg-soft: #FFFCF7;--shadow: 0 4px 20px rgba(255, 180, 212, .12);--shadow-lg: 0 8px 40px rgba(255, 180, 212, .18);--shadow-soft: 0 2px 10px rgba(255, 180, 212, .08);--shadow-color: 0 4px 25px rgba(255, 180, 212, .25);--shadow-warm: 0 6px 30px rgba(255, 154, 107, .15);--footer-bg: #2D1B1E;--radius: 24px;--radius-lg: 32px;--radius-full: 9999px;--radius-soft: 16px;--gradient-primary: linear-gradient(135deg, var(--pink) 0%, var(--orange) 50%, var(--yellow) 100%);--gradient-soft: linear-gradient(135deg, var(--pink-light) 0%, var(--yellow-light) 100%);--gradient-warm: linear-gradient(135deg, var(--orange-light) 0%, var(--yellow-light) 100%);--gradient-fresh: linear-gradient(135deg, var(--mint-light) 0%, var(--pink-light) 100%);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--badge-success-bg: var(--mint-light);--badge-success-text: #065F46;--badge-warning-bg: var(--yellow-light);--badge-warning-text: #92400E;--badge-info-bg: #DBEAFE;--badge-info-text: #1E40AF;--badge-new-bg: var(--pink-light);--badge-new-text: var(--pink-dark)}[data-theme=dark]{--bg-cream: #1a1517;--bg-white: #221c1e;--bg-soft: #2a2325;--pink-light: #4a2c36;--pink-soft: #2d1b22;--mint-light: #1c3329;--mint-soft: #162620;--yellow-light: #423820;--yellow-soft: #2b2515;--orange-light: #4a3525;--cream-light: #2a2325;--text-dark: #f5e6e8;--text-medium: #e0d0d3;--text-light: #b89ba0;--text-soft: #8b6b70;--footer-bg: #1a1517;--shadow: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .45);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .25);--shadow-color: 0 4px 25px rgba(255, 180, 212, .15);--shadow-warm: 0 6px 30px rgba(0, 0, 0, .3);--scrollbar-track: #2a2325;--scrollbar-thumb: linear-gradient(135deg, var(--pink-dark) 0%, var(--mint-dark) 100%);--badge-success-bg: rgba(6, 95, 70, .3);--badge-success-text: #6ee7b7;--badge-warning-bg: rgba(146, 64, 14, .3);--badge-warning-text: #fcd34d;--badge-info-bg: rgba(30, 64, 175, .3);--badge-info-text: #93c5fd;--badge-new-bg: rgba(255, 180, 212, .2);--badge-new-text: #ffb4d4}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}[data-theme=dark] .modal-content::-webkit-scrollbar-track,[data-theme=dark] .dashboard-sidebar::-webkit-scrollbar-track{background:var(--bg-soft)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg-cream);color:var(--text-dark);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--text-soft);border-radius:8px;border:2px solid transparent;background-clip:padding-box;-webkit-transition:var(--transition);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--text-light);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--pink) var(--mint-light)}.modal-content::-webkit-scrollbar,.dashboard-sidebar::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.dashboard-sidebar::-webkit-scrollbar-track{background:var(--mint-soft);border-radius:10px;margin:10px 0}.modal-content::-webkit-scrollbar-thumb,.dashboard-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--mint) 0%,var(--pink) 100%);border-radius:10px;border:1px solid transparent}.modal-content::-webkit-scrollbar-thumb:hover,.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--mint-dark) 0%,var(--pink-dark) 100%)}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;color:var(--text-dark)}h1{font-size:clamp(2.5rem,5vw,3.8rem);line-height:1.1}h2{font-size:clamp(2rem,4vw,2.8rem);line-height:1.2}h3{font-size:clamp(1.5rem,3vw,1.8rem);line-height:1.3}p{color:var(--text-medium);font-size:1.05rem}.page-wrapper .sec-title h2{font-size:48px;line-height:1.2em;color:#4b4342;font-weight:500}.page-wrapper .sec-title .divider{margin-bottom:5px}.page-wrapper .portfolio-section{padding:30px 0 85px}.page-wrapper .portfolio-section .row{margin:0 -10px}.page-wrapper .portfolio-block{padding:0 10px;margin-bottom:20px}.page-wrapper .portfolio-block .image img{display:block;width:100%;height:auto;max-height:none}.page-wrapper .portfolio-block .portfolio-hover h3{font-size:24px;font-weight:500;color:#4b4342}.page-wrapper .portfolio-block .portfolio-hover h3 a{color:#4b4342}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{width:100%;max-width:100%;padding:0 40px}.header{background:var(--bg-white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;width:100%;max-width:100%}.logo-section{display:flex;align-items:center;gap:15px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-image{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.logo-icon{font-size:2.5rem}.logo-text{font-size:1.6rem;font-weight:800;color:var(--text-dark);white-space:nowrap}.logo-text span{color:var(--pink)}.nav{display:flex;gap:35px}.nav-link{text-decoration:none;color:var(--text-medium);font-weight:600;padding:10px 0;position:relative;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--text-dark)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--yellow));border-radius:4px}.header-actions{display:flex;align-items:center;gap:15px}.theme-toggle{width:42px;height:42px;border-radius:var(--radius-soft);border:2px solid var(--pink-light);background:var(--bg-white);color:var(--text-dark);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-soft);flex-shrink:0}.theme-toggle:hover{border-color:var(--pink);background:var(--pink-light);transform:scale(1.05)}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px}.header-actions.logged-in{gap:14px;flex-wrap:wrap}.header-actions.logged-in .btn{text-decoration:none;font-weight:600;border-radius:var(--radius-soft);transition:transform .2s,box-shadow .2s}.header-actions.logged-in .btn:hover{transform:translateY(-1px)}.header-actions.logged-in .btn-ghost{color:var(--text-dark)}.header-actions.logged-in .btn-ghost:hover{color:var(--pink)}.header-actions .user-info{font-size:.9rem;color:var(--text-medium);font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-screen p{color:var(--text-medium);font-size:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--bg-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn span{width:28px;height:3px;background:var(--text-dark);border-radius:3px;transition:.3s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:var(--radius-full);font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s;border:none;font-size:1rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-color);font-weight:700;letter-spacing:.01em}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-warm);filter:brightness(1.05)}.btn-secondary{background:var(--mint);color:var(--text-dark)}.btn-secondary:hover{background:var(--mint-dark);transform:translateY(-3px)}.btn-outline{background:transparent;color:var(--text-dark);border:3px solid var(--pink)}.btn-outline:hover{background:var(--pink);color:#fff}.btn-ghost{background:transparent;color:var(--text-medium);border:none}.btn-ghost:hover{color:var(--pink);background:var(--pink-light)}.btn-small{padding:10px 20px;font-size:.9rem}.btn-large{padding:18px 40px;font-size:1.1rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start;padding:120px 60px;margin:0 auto;min-height:calc(100vh - 80px);position:relative;overflow:hidden}.hero-content{position:relative;z-index:10;max-width:650px;margin-left:0;padding-left:0;padding-top:40px}.hero h1,.hero p{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero p{color:#fffffff2;font-size:1.25rem;margin-bottom:35px}.hero-content h1{opacity:0;animation:fadeInUp .8s ease-out forwards .2s}.hero-content p{opacity:0;animation:fadeInUp .8s ease-out forwards .4s}.hero-buttons{display:flex;gap:20px;opacity:0;animation:fadeInUp .8s ease-out forwards .6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:none}.hero-highlight:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:2px;opacity:.3}.hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;padding:20px 40px 40px;z-index:10;opacity:0;animation:fadeInRight 1s ease-out forwards .8s}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-image-container{position:relative;width:350px;height:350px;flex-shrink:0}.hero-logo{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-lg);animation:float 4s ease-in-out infinite}.hero-decoration{position:absolute;font-size:2.5rem;animation:bounce 2s ease-in-out infinite;z-index:2}.hero-decoration:nth-child(2){top:-10px;right:20px;animation-delay:.2s}.hero-decoration:nth-child(3){bottom:40px;right:-10px;animation-delay:.4s}.hero-decoration:nth-child(4){bottom:10px;left:20px;animation-delay:.6s}.hero-decoration:nth-child(5){top:30px;left:-10px;animation-delay:.8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-badge{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,var(--yellow),var(--orange));color:var(--text-dark);padding:15px 20px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);z-index:3}.badge-number{display:block;font-size:1.8rem;font-weight:800}.badge-text{font-size:.9rem;font-weight:600}.values-strip{background:linear-gradient(135deg,var(--pink-soft) 0%,var(--yellow-light) 50%,var(--mint-soft) 100%);padding:48px 0;border-top:1px solid rgba(255,180,212,.2);border-bottom:1px solid rgba(255,180,212,.2)}.values-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:center}.values-strip-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,180,212,.25);transition:var(--transition)}.values-strip-item:hover{background:#ffffffe6;border-color:var(--pink-light);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.values-strip-icon{font-size:1.6rem;line-height:1}.values-strip-line{font-size:1rem;font-weight:700;color:var(--text-dark);letter-spacing:-.01em}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.8rem;color:var(--text-dark);margin-bottom:15px}.section-header p{color:var(--text-medium);font-size:1.15rem}.featured-section.featured-carousel-section{padding:100px 0}.carousel-wrap{position:relative;display:flex;align-items:center;gap:12px;margin:0 -20px}.carousel-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:2px solid var(--pink-light);background:var(--bg-white);color:var(--text-dark);font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-soft)}.carousel-btn:hover{border-color:var(--pink);background:var(--pink-light);color:var(--pink-dark);transform:scale(1.05)}.carousel-btn span{margin-top:-2px}.carousel{flex:1;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:16px 8px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 min(340px,85vw);scroll-snap-align:center;scroll-snap-stop:always}.carousel-card-inner{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition);border:1px solid rgba(255,180,212,.2);height:100%;display:flex;flex-direction:column}.carousel-card-inner:hover{box-shadow:var(--shadow-lg);border-color:var(--pink-light);transform:translateY(-4px)}.carousel-card-visual{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,var(--pink-soft) 0%,var(--yellow-light) 50%,var(--mint-soft) 100%);font-size:5rem;position:relative}.carousel-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.4) 100%);pointer-events:none}.carousel-card-body{padding:28px 24px 24px;flex:1;display:flex;flex-direction:column;gap:10px}.carousel-card-body h3{font-size:1.35rem;color:var(--text-dark);margin:0;letter-spacing:-.02em}.carousel-card-body>p{color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0;flex:1}.carousel-card-price{font-size:.8rem;color:var(--text-soft);font-weight:500;margin-top:4px}.carousel-card-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.95rem;text-decoration:none;background:transparent;color:var(--pink-dark);border:2px solid var(--pink-light);transition:var(--transition)}.carousel-card-cta:hover{background:var(--gradient-soft);border-color:var(--pink);color:var(--text-dark)}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:28px}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--pink-light);cursor:pointer;transition:var(--transition)}.carousel-dot:hover{background:var(--pink);transform:scale(1.2)}.carousel-dot.active{background:var(--pink-dark);width:28px;border-radius:5px}.section-cta{text-align:center;margin-top:50px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition);border:2px solid transparent}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--pink-light)}.product-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink-light),var(--yellow-light));font-size:5rem}.product-info{padding:25px}.product-info h3{font-size:1.3rem;color:var(--text-dark);margin-bottom:8px}.product-info p{color:var(--text-light);font-size:.95rem;margin-bottom:15px}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.4rem;font-weight:800;color:var(--pink-dark)}.features-section{padding:100px 0;background:var(--bg-white)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature-card{text-align:center;padding:40px 25px;background:var(--gradient-soft);border-radius:var(--radius);transition:var(--transition);border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);border-color:var(--pink);box-shadow:var(--shadow-soft)}.feature-icon{font-size:3.5rem;margin-bottom:20px}.feature-card h3{color:var(--text-dark);margin-bottom:12px;font-size:1.2rem}.feature-card p{color:var(--text-medium);font-size:.95rem}.cta-section{background:var(--gradient-primary);padding:100px 0;position:relative;overflow:hidden}.cta-section:before{content:"🧁";position:absolute;font-size:15rem;opacity:.1;top:-50px;right:-50px}.cta-content{text-align:center;color:#fff;position:relative;z-index:1}.cta-content h2{font-size:2.8rem;margin-bottom:15px}.cta-content p{font-size:1.2rem;margin-bottom:35px;opacity:.95}.cta-section .btn-primary{background:var(--bg-white);color:var(--pink-dark)}.cta-section .btn-primary:hover{background:var(--yellow-light)}.page-hero{background:var(--gradient-fresh);padding:100px 0;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,180,212,.1) 0%,transparent 50%);pointer-events:none}.page-hero h1{font-size:3.2rem;color:var(--text-dark);margin-bottom:15px}.page-hero p{font-size:1.25rem;color:var(--text-medium)}.products-section{padding:70px 0}.categories{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.category-btn{padding:12px 28px;border:3px solid var(--pink);background:transparent;color:var(--text-dark);border-radius:var(--radius-full);cursor:pointer;font-weight:700;transition:all .3s}.category-btn:hover,.category-btn.active{background:var(--pink);color:#fff}.story-section{padding:100px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-content h2{font-size:2.8rem;color:var(--text-dark);margin-bottom:25px}.story-content p{margin-bottom:18px;color:var(--text-medium);font-size:1.1rem}.story-image .image-placeholder{font-size:18rem;text-align:center}.timeline-section{padding:100px 0;background:var(--gradient-soft)}.timeline-section h2{text-align:center;font-size:2.8rem;color:var(--text-dark);margin-bottom:60px}.timeline{display:flex;justify-content:space-between;position:relative}.timeline:before{content:"";position:absolute;top:25px;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--pink),var(--mint),var(--yellow));border-radius:5px}.timeline-item{text-align:center;position:relative;flex:1}.timeline-year{width:50px;height:50px;background:var(--bg-white);color:var(--text-dark);border:4px solid var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;margin:0 auto 25px;position:relative;z-index:1}.timeline-content h3{color:var(--text-dark);margin-bottom:8px}.timeline-content p{color:var(--text-medium);font-size:.95rem}.values-section{padding:100px 0}.values-section h2{text-align:center;font-size:2.8rem;color:var(--text-dark);margin-bottom:60px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.value-card{text-align:center;padding:40px 25px;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--pink)}.value-icon{font-size:3.5rem;margin-bottom:20px}.value-card h3{color:var(--text-dark);margin-bottom:12px}.value-card p{color:var(--text-medium)}.team-section{padding:100px 0;background:var(--bg-white)}.team-section h2{text-align:center;font-size:2.8rem;color:var(--text-dark);margin-bottom:60px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.team-card{text-align:center}.team-image{width:160px;height:160px;background:linear-gradient(135deg,var(--pink-light),var(--mint-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4.5rem;margin:0 auto 25px;border:5px solid var(--bg-white);box-shadow:var(--shadow)}.team-card h3{color:var(--text-dark);margin-bottom:5px}.team-card p{color:var(--pink-dark);font-weight:600}.contact-section{padding:100px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.contact-form-wrapper h2{font-size:2.2rem;color:var(--text-dark);margin-bottom:35px}.contact-form{background:var(--bg-white);padding:45px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;font-weight:700;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:15px 20px;border:3px solid var(--pink-light);border-radius:var(--radius);font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--pink)}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--gradient-soft);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.info-card h3{color:var(--text-dark);margin-bottom:15px;font-size:1.1rem}.info-card p{color:var(--text-medium);margin-bottom:8px}.branches-section{padding:100px 0;background:var(--bg-white)}.branches-section h2{text-align:center;font-size:2.8rem;color:var(--text-dark);margin-bottom:60px}.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.branch-card{padding:35px;background:var(--gradient-fresh);border-radius:var(--radius);text-align:center;border:3px solid var(--mint);box-shadow:var(--shadow-soft);transition:var(--transition)}.branch-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.branch-card h3{color:var(--text-dark);margin-bottom:20px}.branch-card p{color:var(--text-medium);margin-bottom:10px}.footer{background:var(--footer-bg);color:#fff;padding:80px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px}.footer-section h4{color:var(--pink);margin-bottom:25px;font-size:1.2rem}.footer-section p{color:var(--mint-light);margin-bottom:12px;font-size:.95rem}.footer-section a{display:block;color:var(--mint-light);text-decoration:none;margin-bottom:12px;transition:color .3s}.footer-section a:hover{color:var(--pink)}.social-links{display:flex;gap:15px}.social-links a{width:45px;height:45px;background:var(--text-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:background .3s}.social-links a:hover{background:var(--pink)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--text-medium)}.footer-bottom p{color:var(--text-light);font-size:.9rem}.main-footer .footer-logo.logo.logo-circle{width:192px;height:192px}.login-section{position:relative;z-index:2;padding-top:40px;padding-bottom:80px;min-height:50vh}.login-section .auto-container{max-width:1200px;margin:0 auto;padding:0 20px}.login-section .margin-bottom-30{margin-bottom:36px!important}.login-section .sec-title{margin-bottom:32px!important}.login-section .sec-title .divider{margin-bottom:16px}.login-section .sec-title h2{margin-bottom:12px!important}.login-section .sec-title .text{margin-top:8px}.login-section .margin-bottom-20{margin-bottom:24px!important}.login-section .login-form{position:relative;z-index:2;margin-top:8px}.login-section .login-form .form-group{margin-bottom:22px!important}.login-section .login-form .form-group:last-of-type{margin-bottom:0}.login-section .login-form .clearfix{margin-bottom:28px!important}.login-section .login-form .pull-right{margin-top:-8px}.login-section .theme-btn span,.login-section .theme-btn:before,.login-section .theme-btn:after{display:none!important}.login-section .theme-btn{padding:12px 28px;overflow:visible;min-height:auto;background-color:#5fcac7!important;border:none!important;border-radius:30px!important;color:#fff!important}.login-section .theme-btn:hover{background-color:#4b4342!important;color:#fff!important}.login-section .theme-btn.btn-style-two{background-color:transparent!important;border:3px solid #4b4342!important;color:#4b4342!important}.login-section .theme-btn.btn-style-two:hover{background-color:#4b4342!important;color:#fff!important}.login-section .social-btn{margin-left:auto;margin-right:auto;max-width:320px}.login-section .theme-btn b{position:relative;z-index:2}.page-wrapper:has(.login-section){overflow-x:hidden}.page-wrapper:has(.login-section) .login-section{padding-bottom:100px}.login-page{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1fr 1fr}.login-visual{display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-visual:before{display:none}@keyframes pulse-bg{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-visual-content{text-align:center;color:#fff;position:relative;z-index:10}.login-logo-img{width:180px;height:180px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:6px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0003;margin-bottom:30px;animation:float 4s ease-in-out infinite}.login-visual-content h2{font-size:3rem;font-weight:800;margin-bottom:10px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.login-visual-content>p{font-size:1.3rem;opacity:.95;margin-bottom:50px}.login-features{display:flex;flex-direction:column;gap:18px}.login-feature{display:flex;align-items:center;gap:15px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:var(--radius-full);font-weight:600;font-size:1rem}.login-feature .feature-icon{font-size:1.5rem}.floating-sweets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sweet{position:absolute;font-size:3rem;opacity:.4;animation:float-around 15s linear infinite}.sweet-1{top:10%;left:10%;animation-delay:0s}.sweet-2{top:20%;right:15%;animation-delay:-3s}.sweet-3{bottom:30%;left:5%;animation-delay:-6s}.sweet-4{bottom:15%;right:10%;animation-delay:-9s}.sweet-5{top:50%;left:50%;animation-delay:-12s}@keyframes float-around{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(10deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(30px) rotate(-10deg)}}.login-form-section{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--bg-cream)}.login-form-container{width:100%;max-width:420px}.login-header{margin-bottom:35px}.login-tabs{display:flex;background:var(--pink-light);border-radius:var(--radius-full);padding:6px;margin-bottom:20px}.login-tab{flex:1;padding:14px 20px;border:none;background:transparent;border-radius:var(--radius-full);font-weight:700;font-size:1rem;color:var(--text-medium);cursor:pointer;transition:all .3s}.login-tab.active{background:var(--bg-white);color:var(--text-dark);box-shadow:0 4px 15px #0000001a}.login-tabs.single{justify-content:center}.login-tabs.single .login-tab{cursor:default;flex:none;padding:14px 40px}.login-subtitle{color:var(--text-medium);font-size:.95rem;text-align:center}.input-group{position:relative;margin-bottom:20px}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;z-index:1}.input-group input{width:100%;padding:18px 18px 18px 55px;border:3px solid transparent;background:var(--bg-white);border-radius:var(--radius);font-size:1rem;font-family:inherit;transition:all .3s;box-shadow:0 4px 15px #0000000d}.input-group input:focus{outline:none;border-color:var(--pink);box-shadow:0 4px 20px #f8b4c44d}.input-group input::-moz-placeholder{color:var(--text-light)}.input-group input::placeholder{color:var(--text-light)}.form-extras{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.remember-me,.terms-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-medium)}.remember-me input,.terms-checkbox input{display:none}.checkmark{width:22px;height:22px;border:3px solid var(--pink-light);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.remember-me input:checked+.checkmark,.terms-checkbox input:checked+.checkmark{background:var(--pink);border-color:var(--pink)}.remember-me input:checked+.checkmark:after,.terms-checkbox input:checked+.checkmark:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.forgot-password{color:var(--pink-dark);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .3s}.forgot-password:hover{color:var(--text-dark)}.terms-checkbox{margin-bottom:25px}.terms-checkbox a{color:var(--pink-dark);text-decoration:none;font-weight:600}.submit-btn{width:100%;padding:18px 30px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition);box-shadow:var(--shadow-color);letter-spacing:.01em}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f8b4c480}.btn-icon{font-size:1.3rem;transition:transform .3s}.submit-btn:hover .btn-icon{transform:translate(5px)}.divider{display:flex;align-items:center;margin:30px 0}.divider:before,.divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--pink-light),transparent)}.divider span{padding:0 20px;color:var(--text-light);font-size:.85rem;white-space:nowrap}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-top:25px;margin-bottom:0}.social-btn{width:100%;padding:14px 20px;border:2px solid var(--pink-light);border-radius:var(--radius);background:var(--bg-white);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:.95rem;color:var(--text-dark);transition:var(--transition);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-soft);transition:left .3s ease;z-index:0}.social-btn:hover:before{left:0}.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--pink)}.social-btn>*{position:relative;z-index:1}.social-btn svg{flex-shrink:0;width:20px;height:20px}.social-btn-google{border-color:var(--pink-light);background:linear-gradient(135deg,var(--bg-white) 0%,var(--pink-soft) 100%);color:var(--text-dark)}.social-btn-google:hover{border-color:var(--pink);background:var(--gradient-soft);box-shadow:var(--shadow-color)}.social-btn-google svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(255,180,212,.3))}.social-btn-apple{border-color:var(--pink);background:var(--gradient-primary);color:var(--bg-white)}.social-btn-apple:hover{background:linear-gradient(135deg,var(--pink-dark) 0%,var(--orange) 50%,var(--yellow-dark) 100%);border-color:var(--pink-dark);box-shadow:var(--shadow-warm)}.social-btn-apple svg{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.login-footer-text{text-align:center}.login-footer-text p{color:var(--text-medium);font-size:.95rem}.switch-btn{background:none;border:none;color:var(--pink-dark);font-weight:700;cursor:pointer;margin-left:5px;font-size:.95rem;transition:color .3s}.switch-btn:hover{color:var(--text-dark);text-decoration:underline}.login-type-selector{display:flex;gap:12px;margin-bottom:25px}.login-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 15px;border:3px solid var(--pink-light);background:var(--bg-white);border-radius:var(--radius);cursor:pointer;transition:all .3s}.login-type-btn:hover{border-color:var(--pink);background:var(--pink-light)}.login-type-btn.active{border-color:var(--pink);background:linear-gradient(135deg,var(--pink-light),var(--yellow-light));box-shadow:0 4px 15px #f8b4c44d}.login-type-btn .type-icon{font-size:1.8rem}.login-type-btn .type-label{font-size:.85rem;font-weight:700;color:var(--text-dark)}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);margin-bottom:20px;font-size:.9rem;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{font-size:1.2rem;flex-shrink:0}.alert-error{background:#fee2e2;color:#991b1b;border:2px solid #FECACA}.alert-success{background:#d1fae5;color:#065f46;border:2px solid #A7F3D0}.demo-info{margin-top:25px;padding:18px;background:linear-gradient(135deg,var(--yellow-light),var(--mint-light));border-radius:var(--radius);border:2px dashed var(--mint)}.demo-info h4{font-size:.95rem;color:var(--text-dark);margin-bottom:12px}.demo-accounts{font-size:.8rem;color:var(--text-medium)}.demo-accounts p{margin-bottom:6px;font-family:Monaco,Consolas,monospace}.demo-accounts strong{color:var(--text-dark)}.demo-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--mint);color:var(--pink-dark)!important;font-weight:600}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;padding:60px 20px}.hero-content{margin:0 auto}.hero-visual{order:-1;justify-content:center}.hero-image-container{width:280px;height:280px}.hero-badge{bottom:-10px;right:20px;padding:12px 16px}.badge-number{font-size:1.4rem}.badge-text{font-size:.8rem}.hero h1{font-size:2.8rem}.hero-buttons{justify-content:center}.values-strip-grid{grid-template-columns:repeat(2,1fr);gap:16px}.values-strip-item{padding:14px 18px}.values-strip-line{font-size:.95rem}.stats-grid,.features-grid,.values-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.timeline{flex-direction:column;gap:40px}.timeline:before{display:none}.login-page{grid-template-columns:1fr}.login-visual{padding:40px;min-height:350px}.login-logo-img{width:120px;height:120px}.login-visual-content h2{font-size:2rem}.login-visual-content>p{font-size:1rem;margin-bottom:30px}.login-features{flex-direction:row;flex-wrap:wrap;justify-content:center}.login-feature{padding:10px 18px;font-size:.9rem}.floating-sweets{display:none}.login-form-section{padding:40px 30px}}@media(max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-white);flex-direction:column;padding:25px;box-shadow:var(--shadow);gap:20px}.nav-open,.mobile-menu-btn{display:flex}.header-actions{margin-right:15px}.header-actions .btn{padding:8px 16px;font-size:.85rem}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-section{padding:40px 20px;min-height:calc(100vh - 80px)}.login-tabs{flex-direction:column;gap:8px}.social-buttons{flex-direction:column}.hero h1{font-size:2.2rem}.hero-image-container{width:220px;height:220px}.hero-visual{padding:20px}.hero-decoration,.section-header h2,.page-hero h1{font-size:2rem}.carousel-wrap{margin:0 -12px}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.carousel-card{flex:0 0 min(300px,88vw)}.carousel-card-body{padding:20px 18px 18px}.carousel-card-body h3{font-size:1.2rem}.values-strip-grid{grid-template-columns:1fr;gap:12px}.values-strip-item{justify-content:center;padding:16px 20px}.stats-grid,.features-grid,.values-grid,.team-grid,.branches-grid,.form-row,.footer-grid{grid-template-columns:1fr}.hero-badge{display:none}}.dashboard{padding:0;min-height:calc(100vh - 80px);background:var(--bg-cream)}.dashboard-layout{display:flex;min-height:calc(100vh - 80px)}.dashboard-sidebar{width:280px;background:linear-gradient(180deg,var(--mint-soft) 0%,var(--bg-white) 100%);border-right:1px solid var(--mint);padding:30px 0 0;position:sticky;top:80px;height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:var(--shadow-soft);transition:var(--transition)}.dashboard-sidebar.closed{width:0;padding:0;overflow:hidden;border-right:none}.dashboard-sidebar.closed .sidebar-header,.dashboard-sidebar.closed .sidebar-nav{opacity:0;pointer-events:none}.header-sidebar-toggle{width:38px;height:38px;background:var(--gradient-primary);border:none;border-radius:var(--radius-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:var(--shadow-soft);transition:var(--transition);flex-shrink:0}.header-sidebar-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow);filter:brightness(1.1)}.sidebar-header{padding:25px 20px;border-bottom:2px solid var(--mint);margin-bottom:20px}.sidebar-business-info{display:flex;align-items:flex-start;gap:12px}.business-icon{font-size:2rem;width:48px;height:48px;background:var(--gradient-fresh);border-radius:var(--radius-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-soft)}.business-details{flex:1;min-width:0}.business-name{font-size:1.1rem;color:var(--text-dark);margin-bottom:6px;font-weight:800;background:linear-gradient(135deg,var(--mint-dark) 0%,var(--mint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;word-break:break-word}.business-email{color:var(--text-light);font-size:.75rem;font-weight:500;margin:0 0 8px;line-height:1.4;word-break:break-all}.business-code{color:var(--text-medium);font-size:.75rem;font-weight:600;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.business-code .code-value{color:var(--mint-dark);font-weight:700;background:var(--mint-light);padding:2px 6px;border-radius:4px;font-size:.8rem}.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding:0 15px;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-soft);text-decoration:none;color:var(--text-medium);font-weight:600;font-size:.95rem;transition:var(--transition);position:relative}.sidebar-nav-item:hover{background:var(--mint-light);color:var(--text-dark)}.sidebar-nav-item.active{background:var(--gradient-fresh);color:var(--text-dark);box-shadow:var(--shadow-soft);border-left:3px solid var(--mint-dark)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--mint-dark);border-radius:0 4px 4px 0}.sidebar-icon{font-size:1.3rem;width:24px;text-align:center}.sidebar-label{flex:1}.sidebar-footer{padding:15px;border-top:2px solid var(--mint);margin-top:auto;background:var(--bg-white)}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-soft);text-decoration:none;color:var(--text-medium);font-weight:600;font-size:.95rem;transition:var(--transition);position:relative;width:100%;border:none;background:transparent;cursor:pointer;text-align:left}.sidebar-logout-btn:hover{background:linear-gradient(135deg,var(--pink-light) 0%,var(--orange-light) 100%);color:var(--text-dark);box-shadow:var(--shadow-soft)}.sidebar-logout-btn:active{transform:scale(.98)}.dashboard-content{flex:1;padding:40px 0;overflow-x:hidden;transition:var(--transition)}.dashboard-layout.sidebar-closed .dashboard-content{margin-left:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:30px;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.dashboard-welcome h1{font-size:2rem;color:var(--text-dark);margin-bottom:5px}.dashboard-welcome p{color:var(--text-medium);font-size:1rem}.header-actions{display:flex;gap:12px}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:20px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-link{color:var(--pink-dark);text-decoration:none;font-weight:600;transition:color .3s}.view-all-link:hover{color:var(--text-dark)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.quick-action-card{background:var(--bg-white);padding:30px 20px;border-radius:var(--radius);text-align:center;text-decoration:none;box-shadow:var(--shadow-soft);transition:var(--transition);border:3px solid transparent}.quick-action-card:hover{transform:translateY(-5px);border-color:var(--pink);box-shadow:var(--shadow-lg)}.quick-action-icon{font-size:2.5rem;display:block;margin-bottom:15px}.quick-action-card h3{color:var(--text-dark);font-size:1.1rem;margin-bottom:8px}.quick-action-card p{color:var(--text-light);font-size:.9rem}.business-action{background:var(--gradient-fresh);border:2px solid var(--mint)}.orders-table{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.orders-table table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:16px 20px;text-align:left}.orders-table th{background:var(--bg-cream);color:var(--text-dark);font-weight:700;font-size:.9rem}.orders-table td{border-bottom:1px solid var(--pink-light);color:var(--text-medium)}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:var(--bg-cream)}.items-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.status-badge.delivered,.status-badge.completed{background:var(--badge-success-bg);color:var(--badge-success-text)}.status-badge.preparing{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.status-badge.new{background:var(--badge-new-bg);color:var(--badge-new-text)}.status-badge.shipping{background:var(--badge-info-bg);color:var(--badge-info-text)}.business-stat{display:flex;align-items:center;gap:15px;padding:25px;position:relative;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:var(--transition)}.business-stat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.stat-icon{font-size:2.5rem}.stat-info{display:flex;flex-direction:column}.stat-change{position:absolute;top:15px;right:15px;font-size:.85rem;font-weight:700;color:var(--text-light)}.stat-change.positive{color:var(--badge-success-text)}.btn-icon-small{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:5px 8px;transition:transform .2s}.btn-icon-small:hover{transform:scale(1.2)}.promo-banner{background:var(--gradient-primary);border-radius:var(--radius);padding:40px;text-align:center;color:#fff;box-shadow:var(--shadow-warm)}.promo-content h3{font-size:1.8rem;margin-bottom:10px}.promo-content p{font-size:1.1rem;margin-bottom:20px;opacity:.95}.promo-banner .btn-primary{background:var(--bg-white);color:var(--pink-dark)}.user-dashboard{padding:24px 0 48px}.user-dashboard .container{max-width:900px;margin:0 auto}.ud-hero{display:flex;align-items:center;gap:20px;margin-bottom:36px;padding:24px 28px;background:var(--bg-white);border-radius:var(--radius-soft);border:1px solid var(--mint-light);box-shadow:var(--shadow-soft)}.ud-hero-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--mint) 0%,var(--mint-dark) 100%);color:var(--text-dark);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ud-hero-text h1{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 4px}.ud-hero-text p{font-size:.9rem;color:var(--text-medium);margin:0}.ud-section{margin-bottom:32px}.ud-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-medium);margin:0 0 16px}.ud-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ud-section-head .ud-section-title{margin:0}.ud-link{font-size:.9rem;font-weight:600;color:var(--mint-dark);text-decoration:none;transition:color .2s}.ud-link:hover{color:var(--text-dark)}.ud-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ud-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;background:var(--bg-white);border-radius:var(--radius-soft);border:1px solid var(--mint-light);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.ud-action-card:hover{border-color:var(--mint);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.ud-action-icon{font-size:1.75rem;line-height:1}.ud-action-title{font-size:1rem;font-weight:700;color:var(--text-dark)}.ud-action-desc{font-size:.8rem;color:var(--text-light)}.ud-orders-card{background:var(--bg-white);border-radius:var(--radius-soft);border:1px solid var(--mint-light);box-shadow:var(--shadow-soft);overflow:hidden}.ud-orders-card table{width:100%;border-collapse:collapse}.ud-orders-card th,.ud-orders-card td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--mint-light)}.ud-orders-card th{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-medium);background:var(--mint-soft)}.ud-orders-card tr:last-child td{border-bottom:none}.ud-empty{padding:48px 24px;text-align:center}.ud-empty-icon{font-size:3rem;line-height:1;margin-bottom:16px;opacity:.8}.ud-empty h3{font-size:1.15rem;font-weight:700;color:var(--text-dark);margin:0 0 8px}.ud-empty p{font-size:.95rem;color:var(--text-medium);margin:0 0 20px}.ud-empty-text{padding:32px;text-align:center;color:var(--text-medium);margin:0}.ud-empty-error .ud-empty-icon{opacity:1}.ud-empty-error h3{color:var(--orange-dark, #c45c2a)}.ud-empty-error p code{font-size:.85em;background:var(--mint-light);padding:2px 8px;border-radius:6px;color:var(--text-dark)}.ud-btn-primary{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--mint) 0%,var(--mint-dark) 100%);color:var(--text-dark);font-weight:700;font-size:.95rem;border-radius:var(--radius-soft);text-decoration:none;border:none;transition:box-shadow .2s,transform .2s}.ud-btn-primary:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.ud-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--pink-soft) 0%,var(--mint-soft) 100%);border-radius:var(--radius-soft);border:1px solid var(--pink-light)}.ud-cta p{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0}.ud-btn-secondary{padding:10px 20px;background:var(--bg-white);color:var(--pink-dark);font-weight:700;font-size:.9rem;border-radius:var(--radius-soft);text-decoration:none;border:2px solid var(--pink-light);transition:border-color .2s,background .2s}.ud-btn-secondary:hover{border-color:var(--pink);background:var(--pink-light)}@media(max-width:768px){.ud-hero{flex-direction:column;text-align:center}.ud-actions{grid-template-columns:repeat(2,1fr)}.ud-cta{flex-direction:column;text-align:center}}.alerts-list{display:flex;flex-direction:column;gap:15px}.alert-item{display:flex;align-items:flex-start;gap:15px;padding:18px 20px;border-radius:var(--radius);background:var(--bg-white);box-shadow:var(--shadow)}.alert-item.warning{border-left:4px solid #F59E0B}.alert-item.info{border-left:4px solid var(--pink)}.alert-item .alert-icon{font-size:1.3rem}.alert-content{color:var(--text-medium);font-size:.95rem}.alert-content strong{color:var(--text-dark)}.qr-sales-table{background:var(--bg-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.qr-sales-table table{width:100%;border-collapse:collapse}.qr-sales-table th,.qr-sales-table td{padding:16px 20px;text-align:left}.qr-sales-table th{background:var(--mint-soft);color:var(--text-dark);font-weight:700;font-size:.9rem;border-bottom:2px solid var(--mint)}.qr-sales-table td{border-bottom:1px solid var(--mint-light);color:var(--text-medium)}.qr-sales-table tr:last-child td{border-bottom:none}.qr-sales-table tr:hover td{background:var(--mint-soft)}.qr-id-cell{display:flex;align-items:center;gap:8px}.qr-icon{font-size:1.1rem}.qr-id-cell strong{color:var(--text-dark);font-weight:700}.qr-status-badge{padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;white-space:nowrap;display:inline-block}.qr-status-badge.completed{background:var(--mint-light);color:#065f46}.qr-status-badge.active{background:var(--yellow-light);color:#92400e}.qr-view-btn{padding:6px 14px;background:var(--gradient-fresh);border:2px solid var(--mint);border-radius:var(--radius-soft);color:var(--text-dark);font-weight:600;font-size:.8rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.qr-view-btn:hover{background:var(--gradient-primary);color:#fff;border-color:var(--pink-dark);transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;padding:20px}.modal-container{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-strong);max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:2px solid var(--mint-light);background:var(--gradient-soft)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-dark);background:linear-gradient(135deg,var(--mint-dark) 0%,var(--mint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close-btn{background:transparent;border:none;font-size:2rem;color:var(--text-light);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-soft);transition:var(--transition);line-height:1}.modal-close-btn:hover{background:var(--pink-light);color:var(--text-dark);transform:rotate(90deg)}.modal-content{padding:30px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.modal-info-item{display:flex;flex-direction:column;gap:6px}.modal-info-item.full-width{grid-column:1 / -1}.info-label{font-size:.85rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:var(--text-dark);font-weight:700}.info-value input,.info-value select,.info-value textarea{width:100%;padding:10px 14px;border:2px solid var(--mint-light);border-radius:var(--radius-soft);font-size:.95rem;font-weight:600;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);font-family:inherit}.info-value input:focus,.info-value select:focus,.info-value textarea:focus{outline:none;border-color:var(--mint-dark);box-shadow:0 0 0 3px var(--mint-light)}.info-value textarea{resize:vertical;min-height:80px}.modal-items-section{margin-top:30px;padding-top:30px;border-top:2px solid var(--mint-light)}.modal-items-section h3{margin:0 0 20px;font-size:1.2rem;color:var(--text-dark)}.modal-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.modal-item-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--mint-light);border-radius:var(--radius-soft);border-left:3px solid var(--mint-dark)}.item-info{display:flex;align-items:center;gap:12px;flex:1}.item-name{font-weight:600;color:var(--text-dark);font-size:.95rem}.item-quantity{background:var(--mint-dark);color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700}.item-price{font-weight:700;color:var(--text-dark);font-size:1rem}.modal-total{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--gradient-fresh);border-radius:var(--radius-soft);margin-top:15px}.total-label{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.total-amount{font-size:1.5rem;font-weight:800;color:var(--mint-dark)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:25px 30px;border-top:2px solid var(--mint-light);background:var(--bg-white)}.modal-deliver-btn{font-size:1rem;padding:12px 24px}.modal-address-section{margin-top:25px;padding-top:25px;border-top:2px solid var(--mint-light)}.modal-address-section h3{margin:0 0 12px;font-size:1.1rem;color:var(--text-dark)}.address-text{margin:0;padding:15px;background:var(--mint-light);border-radius:var(--radius-soft);color:var(--text-dark);font-size:.95rem;line-height:1.6;border-left:3px solid var(--mint-dark)}.modal-notes-section{margin-top:25px;padding-top:25px;border-top:2px solid var(--mint-light)}.modal-notes-section h3{margin:0 0 12px;font-size:1.1rem;color:var(--text-dark)}.notes-text{margin:0;padding:15px;background:var(--yellow-light);border-radius:var(--radius-soft);color:var(--text-dark);font-size:.95rem;line-height:1.6;border-left:3px solid var(--yellow);font-style:italic}.coming-soon-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coming-soon-popup{background:var(--bg-white);border-radius:var(--radius-lg);padding:0;max-width:450px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border:none;background:var(--pink-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-dark);transition:var(--transition);z-index:1}.popup-close-btn:hover{background:var(--pink);color:#fff;transform:rotate(90deg)}.popup-content{padding:50px 40px 40px;text-align:center}.popup-icon{font-size:4rem;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.popup-content h3{font-size:1.8rem;color:var(--text-dark);margin-bottom:15px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-content p{color:var(--text-medium);font-size:1rem;line-height:1.6;margin-bottom:12px}.popup-subtitle{color:var(--text-light)!important;font-size:.9rem!important;margin-top:20px!important;margin-bottom:30px!important}.popup-ok-btn{width:100%;padding:16px 30px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-color);margin-top:10px}.popup-ok-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-warm);filter:brightness(1.05)}@media(max-width:1024px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--pink-light);padding:20px 0}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 20px;gap:10px}.sidebar-nav-item{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.qr-sales-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.modal-overlay{padding:10px}.modal-container{max-width:100%;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:1.2rem}.modal-content{padding:20px}.modal-info-grid{grid-template-columns:1fr;gap:15px}.modal-footer{flex-direction:column;padding:20px}.modal-deliver-btn{width:100%}.dashboard-header{flex-direction:column;text-align:center;gap:20px}.quick-actions-grid,.qr-sales-grid{grid-template-columns:1fr}.orders-table{overflow-x:auto}.orders-table table{min-width:600px}.business-stat{flex-direction:column;text-align:center}.stat-change{position:static;margin-top:10px}}