@charset "UTF-8";:root{--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 6px 18px rgba(2, 6, 23, .06);--shadow: 0 16px 40px rgba(2, 6, 23, .1);--shadow-lg: 0 28px 64px rgba(2, 6, 23, .16);--gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 50%, #06b6d4 100%);--header-h: 64px}html[data-theme=light],html:not([data-theme]){--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--ring: rgba(37, 99, 235, .35);--primary: #2563eb;--primary-600: #1d4ed8;--body-bg: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--header-blur-bg: rgba(255, 255, 255, .75);--chip-bg: #f1f5f9}html[data-theme=dark]{--bg: #0b1220;--surface: #0f172a;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--ring: rgba(37, 99, 235, .45);--primary: #60a5fa;--primary-600: #3b82f6;--body-bg: linear-gradient(180deg, #0b1220 0%, #0f172a 100%);--header-blur-bg: rgba(15, 23, 42, .6);--chip-bg: rgba(255, 255, 255, .06)}body.no-scroll{overflow:hidden}.app header{position:sticky;top:0;z-index:40;background:var(--header-blur-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav .nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav .nav-links a,.nav .nav-links .btn,.nav .nav-links .nav-trigger{text-decoration:none;color:var(--text);padding:8px 12px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;font-size:15px;font-weight:500;cursor:pointer;border:none;background:transparent}.nav .nav-links a:hover,.nav .nav-links .nav-trigger:hover{background:#0206170d;transform:translateY(-1px)}.nav .nav-links .dropdown-wrapper{position:relative}.nav .nav-links .dropdown-wrapper .nav-trigger{display:inline-flex;align-items:center;gap:4px}.nav .nav-links .dropdown-wrapper .nav-trigger .chev{font-size:10px;color:var(--muted);transition:transform .2s ease}.nav .nav-links .dropdown-wrapper.open .chev{transform:rotate(180deg)}html[data-theme=dark] .nav .nav-links a:hover,html[data-theme=dark] .nav .nav-links .nav-trigger:hover{background:#ffffff0f}.btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;z-index:50;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;display:flex;flex-direction:column;gap:2px}.dropdown-menu.user-menu-pos{right:0}.dropdown-wrapper.open .dropdown-menu,.user.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.dropdown-menu .menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.dropdown-menu .menu-item:hover{background:#0206170d;border-color:var(--border);transform:translateY(-1px)}html[data-theme=dark] .dropdown-menu .menu-item:hover{background:#ffffff0f}.dropdown-menu .menu-item .mi-icon{font-size:18px;min-width:24px;display:grid;place-items:center}.dropdown-menu .menu-item.danger{color:#ef4444}.dropdown-menu .menu-item.danger:hover{background:#ef444414;border-color:#ef444440}.user{position:relative}.user-trigger{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:var(--shadow-sm)}.user-trigger:hover{transform:translateY(-1px)}.user-trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.user-trigger .avatar-img{width:28px;height:28px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--chip-bg)}.user-trigger .avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;background:var(--chip-bg);color:var(--text);border:1px solid var(--border)}.user .name{max-width:160px;font-weight:700;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user .chev{color:var(--muted);font-size:12px;transition:transform .2s ease}.user.open .chev{transform:rotate(180deg)}.menu-btn{display:none;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);position:relative;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.menu-btn:hover{transform:translateY(-1px)}.menu-btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.mb-icon{width:22px;height:16px;position:relative;display:grid;place-items:center}.mb-icon .bar{position:absolute;left:0;right:0;height:2px;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease,top .2s ease}.mb-icon .bar:nth-child(1){top:0}.mb-icon .bar:nth-child(2){top:7px}.mb-icon .bar:nth-child(3){top:14px}.menu-btn.is-open .mb-icon .bar:nth-child(1){top:7px;transform:rotate(45deg)}.menu-btn.is-open .mb-icon .bar:nth-child(2){opacity:0}.menu-btn.is-open .mb-icon .bar:nth-child(3){top:7px;transform:rotate(-45deg)}.mb-text{font-weight:800;letter-spacing:.02em}.mb-pulse{position:absolute;inset:-2px;border-radius:999px;pointer-events:none;box-shadow:0 0 #6366f100;animation:pulseSoft 2.1s ease-in-out infinite}@keyframes pulseSoft{0%{box-shadow:0 0 #6366f147}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.mobile-scrim{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:39}.mobile-scrim.open{opacity:1;visibility:visible}.mobile-drop{position:fixed;left:0;right:0;top:var(--header-h);z-index:40;border-bottom-left-radius:14px;border-bottom-right-radius:14px;border:1px solid var(--border);border-top:none;background:var(--surface);box-shadow:0 30px 60px #02061733;transform:translateY(-12px) scale(.98);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility .22s ease;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:12px;max-height:calc(100vh - var(--header-h) - 16px);overflow:auto}.mobile-drop.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.md-head{display:flex;align-items:center;justify-content:space-between}.md-head .md-title{font-weight:900;letter-spacing:-.01em}.md-head .md-close{width:40px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);font-size:22px;line-height:1;display:grid;place-items:center}.md-user{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--text)}.md-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--border);background:var(--chip-bg)}.md-fallback{display:grid;place-items:center;font-weight:900}.md-info{display:grid;gap:2px}.md-name{font-weight:900;letter-spacing:-.01em}.md-role{font-size:12px}.md-links{display:grid;gap:8px}.md-links a{display:block;padding:12px;border-radius:12px;border:1px solid var(--border);color:var(--text);text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;font-weight:500}.md-links a:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.md-links a.active{background:#eef2ff;color:var(--primary);border-color:var(--primary)}html[data-theme=dark] .md-links a.active{background:#6366f12e}.md-actions{display:grid;gap:10px}.md-actions .btn{width:100%}.md-actions .md-theme{display:flex;justify-content:flex-start}@media (max-width: 1000px){.nav{padding:10px 18px}.nav .nav-links{display:none!important}.menu-btn{display:inline-flex}}@media (max-width: 640px){.container{padding:16px}}.privacy-policy-dialog{padding:0;border:none;background:transparent;width:100vw;height:100vh;max-width:none;max-height:none;position:fixed;top:0;left:0;margin:0;overflow:hidden}.privacy-policy-dialog[open]{animation:pp-fade-in .3s cubic-bezier(.4,0,.2,1) both}.privacy-policy-dialog::backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);animation:pp-fade-in .3s cubic-bezier(.4,0,.2,1) both}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.privacy-policy-dialog .modal-shell{padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100vh}.privacy-policy-dialog .modal-content{width:95vw;height:95vh;max-width:1800px;max-height:1200px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-xl),0 0 0 1px #6366f11a;display:flex;flex-direction:column;overflow:hidden;position:relative}.privacy-policy-dialog .modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--primary-50),transparent 70%);opacity:.6;pointer-events:none;z-index:0}.privacy-policy-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;flex-shrink:0}.privacy-policy-dialog .modal-header h3{margin:0;font-size:24px;font-weight:900;letter-spacing:-.02em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.privacy-policy-dialog .modal-header .close-btn{font-size:24px;line-height:1;width:44px;height:44px;padding:0;border-radius:12px;display:grid;place-items:center;background:var(--chip-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.privacy-policy-dialog .modal-header .close-btn:hover{background:var(--chip-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.privacy-policy-dialog .modal-header .close-btn:active{transform:translateY(0)}.privacy-policy-dialog .modal-body{padding:32px 36px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;color:var(--text-secondary);font-size:16px;line-height:1.75;position:relative;z-index:1;flex:1}.privacy-policy-dialog .modal-body::-webkit-scrollbar{width:16px}.privacy-policy-dialog .modal-body::-webkit-scrollbar-track{background:transparent;border-radius:10px}.privacy-policy-dialog .modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:4px solid var(--surface);transition:background .2s ease}.privacy-policy-dialog .modal-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}html[data-theme=dark] .privacy-policy-dialog .modal-body::-webkit-scrollbar-thumb{background:#94a3b84d}html[data-theme=dark] .privacy-policy-dialog .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b880}.privacy-policy-dialog .modal-body h4{color:var(--text);margin:36px 0 20px;font-size:22px;font-weight:800;letter-spacing:-.01em;scroll-margin-top:20px;position:relative;padding-left:20px}.privacy-policy-dialog .modal-body h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:28px;background:var(--gradient);border-radius:3px}.privacy-policy-dialog .modal-body h4:first-child{margin-top:0}.privacy-policy-dialog .modal-body h5{color:var(--text);margin:32px 0 16px;font-size:19px;font-weight:800;letter-spacing:-.01em;scroll-margin-top:20px}.privacy-policy-dialog .modal-body h6{color:var(--text);margin:24px 0 12px;font-size:17px;font-weight:700;letter-spacing:0}.privacy-policy-dialog .modal-body p{margin-bottom:16px;font-size:16px}.privacy-policy-dialog .modal-body p:last-child{margin-bottom:0}.privacy-policy-dialog .modal-body ol,.privacy-policy-dialog .modal-body ul{padding-left:28px;margin-bottom:20px}.privacy-policy-dialog .modal-body li{margin-bottom:12px;font-size:16px}.privacy-policy-dialog .modal-body li::marker{color:var(--primary);font-weight:700}.privacy-policy-dialog .modal-body a{color:var(--primary);text-decoration:none;word-break:break-word;font-weight:600;transition:color .2s ease}.privacy-policy-dialog .modal-body a:hover{text-decoration:underline;color:var(--primary-600)}.privacy-policy-dialog .modal-body .toc{list-style:none;margin:20px 0 28px;display:grid;gap:10px;background:var(--bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}.privacy-policy-dialog .modal-body .toc li{margin:0}.privacy-policy-dialog .modal-body .toc button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:14px 18px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:var(--transition-base);position:relative;overflow:hidden}.privacy-policy-dialog .modal-body .toc button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);opacity:0;transition:opacity .2s ease}.privacy-policy-dialog .modal-body .toc button:hover{background:var(--surface);transform:translate(6px);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.privacy-policy-dialog .modal-body .toc button:hover:before{opacity:1}.privacy-policy-dialog .modal-body .toc button:active{transform:translate(3px)}.privacy-policy-dialog .modal-body .num-list{padding-left:32px}.privacy-policy-dialog .modal-body .num-list li{margin-bottom:14px}.privacy-policy-dialog .modal-body .num-list.nested{margin-top:12px}.privacy-policy-dialog .modal-body .sub-block{margin:12px 0 8px}.privacy-policy-dialog .modal-body .policy-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-block:24px;box-shadow:var(--shadow-sm)}.privacy-policy-dialog .modal-body .policy-table .table-header,.privacy-policy-dialog .modal-body .policy-table .table-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:24px;padding:20px 24px}.privacy-policy-dialog .modal-body .policy-table .table-header{background:var(--chip-bg);font-weight:800;color:var(--text);font-size:15px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.privacy-policy-dialog .modal-body .policy-table .table-row{border-top:1px solid var(--border);font-size:15px;color:var(--text-secondary);transition:background .2s ease}.privacy-policy-dialog .modal-body .policy-table .table-row:hover{background:var(--chip-bg)}.privacy-policy-dialog .modal-body .policy-table .table-row:nth-child(2n){background:var(--bg)}.privacy-policy-dialog .modal-body .policy-table .table-row div{font-weight:500}@media (max-width: 900px){.privacy-policy-dialog .modal-body .policy-table .table-header{display:none}.privacy-policy-dialog .modal-body .policy-table .table-row{grid-template-columns:1fr;gap:16px;padding:24px}.privacy-policy-dialog .modal-body .policy-table .table-row div{padding-left:0;position:relative;padding-top:24px}.privacy-policy-dialog .modal-body .policy-table .table-row div:before{position:absolute;top:0;left:0;font-weight:800;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.privacy-policy-dialog .modal-body .policy-table .table-row div:nth-of-type(1):before{content:"Cel przetwarzania"}.privacy-policy-dialog .modal-body .policy-table .table-row div:nth-of-type(2):before{content:"Podstawa prawna"}.privacy-policy-dialog .modal-body .policy-table .table-row div:nth-of-type(3):before{content:"Okres przechowywania"}}@media (max-width: 768px){.privacy-policy-dialog .modal-content{width:98vw;height:98vh;border-radius:16px}.privacy-policy-dialog .modal-header{padding:16px 20px}.privacy-policy-dialog .modal-header h3{font-size:20px}.privacy-policy-dialog .modal-header .close-btn{width:40px;height:40px;font-size:22px}.privacy-policy-dialog .modal-body{padding:20px;font-size:15px}.privacy-policy-dialog .modal-body h4{font-size:19px;margin:28px 0 16px;padding-left:16px}.privacy-policy-dialog .modal-body h5{font-size:17px;margin:24px 0 12px}.privacy-policy-dialog .modal-body .toc{padding:16px;margin:16px 0 20px}.privacy-policy-dialog .modal-body .toc button{padding:12px 14px;font-size:15px}.privacy-policy-dialog .modal-body::-webkit-scrollbar{width:8px}}@media (max-width: 480px){.privacy-policy-dialog .modal-content{width:100vw;height:100vh;border-radius:0}.privacy-policy-dialog .modal-header{padding:14px 16px}.privacy-policy-dialog .modal-header h3{font-size:18px}.privacy-policy-dialog .modal-header .close-btn{width:36px;height:36px;font-size:20px}.privacy-policy-dialog .modal-body{padding:16px;font-size:14px}.privacy-policy-dialog .modal-body h4{font-size:18px;margin:24px 0 14px;padding-left:12px}.privacy-policy-dialog .modal-body h5{font-size:16px;margin:20px 0 10px}}.site-footer{position:relative;margin-top:32px;padding-block:clamp(28px,4.5vw,56px);border-top:1px solid var(--border);background:var(--surface);color:var(--text);overflow:hidden}.site-footer .footer-bg{position:absolute;inset:0;pointer-events:none}.site-footer .glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;mix-blend-mode:screen}.site-footer .glow-1{width:260px;height:260px;background:#6366f12e;bottom:-120px;left:-80px}.site-footer .glow-2{width:300px;height:300px;background:#06b6d429;top:-140px;right:-100px}.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px dashed var(--border);flex-wrap:wrap}.site-footer .brand-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-footer .footer-brand{font-weight:900;font-size:20px;letter-spacing:-.02em;color:var(--text)}.site-footer .rating-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);text-decoration:none;transition:transform .15s ease,border-color .2s ease,background .2s ease}.site-footer .rating-pill:hover{transform:translateY(-2px);border-color:#2563eb59}.site-footer .rating-pill .stars{color:#f59e0b;letter-spacing:.5px}.site-footer .rating-pill .score{font-weight:800}.site-footer .footer-cta{display:flex;gap:8px;flex-wrap:wrap}.site-footer .footer-grid{display:grid;gap:clamp(20px,3vw,28px);grid-template-columns:1.6fr 1fr 1fr 1.2fr;margin-top:22px}@media (max-width: 1000px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.site-footer .footer-grid{grid-template-columns:1fr;gap:40px}}.site-footer .footer-col{min-width:0}.site-footer .about-text{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.site-footer .footer-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.site-footer .socials{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.site-footer .social{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);font-size:12px;text-decoration:none;transition:transform .15s ease,border-color .2s ease,background .2s ease}.site-footer .social:hover{transform:translateY(-2px);border-color:#2563eb59;background:#2563eb14}.site-footer .footer-title{font-weight:800;margin:0 0 10px;color:var(--text);letter-spacing:-.01em;font-size:14px;text-transform:uppercase}.site-footer .links{display:grid;gap:8px}.site-footer .links a,.site-footer .link-button{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s ease,transform .15s ease,background .2s ease;width:fit-content}.site-footer .link-button{background:transparent;border:none;padding:0;font:inherit;cursor:pointer;text-align:left}.site-footer .links a:hover,.site-footer .link-button:hover{color:var(--primary);transform:translate(2px)}.site-footer .contact{display:grid;gap:6px;font-style:normal}.site-footer .contact a,.site-footer .contact span{color:var(--muted);font-size:14px;line-height:1.6;text-decoration:none}.site-footer .contact a:hover{color:var(--primary)}.site-footer .hours{display:grid;gap:4px;margin-top:10px;color:var(--muted);font-size:13px}.site-footer .footer-bottom{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer .footer-bottom .copyright{font-size:13px;color:var(--muted)}.site-footer .footer-bottom-links{display:flex;gap:8px;flex-wrap:wrap}.site-footer .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);font-size:12px;text-decoration:none;transition:transform .15s ease,border-color .2s ease,background .2s ease}.site-footer .chip:hover{transform:translateY(-2px);border-color:#2563eb59;background:#2563eb14}:root{--border: #e2e8f0;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--ring: rgba(37, 99, 235, .35);--chip-bg: #f1f5f9;--shadow: 0 8px 22px rgba(2, 6, 23, .06);--shadow-sm: 0 6px 18px rgba(2, 6, 23, .05);--shadow-lg: 0 20px 40px rgba(2, 6, 23, .12)}.services-page{padding:24px 0 80px}.services-page .container{padding-inline:clamp(16px,4vw,32px);max-width:1200px;margin-inline:auto}.services-topbar{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}@media (max-width: 768px){.services-topbar{flex-direction:column;align-items:stretch}}.search-trigger{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.search-trigger svg{opacity:.7}.search-trigger:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.1);box-shadow:var(--shadow)}.search-trigger:hover svg{opacity:1}.search-trigger:active{transform:scale(.95)}@media (max-width: 768px){.search-trigger{width:100%;border-radius:14px;height:52px}.search-trigger:after{content:"Szukaj usług...";margin-left:12px;font-size:15px;font-weight:600;color:var(--muted)}}.quick-cats{display:flex;gap:8px;flex-wrap:wrap;flex:1}@media (max-width: 768px){.quick-cats{justify-content:center}}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}@media (max-width: 768px){.topbar-actions{width:100%;justify-content:space-between;margin-left:0}}.active-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.active-filters .pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600}.results-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);font-weight:800;font-size:14px}.sort{display:inline-flex;align-items:center}.sort select{height:40px;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:0 14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.sort select:hover{border-color:var(--primary)}.sort select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.btn-reset{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-reset:hover{border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.search-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-modal.is-closing{animation:fadeOut .3s ease-out forwards}.search-modal.is-closing .search-modal-content{animation:slideDown .3s ease-out forwards}.search-modal-content{background:var(--surface);border-radius:20px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;overflow:hidden}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.search-modal-header .search-modal-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text);margin:0}.search-modal-header .search-modal-title svg{opacity:.7}@media (max-width: 640px){.search-modal-header .search-modal-title{font-size:20px}}.search-modal-header .btn-close{width:40px;height:40px;border-radius:50%;border:none;background:var(--chip-bg);color:var(--text);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-modal-header .btn-close:hover{background:var(--border);transform:rotate(90deg)}.search-modal-body{padding:24px;overflow-y:auto;flex:1}@media (max-width: 640px){.search-modal-body{padding:20px}}.search-input-wrapper{position:relative;margin-bottom:24px}.search-input-wrapper .search-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input-wrapper .search-input{width:100%;height:56px;padding:0 48px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.search-input-wrapper .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.search-input-wrapper .search-input::placeholder{color:var(--muted)}@media (max-width: 640px){.search-input-wrapper .search-input{height:52px;font-size:15px}}.search-input-wrapper .search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:var(--chip-bg);color:var(--muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-input-wrapper .search-clear:hover{background:var(--border);color:var(--text)}.search-filters{display:flex;flex-direction:column;gap:24px}.filter-section .filter-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 12px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips .filter-chip{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filter-chips .filter-chip:hover{border-color:var(--primary);background:#eff6ff}.filter-chips .filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.filter-select-wrapper .filter-select{width:100%;height:48px;padding:0 16px;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s}.filter-select-wrapper .filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.search-results-preview{margin-top:24px;padding:16px;background:var(--chip-bg);border-radius:12px;border:1px solid var(--border)}.search-results-preview .results-count{font-size:15px;color:var(--text);text-align:center}.search-results-preview .results-count strong{color:var(--primary);font-weight:700}.search-modal-footer{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border);background:var(--chip-bg)}.search-modal-footer .btn{flex:1;height:52px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.search-modal-footer .btn.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.search-modal-footer .btn.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.search-modal-footer .btn.btn-primary:active{transform:translateY(0)}.search-modal-footer .btn.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.search-modal-footer .btn.btn-ghost:hover{background:var(--surface);border-color:var(--text)}@media (max-width: 640px){.search-modal-footer .btn{height:48px;font-size:15px}}.services-grid{display:grid;gap:clamp(16px,2.6vw,24px);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px}@media (max-width: 1000px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services-grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.service-card{display:flex;flex-direction:column;overflow:hidden;animation:fadeInUp .35s ease-out both;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-card .service-cover{position:relative;height:clamp(170px,20vw,220px);overflow:hidden;background:#0b1220}.service-card .service-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .4s ease}.service-card:hover .service-cover img{transform:scale(1.08)}.service-card .badge{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:#020617bf;color:#fff;border:1px solid rgba(148,163,184,.25);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-card .service-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.service-card .name{margin:0;font-size:18px;letter-spacing:-.01em}.service-card .desc{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.service-card .meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin-top:auto;padding-top:8px}.service-card .meta-item{display:inline-flex;align-items:center;gap:6px}.service-card .service-footer{padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.service-card .price{font-size:20px;font-weight:800}.service-card .stars{color:#f59e0b;letter-spacing:1px}.service-card .btn-primary{padding:10px 20px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.service-card .btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.service-card .btn-primary:active{transform:translateY(0)}.is-loading .cover{height:clamp(170px,20vw,220px)}.is-loading .pad{padding:16px;display:grid;gap:12px}.is-loading .skeleton{background:linear-gradient(90deg,#94a3b81f,#94a3b82e,#94a3b81f);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:10px}.is-loading .skeleton.badge{width:100px;height:24px}.is-loading .skeleton.title{width:80%;height:22px}.is-loading .skeleton.line{width:60%;height:16px}.is-loading .skeleton.footer{display:flex;justify-content:space-between;align-items:center}.is-loading .skeleton.price{width:90px;height:24px}.is-loading .skeleton.btn{width:120px;height:44px;border-radius:12px}.empty{display:grid;place-items:center;padding:48px 16px}.empty-card{text-align:center;padding:32px;border:1px dashed var(--border);border-radius:16px;max-width:520px;background:var(--surface)}.empty-card .emoji{font-size:36px;margin-bottom:12px}.empty-card h3{margin:0 0 8px;font-size:20px}.empty-card p{margin:0 0 16px;color:var(--muted)}.empty-card .btn{padding:10px 20px;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;transition:all .2s}.empty-card .btn:hover{border-color:var(--primary);color:var(--primary)}.pagination{margin:24px auto 16px;display:flex;align-items:center;justify-content:center;gap:12px}.pagination .btn,.pagination .page{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;transition:all .2s}.pagination .btn:hover:not(:disabled),.pagination .page:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination .btn:disabled,.pagination .page:disabled{opacity:.5;cursor:not-allowed}.pagination .pages{display:inline-flex;align-items:center;gap:6px}.pagination .page{min-width:44px}.pagination .page.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination .sep{color:var(--muted);padding:0 6px}@media (max-width: 640px){.pagination .btn span{display:none}.pagination .page,.pagination .btn{min-width:40px;height:40px;padding:0 12px}}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(2rem);opacity:0}}.service-footer .price-hidden{font-size:14px;font-weight:500;color:var(--text-secondary, #6c757d);text-align:left;flex-grow:1}.service-footer .price-hidden a{color:var(--primary, #007bff);font-weight:600;text-decoration:none;cursor:pointer}.service-footer .price-hidden a:hover{text-decoration:underline}.service-footer .price-placeholder{min-height:24px;width:80px;background-color:#f0f0f0;border-radius:4px}@keyframes booking-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes booking-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes booking-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes booking-scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes booking-stroke{to{stroke-dashoffset:0}}.booking{--booking-radius-xl: 20px;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-2: linear-gradient(135deg, #22d3ee 0%, #6366f1 50%, #8b5cf6 100%);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--card-hover: rgba(102, 126, 234, .04);--notice-bg: rgba(99, 102, 241, .08);--notice-border: rgba(99, 102, 241, .2);--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .25);--pricing-notice-bg: rgba(245, 158, 11, .1);--pricing-notice-border: rgba(245, 158, 11, .3);--pricing-notice-icon-bg: #f59e0b}html[data-theme=dark] .booking{--card-hover: rgba(102, 126, 234, .08);--notice-bg: rgba(99, 102, 241, .12);--notice-border: rgba(99, 102, 241, .25);--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .35);--pricing-notice-bg: rgba(245, 158, 11, .15);--pricing-notice-border: rgba(245, 158, 11, .4)}.booking.container{max-width:1100px;margin:0 auto;padding:40px 24px 80px}@media (max-width: 1000px){.booking.container{padding:32px 20px 60px}}@media (max-width: 640px){.booking.container{padding:24px 16px 40px}}@media (max-width: 480px){.booking.container{padding:20px 12px 30px}}.booking .booking-header{text-align:center;margin-bottom:48px;animation:booking-fadeInDown .6s ease-out}@media (max-width: 640px){.booking .booking-header{margin-bottom:32px}}.booking .page-title{font-size:42px;font-weight:800;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-.02em}@media (max-width: 1000px){.booking .page-title{font-size:36px}}@media (max-width: 640px){.booking .page-title{font-size:32px}}.booking .page-subtitle{font-size:18px;color:var(--muted);font-weight:500}@media (max-width: 1000px){.booking .page-subtitle{font-size:16px}}.booking .steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;animation:booking-fadeIn .8s ease-out .2s both}@media (max-width: 640px){.booking .steps{gap:8px;margin-bottom:32px}}.booking .steps-progress{position:absolute;left:0;right:0;top:24px;height:4px;background:var(--border);border-radius:999px;z-index:0;overflow:hidden}@media (max-width: 640px){.booking .steps-progress{top:20px}}.booking .steps-progress-bar{height:100%;background:var(--primary-gradient);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.booking .step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}@media (max-width: 640px){.booking .step{gap:8px}}.booking .step-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:3px solid var(--border);color:var(--muted);font-weight:700;font-size:18px;transition:var(--transition-base);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.booking .step-circle{width:40px;height:40px;font-size:16px}}.booking .step-check-icon{width:24px;height:24px;animation:booking-scaleIn .3s ease-out}.booking .step-label{font-size:14px;font-weight:600;color:var(--muted);transition:var(--transition-base)}@media (max-width: 640px){.booking .step-label{font-size:12px}}.booking .step.active .step-circle{background:var(--primary-gradient);border-color:transparent;color:#fff;transform:scale(1.1);box-shadow:var(--shadow-md),0 0 0 4px var(--ring)}.booking .step.active .step-label{color:var(--text);font-weight:700}.booking .step.completed .step-circle{background:var(--success-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow)}.booking .main-card{background:var(--surface);border-radius:var(--booking-radius-xl);box-shadow:var(--shadow-lg);padding:48px;animation:booking-fadeInUp .6s ease-out .3s both;border:1px solid var(--border)}@media (max-width: 1000px){.booking .main-card{padding:32px 24px}}@media (max-width: 640px){.booking .main-card{padding:24px 20px;border-radius:var(--radius-lg)}}.booking .step-content{display:flex;flex-direction:column;gap:32px}@media (max-width: 640px){.booking .step-content{gap:24px}}.booking .step-header{text-align:center}.booking .step-title{font-size:32px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}@media (max-width: 1000px){.booking .step-title{font-size:28px}}@media (max-width: 640px){.booking .step-title{font-size:24px}}.booking .step-description{font-size:16px;color:var(--muted);font-weight:500}.booking .step-description strong{color:var(--text);font-weight:700}@media (max-width: 640px){.booking .step-description{font-size:15px}}.booking .services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (max-width: 640px){.booking .services-grid{grid-template-columns:1fr;gap:16px}}.booking .service-card{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:var(--transition-base);text-align:left;overflow:hidden;color:var(--text)}@media (max-width: 640px){.booking .service-card{padding:20px}}.booking .service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:var(--transition-base)}.booking .service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.booking .service-card:hover:before{opacity:1}.booking .service-card.selected{border-color:transparent;background:var(--card-hover);box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.booking .service-card.selected:before{height:100%;opacity:.05}.booking .service-badge{display:inline-block;padding:6px 12px;background:var(--primary-gradient);color:#fff;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;box-shadow:0 4px 12px #667eea4d}.booking .service-info{display:flex;flex-direction:column;gap:8px}.booking .service-name{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text)}@media (max-width: 640px){.booking .service-name{font-size:18px}}.booking .service-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.booking .service-duration{display:flex;align-items:center;gap:6px;font-weight:600}.booking .service-duration svg{width:16px;height:16px;opacity:.8}.booking .service-price{font-size:28px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px;letter-spacing:-.02em}@media (max-width: 640px){.booking .service-price{font-size:24px}}.booking .service-check{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--success-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #11998e66;animation:booking-scaleIn .3s ease-out}.booking .service-check svg{width:24px;height:24px}.booking .client-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 640px){.booking .client-form{grid-template-columns:1fr;gap:16px}}.booking .form-group{display:flex;flex-direction:column;gap:12px}.booking .form-group-full{grid-column:1/-1}.booking .input-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text)}.booking .input-label svg{width:20px;height:20px;color:var(--primary)}.booking .form-input{height:56px;padding:0 20px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-weight:600;color:var(--text);background:var(--surface);transition:var(--transition-base);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.booking .form-input{height:48px;font-size:15px;padding:0 16px}}.booking .form-input::placeholder{color:var(--muted);font-weight:500}.booking .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.booking .payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.booking .payment-methods{grid-template-columns:1fr;gap:12px}}.booking .payment-method{position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);text-align:left}@media (max-width: 640px){.booking .payment-method{padding:16px}}.booking .payment-method:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.booking .payment-method.active{border-color:transparent;background:var(--card-hover);box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.booking .payment-method__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #2563eb40}@media (max-width: 640px){.booking .payment-method__icon{width:48px;height:48px}}.booking .payment-method__icon svg{width:28px;height:28px;color:#fff}.booking .payment-method__content{flex:1;display:flex;flex-direction:column;gap:4px}.booking .payment-method__title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text)}@media (max-width: 640px){.booking .payment-method__title{font-size:16px}}.booking .payment-method__desc{font-size:14px;color:var(--muted);font-weight:500}@media (max-width: 640px){.booking .payment-method__desc{font-size:13px}}.booking .payment-method__check{width:32px;height:32px;border-radius:50%;background:var(--success-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #11998e66;animation:booking-scaleIn .3s ease-out;flex-shrink:0}.booking .payment-method__check svg{width:20px;height:20px}.booking .datetime-container{display:grid;gap:32px}@media (max-width: 640px){.booking .datetime-container{gap:24px}}.booking .date-picker-wrapper,.booking .time-picker-wrapper{display:flex;flex-direction:column;gap:16px}.booking .date-input{width:100%;height:56px;padding:0 20px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-weight:600;color:var(--text);background:var(--surface);transition:var(--transition-base);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.booking .date-input{height:48px;font-size:15px;padding:0 16px}}.booking .date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.booking .time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}@media (max-width: 640px){.booking .time-slots{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.booking .time-slots{grid-template-columns:repeat(2,1fr);gap:10px}}.booking .time-slot{height:56px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.booking .time-slot{height:48px;font-size:14px}}.booking .time-slot:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.booking .time-slot.active{background:var(--primary-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.booking .empty-slots{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--chip-bg);border-radius:var(--radius-lg)}@media (max-width: 640px){.booking .empty-slots{padding:50px 20px}}.booking .empty-slots p{font-size:16px;color:var(--muted);font-weight:500}@media (max-width: 640px){.booking .empty-slots p{font-size:15px}}.booking .empty-slots-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%;margin-bottom:16px}@media (max-width: 640px){.booking .empty-slots-icon{width:70px;height:70px}}.booking .empty-slots-icon svg{width:40px;height:40px;color:var(--muted)}@media (max-width: 640px){.booking .empty-slots-icon svg{width:35px;height:35px}}.booking .booking-summary{display:flex;flex-direction:column;gap:24px}@media (max-width: 640px){.booking .booking-summary{gap:20px}}.booking .summary-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.02em}@media (max-width: 640px){.booking .summary-title{font-size:20px}}.booking .summary-card{display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@media (max-width: 640px){.booking .summary-card{padding:20px;gap:14px}}.booking .summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.booking .summary-label{font-size:15px;color:var(--muted);font-weight:600}@media (max-width: 640px){.booking .summary-label{font-size:14px}}.booking .summary-value{font-size:15px;color:var(--text);font-weight:700;text-align:right}@media (max-width: 640px){.booking .summary-value{font-size:14px}}.booking .price-highlight{font-size:26px!important;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900!important}@media (max-width: 640px){.booking .price-highlight{font-size:22px!important}}.booking .summary-divider{height:1px;background:var(--border);margin:4px 0}.booking .payment-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px}@media (max-width: 640px){.booking .payment-badge{font-size:13px;padding:6px 12px}}.booking .payment-badge svg{width:18px;height:18px}@media (max-width: 640px){.booking .payment-badge svg{width:16px;height:16px}}.booking .payment-badge.cash{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.booking .payment-badge.card{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.booking .pricing-notice{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--pricing-notice-bg);border:2px solid var(--pricing-notice-border);border-radius:var(--radius);margin-top:8px}@media (max-width: 640px){.booking .pricing-notice{flex-direction:column;align-items:center;text-align:center;padding:18px}}.booking .pricing-notice-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--pricing-notice-icon-bg);border-radius:50%;flex-shrink:0;box-shadow:0 6px 16px #f59e0b4d;color:#fff}@media (max-width: 640px){.booking .pricing-notice-icon{width:42px;height:42px}}.booking .pricing-notice-icon svg{width:26px;height:26px}@media (max-width: 640px){.booking .pricing-notice-icon svg{width:22px;height:22px}}.booking .pricing-notice-content{flex:1}.booking .pricing-notice-content p{font-size:15px;color:var(--text);font-weight:500;line-height:1.5}@media (max-width: 640px){.booking .pricing-notice-content p{font-size:14px}}.booking .pricing-notice-content .pricing-link{color:var(--primary);font-weight:700;text-decoration:none}.booking .pricing-notice-content .pricing-link:hover{text-decoration:underline}.booking .contact-notice{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--notice-bg);border:2px solid var(--notice-border);border-radius:var(--radius);margin-top:8px}@media (max-width: 640px){.booking .contact-notice{flex-direction:column;align-items:center;text-align:center;padding:18px}}.booking .contact-notice-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:50%;flex-shrink:0;box-shadow:0 6px 16px #2563eb4d}@media (max-width: 640px){.booking .contact-notice-icon{width:48px;height:48px}}.booking .contact-notice-icon svg{width:28px;height:28px;color:#fff}@media (max-width: 640px){.booking .contact-notice-icon svg{width:24px;height:24px}}.booking .contact-notice-content{flex:1}.booking .contact-notice-content h4{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}@media (max-width: 640px){.booking .contact-notice-content h4{font-size:16px}}.booking .contact-notice-content p{font-size:15px;color:var(--muted);font-weight:500}@media (max-width: 640px){.booking .contact-notice-content p{font-size:14px}}.booking .policy-acceptance{margin-top:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px}.booking .policy-acceptance .checkbox-container{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.booking .policy-acceptance .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.booking .policy-acceptance .checkbox-container .checkbox-custom{display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:24px;flex-shrink:0;transition:transform .2s ease}.booking .policy-acceptance .checkbox-container .checkbox-custom svg{width:24px;height:24px}.booking .policy-acceptance .checkbox-container input:checked~.checkbox-custom{transform:scale(1.1)}.booking .policy-acceptance .checkbox-container .checkbox-label{line-height:1.5;padding-top:2px}.booking .policy-acceptance .checkbox-container .checkbox-label a{color:var(--primary);font-weight:600;text-decoration:none}.booking .policy-acceptance .checkbox-container .checkbox-label a:hover{text-decoration:underline}.booking .step-actions{display:flex;gap:16px;padding-top:24px;border-top:2px solid var(--border)}@media (max-width: 640px){.booking .step-actions{flex-direction:column-reverse;gap:12px}}.booking .success-wrapper{max-width:700px;margin:0 auto;text-align:center;animation:booking-fadeInUp .8s ease-out}.booking .success-icon-container{display:flex;justify-content:center;margin-bottom:32px}.booking .success-icon{width:120px;height:120px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;border:3px solid var(--success-border);box-shadow:0 0 0 12px var(--success-bg);animation:booking-scaleIn .6s ease-out .2s both}@media (max-width: 640px){.booking .success-icon{width:100px;height:100px}}.booking .checkmark{width:60px;height:60px}@media (max-width: 640px){.booking .checkmark{width:50px;height:50px}}.booking .checkmark-circle{stroke:#11998e;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:booking-stroke .6s cubic-bezier(.65,0,.45,1) forwards .4s}.booking .checkmark-check{stroke:#11998e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:booking-stroke .4s cubic-bezier(.65,0,.45,1) forwards .8s}.booking .success-title{font-size:36px;font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.02em}@media (max-width: 1000px){.booking .success-title{font-size:28px}}@media (max-width: 640px){.booking .success-title{font-size:24px}}.booking .success-subtitle{font-size:18px;color:var(--muted);margin-bottom:48px}@media (max-width: 1000px){.booking .success-subtitle{font-size:16px}}@media (max-width: 640px){.booking .success-subtitle{font-size:14px;margin-bottom:32px}}.booking .success-actions{display:flex;gap:16px;justify-content:center}@media (max-width: 640px){.booking .success-actions{flex-direction:column;gap:12px}}.booking .success-actions .btn svg{width:22px;height:22px}.booking .confirm-details{display:grid;gap:16px;margin-bottom:48px}@media (max-width: 640px){.booking .confirm-details{margin-bottom:32px;gap:14px}}.booking .detail-card{display:flex;align-items:center;gap:20px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:left;box-shadow:var(--shadow);animation:booking-fadeInUp .6s ease-out both}@media (max-width: 640px){.booking .detail-card{padding:20px;flex-direction:column;text-align:center}}.booking .detail-card:nth-child(1){animation-delay:.1s}.booking .detail-card:nth-child(2){animation-delay:.2s}.booking .detail-card:nth-child(3){animation-delay:.3s}.booking .detail-card:nth-child(4){animation-delay:.4s}.booking .detail-card:nth-child(5){animation-delay:.5s}.booking .detail-card.primary-card{background:var(--card-hover);border-color:var(--ring)}.booking .detail-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:14px;flex-shrink:0;box-shadow:0 8px 20px #2563eb4d}@media (max-width: 640px){.booking .detail-icon{width:48px;height:48px}}.booking .detail-icon svg{width:32px;height:32px;color:#fff}@media (max-width: 640px){.booking .detail-icon svg{width:28px;height:28px}}.booking .detail-content{flex:1;display:flex;flex-direction:column;gap:4px}.booking .detail-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.booking .detail-value{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.01em}@media (max-width: 640px){.booking .detail-value{font-size:18px}}.booking .detail-time{font-size:32px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin-top:4px}@media (max-width: 640px){.booking .detail-time{font-size:28px}}.booking .detail-meta{font-size:14px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px}@media (max-width: 640px){.booking .detail-meta{flex-wrap:wrap;justify-content:center;font-size:13px}}.booking .contact-info-box{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;box-shadow:var(--shadow)}@media (max-width: 640px){.booking .contact-info-box{padding:24px;margin-bottom:24px}}.booking .contact-info-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:24px;text-align:center}@media (max-width: 640px){.booking .contact-info-title{font-size:20px;margin-bottom:20px}}.booking .contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 640px){.booking .contact-info-grid{grid-template-columns:1fr;gap:16px}}.booking .contact-info-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--chip-bg);border-radius:var(--radius);transition:var(--transition-base)}.booking .contact-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.booking .contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #2563eb40}@media (max-width: 640px){.booking .contact-icon{width:40px;height:40px}}.booking .contact-icon svg{width:24px;height:24px;color:#fff}@media (max-width: 640px){.booking .contact-icon svg{width:22px;height:22px}}.booking .contact-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.booking .contact-value{font-size:16px;font-weight:700;color:var(--text);text-decoration:none;transition:var(--transition-base)}.booking .contact-value:hover{color:var(--primary)}.auth-notice-box{background:#ffc1071a!important;border:1px solid rgba(255,193,7,.3)!important;color:#ffca28!important}.auth-notice-box .auth-notice-text{color:#eee!important}.auth-notice-box .auth-notice-text strong{color:#ffca28}.highlight-auth-field{background-color:#fffdf5!important;transition:all .3s ease}.highlight-auth-field:focus{background-color:#fff;box-shadow:0 0 0 3px #ffc10733!important}.form-input.highlight-auth-field{background:#ffffff0d!important;border:1px solid #ffc107!important;color:#fff!important;box-shadow:0 0 8px #ffc10733;transition:all .2s ease-in-out}.form-input.highlight-auth-field::placeholder{color:#fff6!important}.form-input.highlight-auth-field:focus{background:#ffffff14!important;box-shadow:0 0 12px #ffc10766;border-color:#ffca28!important}.login-warning-badge{background:#d93025;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:900;margin-left:10px;letter-spacing:.5px;vertical-align:middle}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-input-disabled{background:var(--chip-bg)!important;color:var(--muted)!important;cursor:not-allowed!important;opacity:.8;border-color:var(--border)!important}.form-input-disabled:focus{box-shadow:none!important;border-color:var(--border)!important}.form-input-disabled::placeholder{color:var(--muted)!important}html[data-theme=dark] .form-input-disabled{background:#ffffff0d!important;color:#ffffff80!important}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.admin-layout .sidebar{padding:12px}@media (min-width: 1001px){.admin-layout .sidebar{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;overscroll-behavior:contain}}.admin-layout .menu{display:grid;gap:8px}.admin-layout .menu-link{display:inline-flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-weight:700;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.admin-layout .menu-link:hover{background:#94a3b814;border-color:#94a3b859}.admin-layout .menu-link:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.admin-layout .menu-link.active{border-color:#2563eb59;background:#eef2ff;color:var(--primary)}html[data-theme=dark] .admin-layout .menu-link.active{background:#6366f12e}.admin-layout .content{min-width:0}@media (max-width: 1000px){.admin-layout{grid-template-columns:1fr}.admin-layout .sidebar{position:static;top:auto;max-height:none;overflow:visible}}.admin-bookings{display:grid;gap:24px;padding:24px;min-height:100vh}@media (max-width: 640px){.admin-bookings{padding:16px;gap:16px}}.bookings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.bookings-header .header-content{display:flex;align-items:center;gap:16px}.bookings-header .header-title{margin:0;font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em}@media (max-width: 640px){.bookings-header .header-title{font-size:24px}}.bookings-header .header-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;background:var(--primary);color:#fff;border-radius:18px;font-size:16px;font-weight:700;box-shadow:var(--shadow)}.bookings-header .search-container{position:relative;display:flex;align-items:center;flex:1;max-width:400px}@media (max-width: 640px){.bookings-header .search-container{max-width:100%;width:100%}}.bookings-header .search-container .search-icon{position:absolute;left:16px;font-size:18px;pointer-events:none;opacity:.5;z-index:1}.bookings-content{display:grid;gap:32px}.empty-state{text-align:center;padding:60px 24px}.empty-state .empty-icon{font-size:72px;margin-bottom:20px;opacity:.3}.empty-state .empty-title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text)}.booking-group .group-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.booking-group .group-date{margin:0;font-size:20px;font-weight:700;color:var(--text);text-transform:capitalize}@media (max-width: 640px){.booking-group .group-date{font-size:18px}}.booking-group .group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#94a3b81f;color:var(--text);border-radius:16px;font-size:14px;font-weight:600}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}@media (max-width: 640px){.grid-auto{grid-template-columns:1fr}}.booking-card{display:grid;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.booking-card .booking-card-header{display:flex;align-items:center;justify-content:space-between}.booking-card .booking-time{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--primary)}.booking-card .booking-time svg{stroke:currentColor}.booking-card .booking-price{font-size:20px;font-weight:800;color:var(--text)}.booking-card .booking-service{display:grid;gap:8px}.booking-card .service-name{margin:0;font-size:18px;font-weight:700;color:var(--text)}.booking-card .service-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.booking-card .service-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#94a3b81f;border-radius:8px;font-weight:500}.booking-card .meta-sep{color:#94a3b866}.booking-card .booking-details{padding:16px;background:#94a3b80f;border-radius:12px;display:grid;gap:10px}.booking-card .detail-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.booking-card .detail-icon{font-size:18px;opacity:.7;flex-shrink:0}.booking-card .detail-text{flex:1}.booking-card .detail-link{flex:1;color:var(--primary);text-decoration:none;transition:opacity .2s}.booking-card .detail-link:hover{opacity:.7}.booking-card .booking-actions{display:grid;grid-template-columns:1fr auto;gap:12px}.booking-card .booking-description{margin:12px 0 8px;padding:10px 14px;background:#94a3b814;border-left:3px solid var(--primary);border-radius:0 8px 8px 0;font-size:13px;font-style:italic;color:var(--text);line-height:1.5;opacity:.9}.btn-danger{color:#ef4444!important}.btn-danger:hover:not(:disabled){background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:fadeIn .3s ease;pointer-events:auto}.modal-overlay.is-closing{animation:fadeOut .3s ease}.modal-overlay.is-closing .modal-container{animation:slideDown .3s ease}@media (max-width: 640px){.modal-overlay{padding:0}}.modal-container{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s ease;position:relative;z-index:100000;pointer-events:auto}@media (max-width: 640px){.modal-container{max-height:100vh;border-radius:0}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px}.modal-header .modal-title{margin:0;font-size:24px;font-weight:700;color:var(--text)}@media (max-width: 640px){.modal-header .modal-title{font-size:20px}}.modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#94a3b81f;border-radius:12px;cursor:pointer;color:var(--muted);transition:all .2s;flex-shrink:0;pointer-events:auto}.modal-header .modal-close:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.modal-header .modal-close:active{transform:scale(.95)}.modal-body{flex:1;overflow-y:auto;padding:24px;display:grid;gap:28px;background:var(--surface);pointer-events:auto}.booking-summary{background:#94a3b80f;border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;gap:14px}.booking-summary .summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.booking-summary .summary-label{font-size:14px;font-weight:500;color:var(--muted)}.booking-summary .summary-value{font-size:15px;font-weight:600;color:var(--text);text-align:right}.booking-summary .category-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#94a3b81f;border-radius:8px;font-weight:500}.booking-summary .summary-row.has-description{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.booking-summary .summary-row.has-description .summary-label{display:flex;align-items:center;gap:6px;color:var(--primary);font-weight:600}.booking-summary .summary-row.has-description .summary-label svg{font-size:16px}.booking-summary .summary-row.has-description .summary-value{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:8px;font-size:14px;line-height:1.5;white-space:pre-wrap;color:var(--text);font-weight:400;box-shadow:var(--shadow-sm)}.reschedule-section{background:#94a3b80a;border:1px dashed var(--border);border-radius:16px;padding:20px;display:grid;gap:20px;animation:fadeIn .3s ease}.reschedule-section .section-title{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--text)}.reschedule-section .date-picker-wrapper,.reschedule-section .time-picker-wrapper{display:grid;gap:12px}.reschedule-section .date-picker-wrapper label,.reschedule-section .time-picker-wrapper label{font-weight:600;font-size:15px;color:var(--text)}.reschedule-section .time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}@media (max-width: 640px){.reschedule-section .time-slots{grid-template-columns:repeat(3,1fr)}}.reschedule-section .time-slot{height:56px;border:2px solid var(--border);border-radius:var(--radius, 12px);background:var(--surface);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.reschedule-section .time-slot{height:48px;font-size:14px}}.reschedule-section .time-slot:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.reschedule-section .time-slot.active{background:var(--primary-gradient, var(--primary));border-color:transparent;color:#fff;box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.reschedule-section .time-slot:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--border)}.reschedule-section .centered-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;min-height:80px}.reschedule-section .centered-loader .spinner{width:24px;height:24px;border-color:#0000001a;border-top-color:var(--primary)}.reschedule-section .empty-slots{text-align:center;padding:24px;background:#94a3b80f;border-radius:12px;color:var(--muted);font-size:14px;font-weight:500}.workers-section .section-title{margin:0 0 20px;font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.workers-section .section-count{font-size:16px;font-weight:500;color:var(--muted)}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media (max-width: 640px){.workers-grid{grid-template-columns:1fr}}.worker-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;-webkit-user-select:none;user-select:none;pointer-events:auto}.worker-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.worker-card:active{transform:translateY(-2px)}.worker-card.selected{border-color:var(--primary);background:#3b82f614;box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.worker-card *{pointer-events:none}.worker-card .worker-info{flex:1;min-width:0}.worker-card .worker-name{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-card .worker-skill{margin:0 0 10px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-card .worker-rating{display:flex;align-items:center;gap:8px;font-size:14px}.worker-card .worker-rating .stars{color:#f59e0b;font-size:16px;line-height:1;letter-spacing:2px}.worker-card .worker-rating .rating-value{font-weight:600;color:var(--muted)}.worker-card .worker-check{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666;animation:scaleIn .3s ease-out}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;-webkit-user-select:none;user-select:none;pointer-events:auto}.spinner:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.spinner:active{transform:translateY(-2px)}.spinner.selected{border-color:var(--primary);background:#3b82f614;box-shadow:var(--shadow-md),0 0 0 3px var(--ring)}.spinner *{pointer-events:none}.spinner .worker-info{flex:1;min-width:0}.spinner .worker-name{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spinner .worker-skill{margin:0 0 10px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spinner .worker-rating{display:flex;align-items:center;gap:8px;font-size:14px}.spinner .worker-rating .stars{color:#f59e0b;font-size:16px;line-height:1;letter-spacing:2px}.spinner .worker-rating .rating-value{font-weight:600;color:var(--muted)}.spinner .worker-check{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666;animation:scaleIn .3s ease-out}.worker-skeleton{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.worker-skeleton .skeleton-avatar{width:64px;height:64px;border-radius:12px;background:linear-gradient(90deg,#94a3b81f,#94a3b833,#94a3b81f);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.worker-skeleton .skeleton-content{flex:1;display:grid;gap:10px}.worker-skeleton .skeleton-content .skeleton-line{height:14px;background:linear-gradient(90deg,#94a3b81f,#94a3b833,#94a3b81f);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.worker-skeleton .skeleton-content .skeleton-line.short{width:60%}.avatar-img,.avatar-fallback{width:64px;height:64px;border-radius:12px;flex-shrink:0;object-fit:cover;box-shadow:var(--shadow);border:3px solid var(--surface)}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700}.empty-workers{text-align:center;padding:60px 24px;background:#94a3b80a;border:1px dashed var(--border);border-radius:16px}.empty-workers svg{color:#94a3b84d;margin-bottom:16px}.empty-workers p{margin:0;font-size:15px;color:var(--muted)}.modal-footer{display:flex;gap:16px;padding:20px 24px;border-top:1px solid var(--border);background:#94a3b808;flex-shrink:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;pointer-events:auto}@media (max-width: 640px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.kpi-skel{height:100px;border-radius:16px;background:linear-gradient(90deg,#94a3b81f,#94a3b833,#94a3b81f);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.edit-grid{display:grid;gap:16px;margin-bottom:20px;padding:20px;background:#94a3b80d;border-radius:12px;border:1px dashed var(--border);animation:fadeIn .3s ease}.edit-grid label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block;letter-spacing:.5px}.edit-grid .input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;transition:all .2s}.edit-grid .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.edit-grid>div[style*=grid-template-columns]{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.edit-grid>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.admin-dashboard{display:grid;gap:16px}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.exports{display:flex;gap:8px;flex-wrap:wrap}.report-wrap{display:grid;gap:16px}.kpi-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:grid;gap:6px}.kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.kpi-value{font-size:28px;font-weight:900;letter-spacing:-.01em}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}.table-wrap{overflow:auto}.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.table.hover tbody tr:hover{background:#94a3b814}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tools{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent}.status.pending{background:#f59e0b29;color:#b45309;border-color:#f59e0b40}.status.confirmed{background:#3b82f629;color:#1d4ed8;border-color:#3b82f640}.status.done{background:#10b98129;color:#047857;border-color:#10b98140}.status.canceled{background:#ef444429;color:#b91c1c;border-color:#ef444440}.more{display:grid;place-items:center;margin-top:8px}.error{color:#ef4444}.skeleton{border-radius:14px;background:linear-gradient(90deg,#94a3b81f,#94a3b833,#94a3b81f);background-size:200% 100%;animation:pulse-bg 1.5s ease-in-out infinite}.kpi-skel{height:96px}.tall{height:240px}@keyframes pulse-bg{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.admin-dashboard{gap:12px}.topbar{flex-direction:column;align-items:stretch}.exports{width:100%}.exports .btn{flex:1}.table-wrap{overflow:visible}.table thead{display:none}.table tbody tr{display:block;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface)}.table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);text-align:right}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;color:var(--muted);margin-right:12px;text-align:left}}.awd .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.awd .toolbar h2{margin:0;letter-spacing:-.01em;font-weight:900}.awd .tools{display:flex;gap:8px;flex-wrap:wrap}.awd .m0{margin:0}.awd .section-title{font-size:16px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}.awd .summary{display:grid;gap:6px}.awd .table{width:100%;border-collapse:collapse}.awd .table th,.awd .table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}.awd .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.awd .kpi{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.awd .kpi .value{font-size:20px;font-weight:900;letter-spacing:-.01em}.awd .chip.adm{border-color:#2563eb59;background:#2563eb14}.awd .chip.emp{border-color:#10b98159;background:#10b98114}.awd .schedule{display:grid;gap:14px}.awd .slot-btn{height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.awd .extra .card.soft{background:linear-gradient(180deg,var(--surface),rgba(148,163,184,.06))}.awd .actions-end{display:flex;align-items:end}.awd .wrap{align-items:start}.awd .label{font-size:12px;color:var(--muted)}.block-date{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.awd .legend{display:flex;gap:12px;align-items:center}.awd .legend-item{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.awd .legend-sample{width:16px;height:16px;border-radius:4px;border:1px solid var(--border);display:inline-block}.awd .legend-sample.adm{background:linear-gradient(180deg,#2563eb40,#2563eb0d)}.awd .legend-sample.emp{background:repeating-linear-gradient(45deg,#94a3b829 0 6px,#94a3b847 6px 12px)}.awd .report{display:grid;gap:12px}.awd .profile-box{display:flex;align-items:center;gap:20px;padding:8px}.awd .profile-avatar{width:72px;height:72px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--border),var(--surface));display:grid;place-items:center;overflow:hidden;border:3px solid var(--surface);box-shadow:0 4px 12px #00000014;color:transparent}.awd .profile-avatar img{width:100%;height:100%;object-fit:cover}.awd .profile-avatar span{font-size:32px;font-weight:700;color:var(--muted);text-transform:uppercase}.awd .profile-details{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.awd .profile-link{text-decoration:none;color:inherit;display:block;max-width:100%}.awd .profile-name{font-size:19px;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis}.awd .profile-link:hover .profile-name{color:var(--primary)}.awd .profile-meta{display:flex;align-items:center;gap:12px}.awd .profile-details{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding-right:5px}.awd .profile-details .chips.skills .chip{padding:4px 10px;font-size:11px;margin:0}.awd .chip-edit{background:transparent;border:1px dashed var(--border);color:var(--muted);cursor:pointer;transition:all .2s}.awd .chip-edit:hover{border-color:var(--primary);color:var(--primary)}.awd .skill-edit-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.awd .skill-input{flex:1;min-width:180px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px}.awd .skill-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.awd .profile-city{font-size:12px;position:relative;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.awd .profile-city:before{content:"•";color:var(--muted);margin-right:12px}.awd .profile-rating{text-align:center;padding-left:20px;border-left:1px solid var(--border);min-width:90px}.awd .profile-rating .value{font-size:24px;font-weight:900;color:var(--primary);line-height:1.1}.awd .profile-rating .label{font-size:12px;color:var(--muted)}.awd .awd-content-wrapper{transition:filter .2s ease-out}.awd .awd-content-wrapper.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.awd .profile-box{flex-direction:column;align-items:flex-start;gap:16px}.awd .profile-rating{border-left:none;border-top:1px solid var(--border);width:100%;text-align:left;padding-left:0;padding-top:12px;margin-top:8px}}body.dark-mode .awd .modal-card,body.dark-mode .modal-card,html.dark-mode .awd .modal-card,html.dark-mode .modal-card,.dark-mode .awd .modal-card,.dark-mode .modal-card,[data-theme=dark] .awd .modal-card,[data-theme=dark] .modal-card{background-color:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}body.dark-mode .awd .modal-header h3,body.dark-mode .modal-header h3,html.dark-mode .awd .modal-header h3,html.dark-mode .modal-header h3,.dark-mode .awd .modal-header h3,.dark-mode .modal-header h3,[data-theme=dark] .awd .modal-header h3,[data-theme=dark] .modal-header h3{color:#f8fafc!important}body.dark-mode .awd .icon-btn,body.dark-mode .icon-btn,html.dark-mode .awd .icon-btn,html.dark-mode .icon-btn,.dark-mode .awd .icon-btn,.dark-mode .icon-btn,[data-theme=dark] .awd .icon-btn,[data-theme=dark] .icon-btn{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .awd .icon-btn:hover,body.dark-mode .icon-btn:hover,html.dark-mode .awd .icon-btn:hover,html.dark-mode .icon-btn:hover,.dark-mode .awd .icon-btn:hover,.dark-mode .icon-btn:hover,[data-theme=dark] .awd .icon-btn:hover,[data-theme=dark] .icon-btn:hover{background-color:#334155!important;color:#fff!important}body.dark-mode .awd .slot-btn,body.dark-mode .slot-btn,body.dark-mode button.slot-btn,html.dark-mode .awd .slot-btn,html.dark-mode .slot-btn,html.dark-mode button.slot-btn,.dark-mode .awd .slot-btn,.dark-mode .slot-btn,.dark-mode button.slot-btn,[data-theme=dark] .awd .slot-btn,[data-theme=dark] .slot-btn,[data-theme=dark] button.slot-btn{background-color:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important;box-shadow:none!important}body.dark-mode .awd .slot-btn:hover,body.dark-mode .slot-btn:hover,body.dark-mode button.slot-btn:hover,html.dark-mode .awd .slot-btn:hover,html.dark-mode .slot-btn:hover,html.dark-mode button.slot-btn:hover,.dark-mode .awd .slot-btn:hover,.dark-mode .slot-btn:hover,.dark-mode button.slot-btn:hover,[data-theme=dark] .awd .slot-btn:hover,[data-theme=dark] .slot-btn:hover,[data-theme=dark] button.slot-btn:hover{background-color:#334155!important;border-color:#64748b!important;color:#fff!important}body.dark-mode .awd .slot-btn.active,body.dark-mode .slot-btn.active,body.dark-mode button.slot-btn.active,html.dark-mode .awd .slot-btn.active,html.dark-mode .slot-btn.active,html.dark-mode button.slot-btn.active,.dark-mode .awd .slot-btn.active,.dark-mode .slot-btn.active,.dark-mode button.slot-btn.active,[data-theme=dark] .awd .slot-btn.active,[data-theme=dark] .slot-btn.active,[data-theme=dark] button.slot-btn.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 0 15px #2563eb66!important}body.dark-mode .awd .slot-btn.locked,body.dark-mode .slot-btn.locked,body.dark-mode button.slot-btn.locked,html.dark-mode .awd .slot-btn.locked,html.dark-mode .slot-btn.locked,html.dark-mode button.slot-btn.locked,.dark-mode .awd .slot-btn.locked,.dark-mode .slot-btn.locked,.dark-mode button.slot-btn.locked,[data-theme=dark] .awd .slot-btn.locked,[data-theme=dark] .slot-btn.locked,[data-theme=dark] button.slot-btn.locked{background:repeating-linear-gradient(45deg,#ffffff0d 0 6px,#ffffff1a 6px 12px)!important;color:#64748b!important;border-color:#334155!important;cursor:not-allowed!important}body.dark-mode .awd .chip,body.dark-mode .chip,html.dark-mode .awd .chip,html.dark-mode .chip,.dark-mode .awd .chip,.dark-mode .chip,[data-theme=dark] .awd .chip,[data-theme=dark] .chip{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .awd .chip:hover,body.dark-mode .chip:hover,html.dark-mode .awd .chip:hover,html.dark-mode .chip:hover,.dark-mode .awd .chip:hover,.dark-mode .chip:hover,[data-theme=dark] .awd .chip:hover,[data-theme=dark] .chip:hover{background-color:#334155!important;color:#fff!important}body.dark-mode .awd .input,body.dark-mode input[type=date],html.dark-mode .awd .input,html.dark-mode input[type=date],.dark-mode .awd .input,.dark-mode input[type=date],[data-theme=dark] .awd .input,[data-theme=dark] input[type=date]{background-color:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important;color-scheme:dark}body.dark-mode .awd .day-card,body.dark-mode .day-card,html.dark-mode .awd .day-card,html.dark-mode .day-card,.dark-mode .awd .day-card,.dark-mode .day-card,[data-theme=dark] .awd .day-card,[data-theme=dark] .day-card{background-color:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}body.dark-mode .awd .day-card:hover,body.dark-mode .day-card:hover,html.dark-mode .awd .day-card:hover,html.dark-mode .day-card:hover,.dark-mode .awd .day-card:hover,.dark-mode .day-card:hover,[data-theme=dark] .awd .day-card:hover,[data-theme=dark] .day-card:hover{border-color:#64748b!important;background-color:#334155!important}.history-admin{font-family:inherit;color:var(--text);padding-bottom:80px;--status-pending: #f59e0b;--status-confirmed: var(--primary);--status-done: #10b981;--status-canceled: #ef4444;--status-incomplete: var(--muted);box-sizing:border-box}.history-admin *,.history-admin *:before,.history-admin *:after{box-sizing:border-box}.ha-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.ha-topbar h1{margin:0;font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.02em;color:var(--text)}.ha-grid{display:grid;gap:16px}.ha-grid.ha-grid-6{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:32px}.ha-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.ha-kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.ha-kpi-card .ha-kpi-label{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--muted);letter-spacing:.05em}.ha-kpi-card .ha-kpi-value{font-size:28px;font-weight:800;color:var(--text);line-height:1}.ha-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}.ha-kpi-card.incomplete:before{background:var(--status-incomplete)}.ha-kpi-card.pending:before{background:var(--status-pending)}.ha-kpi-card.confirmed:before{background:var(--status-confirmed)}.ha-kpi-card.done:before{background:var(--status-done)}.ha-kpi-card.canceled:before{background:var(--status-canceled)}.ha-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);margin-bottom:24px;display:flex;flex-direction:column;gap:20px}.ha-filter-row{display:flex;flex-direction:column;gap:8px}.ha-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ha-filter-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.02em}.ha-filter-actions{display:flex;gap:8px}.ha-link-btn{background:transparent;border:1px solid transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:8px;transition:all .2s ease}.ha-link-btn:hover{background:#2563eb1a;text-decoration:none}.ha-link-btn:active{transform:translateY(1px)}.ha-input{height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;width:100%;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.ha-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.ha-date-inputs{display:flex;align-items:center;gap:12px}.ha-date-inputs input{flex:1}.ha-chips{display:flex;flex-wrap:wrap;gap:8px}.ha-chip{padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ha-chip:hover{transform:translateY(-1px);border-color:var(--muted)}.ha-chip.selected{background:#2563eb1a;border-color:var(--primary);color:var(--primary);font-weight:600}.ha-chip.ha-status-pending.selected{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b}.ha-chip.ha-status-confirmed.selected{background:#2563eb26;color:var(--primary);border-color:var(--primary)}.ha-chip.ha-status-done.selected{background:#10b98126;color:#10b981;border-color:#10b981}.ha-chip.ha-status-canceled.selected{background:#ef444426;color:#ef4444;border-color:#ef4444}.ha-bookings-list{display:flex;flex-direction:column;gap:32px}.ha-day-header{display:flex;align-items:center;gap:12px;padding-left:4px;margin-bottom:16px}.ha-day-header .ha-day-date{font-size:18px;font-weight:700;color:var(--text);text-transform:capitalize}.ha-day-header .ha-day-count{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:99px;border:1px solid var(--border)}.ha-day-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.ha-booking-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:var(--shadow-sm)}.ha-booking-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary)}.ha-booking-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0}.ha-booking-card.ha-status-incomplete:before{background:var(--status-incomplete)}.ha-booking-card.ha-status-pending:before{background:var(--status-pending)}.ha-booking-card.ha-status-confirmed:before{background:var(--status-confirmed)}.ha-booking-card.ha-status-done:before{background:var(--status-done)}.ha-booking-card.ha-status-canceled:before{background:var(--status-canceled)}.ha-order-attention-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:99px;box-shadow:0 4px 10px #ef44444d;z-index:2;text-transform:uppercase}.ha-booking-header{display:flex;justify-content:space-between;align-items:center}.ha-booking-time{font-weight:700;color:var(--text);font-size:16px}.ha-status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ha-status-badge.incomplete{background:#94a3b826;color:var(--muted)}.ha-status-badge.pending{background:#f59e0b26;color:#d97706}.ha-status-badge.confirmed{background:#2563eb26;color:var(--primary)}.ha-status-badge.done{background:#10b98126;color:#059669}.ha-status-badge.canceled{background:#ef444426;color:#dc2626}.ha-booking-service{display:flex;flex-direction:column;gap:4px}.ha-booking-service .ha-service-name{font-weight:700;font-size:16px;color:var(--text)}.ha-booking-service .ha-service-meta{font-size:13px;color:var(--muted)}.ha-booking-problem-preview{padding:8px 12px;background:#2563eb0d;border-left:3px solid var(--primary);border-radius:0 6px 6px 0;font-size:13px;font-style:italic;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ha-booking-info{background:var(--bg);padding:12px;border-radius:10px;font-size:13px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border)}.ha-booking-info .ha-info-row{display:flex;gap:8px;align-items:center}.ha-booking-info .ha-info-row span:first-child{opacity:.7;width:16px;text-align:center}.ha-booking-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;font-weight:700}.ha-price{color:var(--primary);font-size:18px}.ha-price-placeholder{font-size:12px;color:var(--muted);font-style:italic;font-weight:400}.ha-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.ha-modal-overlay.open{opacity:1;pointer-events:auto}.ha-modal-dialog{background:var(--surface);width:95vw;max-width:900px;height:90vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.open .ha-modal-dialog{transform:translateY(0)}.ha-modal-header{padding:20px 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.ha-modal-header h2{margin:0;font-size:22px;font-weight:800;color:var(--text)}.ha-modal-header .ha-header-separator{margin:0 8px;color:var(--muted)}.ha-modal-header .ha-btn-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ha-modal-header .ha-btn-close:hover{background:var(--bg);color:var(--text)}.ha-modal-body{flex:1;overflow-y:auto;padding:32px;background:var(--bg)}.ha-modal-grid-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}@media (max-width: 800px){.ha-modal-grid-layout{grid-template-columns:1fr}.ha-modal-dialog{width:100%;height:100%;border-radius:0}}.ha-column-left,.ha-column-right{display:flex;flex-direction:column;gap:20px}.ha-detail-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.ha-detail-section-card h3{margin:0 0 4px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:12px}.ha-full-width-card{grid-column:1/-1}.ha-detail-item{display:flex;flex-direction:column;gap:4px}.ha-full-width{width:100%}.ha-detail-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.ha-detail-value{font-size:15px;font-weight:500;color:var(--text);line-height:1.5}.ha-phone-link{color:var(--primary);text-decoration:none;font-weight:700}.ha-problem-desc-box{background:var(--bg);padding:16px;border-radius:8px;border:1px dashed var(--border);font-size:14px;white-space:pre-wrap;color:var(--text)}.ha-worker-report{border-color:#10b981;background:#10b9810d}.ha-italic{font-style:italic;color:var(--muted)}.ha-termin-card{border:1px solid var(--primary);background:linear-gradient(to bottom right,var(--surface),rgba(37,99,235,.05));box-shadow:0 10px 30px -10px #2563eb33}.ha-termin-display-large{text-align:center;padding:10px 0;display:flex;flex-direction:column;align-items:center}.ha-date-big{font-size:24px;font-weight:800;color:var(--text)}.ha-year-small{font-size:14px;color:var(--muted);margin-bottom:8px}.ha-time-big{font-size:18px;font-weight:600;color:var(--primary);background:var(--surface);padding:4px 16px;border-radius:99px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.ha-duration-small{font-size:14px;font-weight:400;color:var(--muted)}.ha-btn-change-date{width:100%;padding:12px;border:1px dashed var(--border);background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.ha-btn-change-date:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.ha-reschedule-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.ha-reschedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ha-reschedule-actions{display:flex;gap:10px}.ha-btn-action{flex:1;padding:10px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.ha-btn-action.save{background:var(--primary);color:#fff;border:none;box-shadow:var(--shadow-sm)}.ha-btn-action.cancel{background:transparent;border:1px solid var(--border);color:var(--text)}.ha-worker-badge{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-weight:600}.ha-worker-badge:before{content:"👷‍♂️";font-size:18px}.ha-info-row-grid{display:flex;gap:16px}.ha-info-row-grid .ha-detail-item{flex:1}.ha-price-large{font-size:24px;font-weight:800;color:var(--primary)}.ha-modal-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.ha-gallery-thumb{aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--border);cursor:pointer}.ha-gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.ha-gallery-thumb:hover img{transform:scale(1.05)}.ha-status-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 600px){.ha-status-btns{grid-template-columns:1fr 1fr}}.ha-btn-status{padding:12px;font-size:11px;font-weight:700;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:10px;cursor:pointer;text-transform:uppercase;transition:all .2s}.ha-btn-status:hover{color:var(--text);border-color:var(--muted);background:var(--surface)}.ha-btn-status.active{border-color:transparent;color:#fff;transform:scale(1.02);box-shadow:var(--shadow)}.ha-btn-status.ha-status-pending.active{background:#f59e0b}.ha-btn-status.ha-status-confirmed.active{background:var(--primary)}.ha-btn-status.ha-status-done.active{background:#10b981}.ha-btn-status.ha-status-canceled.active{background:#ef4444}.ha-modal-footer{padding:20px 32px;border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:flex-end;gap:12px}.ha-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ha-btn:hover{transform:translateY(-1px)}.ha-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;border:none;box-shadow:0 6px 18px #2563eb40}.ha-btn-primary:hover{filter:brightness(1.1)}.ha-btn-danger{background:#fef2f2;color:#ef4444;border-color:#fecaca}.ha-btn-danger:hover{background:#fee2e2}.ha-btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.ha-btn-outline:hover{background:var(--bg)}.ha-toast{position:fixed;bottom:24px;right:24px;padding:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;display:flex;align-items:center;gap:12px;z-index:11000;color:var(--text)}.ha-toast-success{border-left:4px solid #10b981}.ha-toast-error{border-left:4px solid #ef4444}.ha-toast-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted)}.ha-lightbox{position:fixed;inset:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center}.ha-lightbox img{max-width:90%;max-height:90%;border-radius:8px}.ha-lightbox-close{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer}.ha-lightbox-close:hover{background:#fff6}.ha-skeleton{background:linear-gradient(90deg,var(--bg) 25%,var(--border) 50%,var(--bg) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius)}.ha-kpi-skel{height:100px}.ha-tall{height:400px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ha-section-header-flex{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:8px}.ha-section-header-flex h3{border-bottom:none;padding-bottom:0;margin-bottom:0}.ha-edit-actions-mini{display:flex;gap:8px;align-items:center}.ha-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-danger{color:#ef4444}.ha-btn-sm{height:32px;padding:0 12px;font-size:12px}@keyframes mag-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes mag-reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mag-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mag-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes mag-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mag-slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.magazyn-admin{position:relative;min-height:100vh;padding:40px 0}@media (max-width: 640px){.magazyn-admin{padding:20px 0}}.mag-static-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.mag-bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:mag-float 20s ease-in-out infinite}@media (max-width: 640px){.mag-bg-gradient-orb{filter:blur(80px);opacity:.2}}.mag-bg-gradient-orb.mag-bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.3),transparent 70%);top:-200px;left:-100px;animation-delay:0s}@media (max-width: 640px){.mag-bg-gradient-orb.mag-bg-orb-1{width:300px;height:300px}}.mag-bg-gradient-orb.mag-bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.3),transparent 70%);top:40%;right:-150px;animation-delay:5s}@media (max-width: 640px){.mag-bg-gradient-orb.mag-bg-orb-2{width:250px;height:250px}}.mag-bg-gradient-orb.mag-bg-orb-3{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.2),transparent 70%);bottom:-250px;left:30%;animation-delay:10s}@media (max-width: 640px){.mag-bg-gradient-orb.mag-bg-orb-3{width:350px;height:350px}}.mag-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}@media (max-width: 640px){.mag-bg-grid{background-size:30px 30px}}html[data-theme=dark] .mag-bg-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.mag-reveal{animation:mag-reveal-up .8s cubic-bezier(.34,1.56,.64,1) both}.mag-admin-container{position:relative;z-index:1;max-width:100%;margin:0;padding:0}.mag-admin-header{margin-bottom:24px}.mag-admin-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}@media (max-width: 1000px){.mag-admin-header__content{flex-direction:column;align-items:stretch}}.mag-admin-header__title-group{flex:1}.mag-admin-header__actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 1000px){.mag-admin-header__actions{width:100%}}@media (max-width: 640px){.mag-admin-header__actions{flex-direction:column}}.mag-admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#2563eb1a;color:var(--primary);border-radius:999px;font-size:12px;font-weight:700;margin-bottom:8px;border:1px solid rgba(37,99,235,.2)}.mag-admin-badge svg{width:14px;height:14px}.mag-admin-header__title{font-size:clamp(24px,4vw,32px);font-weight:900;letter-spacing:-.03em;margin:0 0 8px;background:linear-gradient(135deg,#6366f1,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.mag-admin-header__subtitle{font-size:14px;color:var(--muted);margin:0;line-height:1.6;font-weight:500}.mag-stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1000px){.mag-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.mag-stats-overview{grid-template-columns:1fr;gap:12px}}.mag-stat-box{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.mag-stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.mag-stat-box__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.mag-stat-box__icon svg{width:24px;height:24px;color:#fff}.mag-stat-box--primary .mag-stat-box__icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.mag-stat-box--success .mag-stat-box__icon{background:linear-gradient(135deg,#10b981,#059669)}.mag-stat-box--info .mag-stat-box__icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mag-stat-box--warning .mag-stat-box__icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.mag-stat-box__content{flex:1;min-width:0}.mag-stat-box__value{font-size:20px;font-weight:900;color:var(--text);margin:0 0 2px;line-height:1;letter-spacing:-.02em}.mag-stat-box__label{font-size:11px;color:var(--muted);font-weight:600}.mag-stat-box__sub{font-size:10px;color:var(--muted);font-weight:500;margin-top:2px}.mag-table-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 640px){.mag-table-controls{flex-direction:column;align-items:stretch}}.mag-table-controls__left,.mag-table-controls__right{display:flex;gap:8px;align-items:center}@media (max-width: 640px){.mag-table-controls__left,.mag-table-controls__right{width:100%}}.mag-table-controls__left{flex:1}@media (max-width: 640px){.mag-table-controls__left{flex-direction:column;align-items:stretch}}@media (max-width: 1000px){.mag-table-controls__right{flex-wrap:wrap}}@media (max-width: 640px){.mag-table-controls__right{flex-direction:column;align-items:stretch}}.mag-search-box{position:relative;flex:1;min-width:280px}@media (max-width: 640px){.mag-search-box{min-width:100%}}.mag-search-box__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.mag-search-box input{width:100%;height:44px;padding:0 40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm)}.mag-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.mag-search-box input::placeholder{color:var(--muted)}.mag-search-box__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:all .2s ease}.mag-search-box__clear:hover{background:var(--chip-bg);color:var(--text)}.mag-search-box__clear svg{width:16px;height:16px}.mag-btn-filter{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.mag-btn-filter{flex:1;justify-content:center}}.mag-btn-filter svg{width:18px;height:18px;flex-shrink:0}.mag-btn-filter:hover{border-color:var(--primary);background:#2563eb0d;color:var(--primary)}.mag-btn-filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mag-filter-badge-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:#ef4444;border-radius:50%;border:2px solid var(--surface)}.mag-sort-select{height:44px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.mag-sort-select{flex:1;width:100%}}.mag-sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.mag-filters-panel{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-bottom:16px}.mag-filters-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}@media (max-width: 640px){.mag-filters-panel__header{flex-direction:column;align-items:flex-start}}.mag-filters-panel__title{display:flex;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:800;color:var(--text)}.mag-filters-panel__title svg{width:16px;height:16px}.mag-btn-clear-filters{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}@media (max-width: 640px){.mag-btn-clear-filters{width:100%;justify-content:center}}.mag-btn-clear-filters svg{width:14px;height:14px}.mag-btn-clear-filters:hover{background:var(--chip-bg);border-color:var(--primary)}.mag-filter-group{display:flex;flex-direction:column;gap:8px}.mag-filter-label{font-size:13px;font-weight:700;color:var(--text)}.mag-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.mag-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mag-chip:hover{background:#2563eb1a;border-color:var(--primary);transform:translateY(-1px)}.mag-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mag-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}@media (max-width: 1000px){.mag-products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 640px){.mag-products-grid{grid-template-columns:1fr}}.mag-product-card{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease;animation:mag-slideUp .4s cubic-bezier(.34,1.56,.64,1) both}.mag-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.mag-product-card.selected{border-color:var(--primary);background:#2563eb0d}.mag-product-card__checkbox{position:absolute;top:12px;left:12px;z-index:10}.mag-product-card__checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.mag-product-card__content{cursor:pointer;padding:16px}.mag-product-card__image{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;background:var(--bg);margin-bottom:16px}.mag-product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mag-product-card:hover .mag-product-card__image img{transform:scale(1.05)}.mag-product-card__status-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mag-product-card__status-badge svg{width:14px;height:14px}.mag-product-card__info{display:flex;flex-direction:column;gap:12px}.mag-product-card__name{font-size:16px;font-weight:800;color:var(--text);margin:0;line-height:1.3}.mag-product-card__desc{font-size:12px;color:var(--muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-product-card__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mag-product-card__sku{font-family:Courier New,monospace;font-size:11px;background:var(--bg);padding:4px 8px;border-radius:4px;color:var(--primary);font-weight:600;border:1px solid var(--border)}.mag-product-card__category{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--chip-bg);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--text)}.mag-product-card__category svg{width:12px;height:12px}.mag-product-card__details{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.mag-product-card__detail{display:flex;flex-direction:column;gap:4px}.mag-product-card__detail-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase}.mag-product-card__detail-value{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:4px}.mag-product-card__detail-value.mag-price{color:var(--primary)}.mag-product-card__detail-value .mag-warning-icon{color:#f59e0b;width:14px;height:14px}.mag-product-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.mag-product-card__supplier{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.mag-product-card__supplier svg{width:14px;height:14px}.mag-product-card__view-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mag-product-card__view-btn svg{width:14px;height:14px}.mag-product-card__view-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.mag-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center}.mag-empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#2563eb1a;border-radius:50%}.mag-empty-state__icon svg{width:40px;height:40px;color:var(--primary)}.mag-empty-state__title{font-size:20px;font-weight:800;color:var(--text);margin:0}.mag-empty-state__text{font-size:14px;color:var(--muted);margin:0 0 12px;max-width:400px}.mag-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--chip-bg);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--text);white-space:nowrap}.mag-category-badge svg{width:12px;height:12px}.mag-status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.mag-status-badge svg{width:12px;height:12px}.mag-status-badge--available{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.4)}.mag-status-badge--low{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.4)}.mag-status-badge--out{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.4)}.mag-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:1000;padding:20px;overflow-y:auto;animation:mag-fadeIn .2s ease-out}@media (max-width: 640px){.mag-modal-overlay{padding:0;align-items:flex-start}}.mag-modal-overlay.is-closing{animation:mag-fadeOut .2s ease-out forwards}.mag-modal-container{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);max-width:680px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:mag-slideUp .3s cubic-bezier(.34,1.56,.64,1);margin:auto}.mag-modal-container--large{max-width:900px}@media (max-width: 640px){.mag-modal-container{max-height:100vh;border-radius:0;height:100vh}}.is-closing .mag-modal-container{animation:mag-slideDown .3s ease-out forwards}.mag-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}@media (max-width: 640px){.mag-modal__header{padding:16px 20px}}.mag-modal__title{font-size:20px;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}@media (max-width: 640px){.mag-modal__title{font-size:18px}}.mag-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mag-modal__close svg{width:20px;height:20px;color:var(--text)}.mag-modal__close:hover{background:var(--chip-bg);border-color:var(--primary)}.mag-modal__body{padding:24px;overflow-y:auto;flex:1}@media (max-width: 640px){.mag-modal__body{padding:20px}}.mag-modal__body::-webkit-scrollbar{width:8px}.mag-modal__body::-webkit-scrollbar-track{background:var(--bg)}.mag-modal__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.mag-modal__body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.mag-modal__footer{display:flex;gap:10px;padding:20px 24px;border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 640px){.mag-modal__footer{padding:16px 20px;flex-direction:column-reverse}}.mag-modal__footer .btn{flex:1}@media (max-width: 640px){.mag-modal__footer .btn{width:100%}}.mag-product-view__header{display:flex;gap:20px;margin-bottom:24px}@media (max-width: 640px){.mag-product-view__header{flex-direction:column}}.mag-product-view__image{width:200px;height:200px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--border);flex-shrink:0}@media (max-width: 640px){.mag-product-view__image{width:100%;height:250px}}.mag-product-view__image img{width:100%;height:100%;object-fit:cover}.mag-product-view__main{flex:1}.mag-product-view__name{font-size:24px;font-weight:900;color:var(--text);margin:0 0 12px;line-height:1.2}@media (max-width: 640px){.mag-product-view__name{font-size:20px}}.mag-product-view__desc{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.6}.mag-product-view__badges{display:flex;gap:8px;flex-wrap:wrap}.mag-product-view__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media (max-width: 640px){.mag-product-view__grid{grid-template-columns:1fr;gap:12px}}.mag-product-view__item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px}@media (max-width: 640px){.mag-product-view__item{padding:14px}}.mag-product-view__label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mag-product-view__value{font-size:16px;font-weight:700;color:var(--text)}.mag-product-view__value.mag-price{color:var(--primary);font-size:18px}.mag-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.mag-form-grid{grid-template-columns:1fr;gap:14px}}.mag-form-group{display:flex;flex-direction:column;gap:8px}.mag-form-group--full{grid-column:1/-1}.mag-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text)}.mag-form-label svg{width:14px;height:14px;color:var(--primary)}.mag-image-preview{margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid var(--border);max-width:200px;position:relative}.mag-image-preview img{width:100%;height:auto;display:block}.mag-image-clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#ef4444e6;border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.mag-image-clear-btn svg{width:14px;height:14px}.mag-image-clear-btn:hover{background:#dc2626}.mag-image-clear-btn:disabled{opacity:.5;cursor:not-allowed}.mag-profit-info{display:flex;gap:20px;padding:16px;background:linear-gradient(135deg,rgba(37,99,235,.1),var(--surface));border:1px solid var(--primary);border-radius:12px}@media (max-width: 640px){.mag-profit-info{flex-direction:column;gap:12px}}.mag-profit-info__item{display:flex;justify-content:space-between;align-items:center;flex:1;gap:12px}.mag-profit-info__label{font-size:12px;font-weight:600;color:var(--muted)}.mag-profit-info__value{font-size:16px;font-weight:800;color:var(--primary)}.mag-profit-info__value--positive{color:#059669}.mag-profit-info__value--negative{color:#dc2626}.mag-upload-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.mag-upload-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.mag-upload-tab svg{width:16px;height:16px}.mag-upload-tab:hover{border-color:var(--primary);background:#2563eb0d}.mag-upload-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mag-file-upload{width:100%}.mag-btn-icon-text{display:inline-flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}@media (max-width: 640px){.mag-btn-icon-text{width:100%;justify-content:center}}.mag-btn-icon-text svg{width:18px;height:18px;flex-shrink:0}.mag-btn-sm{padding:8px 14px;height:auto;font-size:13px}.mag-btn-sm svg{width:16px;height:16px}.mag-btn-sm span{display:inline}.mag-btn-delete{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.mag-btn-delete:hover{background:#dc2626!important;border-color:#dc2626!important;filter:brightness(.95)}.mag-btn-delete span,.mag-btn-delete svg{color:#fff!important}.mag-btn-modal{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.mag-btn-modal svg{width:18px;height:18px}.mag-btn-modal--outline{background:transparent!important;border:1px solid var(--border)!important;color:var(--text)!important}.mag-btn-modal--outline:hover{background:var(--chip-bg)!important;border-color:var(--primary)!important;color:var(--primary)!important}.mag-btn-modal--outline svg{color:currentColor!important}.mag-btn-modal--primary{background:var(--gradient)!important;border:none!important;color:#fff!important}.mag-btn-modal--primary:hover{filter:brightness(.95)}.mag-btn-modal--primary svg{color:#fff!important}.mag-btn-modal--danger{background:#ef4444!important;border:none!important;color:#fff!important}.mag-btn-modal--danger:hover{background:#dc2626!important;filter:brightness(.95)}.mag-btn-modal--danger:active{background:#b91c1c!important}.mag-btn-modal--danger svg{color:#fff!important}.mag-assignments-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.mag-assignments-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800;color:var(--text);margin:0 0 16px}.mag-assignment-form{display:flex;gap:8px;margin-bottom:16px;align-items:center}@media (max-width: 640px){.mag-assignment-form{flex-direction:column;align-items:stretch}}.mag-assignment-form .select,.mag-assignment-form .input{height:36px;font-size:13px}.mag-assignments-list{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.mag-table-simple{width:100%;border-collapse:collapse;font-size:13px}.mag-table-simple th,.mag-table-simple td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.mag-table-simple th{background:var(--surface);font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase}.mag-table-simple td{color:var(--text)}.mag-table-simple tr:last-child td{border-bottom:none}.mag-table-simple .btn-icon-danger{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.mag-table-simple .btn-icon-danger:hover{background:#ef44441a}.mag-table-simple .btn-icon-danger svg{width:16px;height:16px}.reveal{animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both}.toast{position:fixed;top:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:slideInRight .3s ease-out;max-width:400px}@media (max-width: 640px){.toast{top:16px;right:16px;left:16px;max-width:none}}.toast-success{border-color:#10b981}.toast-success .toast-icon{background:#10b981}.toast-error{border-color:#ef4444}.toast-error .toast-icon{background:#ef4444}.toast-info{border-color:var(--primary)}.toast-info .toast-icon{background:var(--primary)}.toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.toast-message{flex:1;color:var(--text);font-size:14px;font-weight:500}.toast-close{background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.toast-close:hover{color:var(--text)}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.centered-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.centered-loader p{margin-top:16px;color:var(--muted);font-size:15px}.kalkulator-page{padding:24px;max-width:100%;overflow-x:hidden}@media (max-width: 640px){.kalkulator-page{padding:16px}}.kalkulator-header{margin-bottom:32px}@media (max-width: 640px){.kalkulator-header{margin-bottom:24px}}.kalkulator-header__content{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}@media (max-width: 640px){.kalkulator-header__content{flex-direction:column;gap:16px}}.kalkulator-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-50);color:var(--primary);border-radius:999px;font-weight:700;font-size:13px;margin-bottom:12px}.kalkulator-badge svg{width:18px;height:18px}.kalkulator-header__title{font-size:clamp(24px,4vw,32px);font-weight:900;margin:0 0 8px;color:var(--text)}.kalkulator-header__subtitle{font-size:15px;color:var(--text-secondary);margin:0}.kalkulator-header__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.kalkulator-header__actions{width:100%;flex-direction:column}}.kalkulator-btn-icon-text{display:inline-flex;align-items:center;gap:8px}.kalkulator-btn-icon-text svg{width:20px;height:20px}@media (max-width: 640px){.kalkulator-btn-icon-text{width:100%;justify-content:center}}.kalkulator-controls{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 640px){.kalkulator-controls{flex-direction:column;align-items:stretch}}.kalkulator-controls__left{display:flex;gap:12px;flex:1}@media (max-width: 640px){.kalkulator-controls__left{flex-direction:column}}.kalkulator-search-box{position:relative;flex:1;max-width:400px}@media (max-width: 640px){.kalkulator-search-box{max-width:100%}}.kalkulator-search-box__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);width:20px;height:20px;pointer-events:none}.kalkulator-search-box input{width:100%;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 44px;font-size:14px;transition:var(--transition-base)}.kalkulator-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.kalkulator-search-box__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.kalkulator-search-box__clear svg{width:20px;height:20px}.kalkulator-search-box__clear:hover{color:var(--text)}.kalkulator-btn-filter{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-base);position:relative}.kalkulator-btn-filter svg{width:20px;height:20px}.kalkulator-btn-filter:hover,.kalkulator-btn-filter.active{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}@media (max-width: 640px){.kalkulator-btn-filter{width:100%;justify-content:center}}.kalkulator-filter-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);position:absolute;top:8px;right:8px}.kalkulator-controls__right{display:flex;gap:12px;align-items:center}@media (max-width: 640px){.kalkulator-controls__right{width:100%;flex-direction:column}}.kalkulator-period-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;padding:4px;gap:4px}@media (max-width: 640px){.kalkulator-period-toggle{width:100%}}.kalkulator-period-btn{padding:10px 18px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:var(--transition-base);white-space:nowrap}@media (max-width: 640px){.kalkulator-period-btn{flex:1;padding:10px 12px}}.kalkulator-period-btn:hover{color:var(--text);background:var(--surface)}.kalkulator-period-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.kalkulator-date-range{display:flex;align-items:center;gap:12px}@media (max-width: 640px){.kalkulator-date-range{width:100%}}.kalkulator-date-input{height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;font-size:14px;transition:var(--transition-base)}@media (max-width: 640px){.kalkulator-date-input{flex:1}}.kalkulator-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.kalkulator-date-separator{color:var(--muted);font-weight:600}.kalkulator-filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}@media (max-width: 640px){.kalkulator-filters-panel{padding:20px}}.kalkulator-filters-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.kalkulator-filters-panel__title{font-size:18px;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.kalkulator-filters-panel__title svg{width:20px;height:20px}.kalkulator-filters-panel__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.kalkulator-btn-clear-filters{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition-base)}.kalkulator-btn-clear-filters svg{width:16px;height:16px}.kalkulator-btn-clear-filters:hover{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.kalkulator-filter-group{display:flex;flex-direction:column;gap:10px}.kalkulator-filter-label{font-size:14px;font-weight:600;color:var(--text)}.kalkulator-input,.kalkulator-select{height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;font-size:14px;transition:var(--transition-base);width:100%}.kalkulator-input:focus,.kalkulator-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.kalkulator-select{cursor:pointer}.kalkulator-input[type=number]{-moz-appearance:textfield}.kalkulator-input[type=number]::-webkit-outer-spin-button,.kalkulator-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kalkulator-percentage-input{position:relative}.kalkulator-percentage-input .kalkulator-input{padding-right:30px}.kalkulator-percentage-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}.kalkulator-table-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:32px}.kalkulator-table-wrapper{overflow-x:auto}.kalkulator-table-wrapper::-webkit-scrollbar{height:8px}.kalkulator-table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary)}.kalkulator-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.kalkulator-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--muted)}.kalkulator-table{width:100%;border-collapse:collapse;font-size:14px}.kalkulator-table__th{background:var(--bg-secondary);color:var(--text);font-weight:700;padding:16px 12px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;font-size:13px}@media (max-width: 640px){.kalkulator-table__th{padding:12px 10px;font-size:12px}}.kalkulator-table__th svg{width:16px;height:16px;vertical-align:middle;margin-right:6px}.kalkulator-table__th--number{text-align:right}.kalkulator-table__th--address{min-width:200px}.kalkulator-table__th--date{min-width:150px}.kalkulator-table__th--payment{min-width:180px}.kalkulator-table__th--total{background:var(--primary-50);color:var(--primary);font-weight:800}.kalkulator-table__td{padding:14px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}@media (max-width: 640px){.kalkulator-table__td{padding:12px 10px;font-size:13px}}.kalkulator-table__td--number{text-align:right}.kalkulator-table__td--footer-label{text-align:right;font-weight:700;font-size:16px;color:var(--text);padding:20px 12px}.kalkulator-table__row{transition:var(--transition-base)}.kalkulator-table__row:hover{background:var(--bg-secondary)}.kalkulator-table__footer{background:var(--bg-secondary);font-weight:700}.kalkulator-table__footer .kalkulator-table__td{border-top:2px solid var(--border);border-bottom:none;padding:20px 12px}.kalkulator-address{display:flex;align-items:center;gap:8px}.kalkulator-address__icon{width:18px;height:18px;color:var(--primary);flex-shrink:0}.kalkulator-date{display:flex;flex-direction:column;gap:4px}.kalkulator-date__day{font-weight:600;color:var(--text)}.kalkulator-date__time{font-size:12px;color:var(--muted)}.kalkulator-amount{font-weight:600;color:var(--text)}.kalkulator-amount--positive{color:#10b981}.kalkulator-payment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.kalkulator-payment-badge svg{width:14px;height:14px}.kalkulator-payment-badge--primary{background:var(--primary-50);color:var(--primary)}.kalkulator-payment-badge--success{background:#10b9811a;color:#10b981}.kalkulator-payment-badge--info{background:#06b6d41a;color:#06b6d4}.kalkulator-payment-badge--default{background:var(--bg-secondary);color:var(--text-secondary)}.kalkulator-total{font-weight:700;font-size:15px}.kalkulator-total--worker{color:var(--primary)}.kalkulator-total--visit{color:#10b981}.kalkulator-total-amount{font-weight:700;font-size:15px;color:var(--text)}.kalkulator-total-amount--positive{color:#10b981}.kalkulator-grand-total{font-weight:900;font-size:17px}.kalkulator-grand-total--worker{color:var(--primary)}.kalkulator-grand-total--visit{color:#10b981}.kalkulator-empty-state{padding:60px 20px;text-align:center}.kalkulator-empty-state__icon{width:80px;height:80px;margin:0 auto 24px;background:var(--primary-50);border-radius:50%;display:flex;align-items:center;justify-content:center}.kalkulator-empty-state__icon svg{width:40px;height:40px;color:var(--primary)}.kalkulator-empty-state__title{font-size:20px;font-weight:800;margin:0 0 12px;color:var(--text)}.kalkulator-empty-state__text{font-size:15px;color:var(--text-secondary);max-width:400px;margin:0 auto 24px}.kalkulator-summary{margin-bottom:24px}.kalkulator-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1000px){.kalkulator-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kalkulator-summary-grid{grid-template-columns:1fr;gap:16px}}.kalkulator-summary-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);transition:var(--transition-base)}@media (max-width: 640px){.kalkulator-summary-card{padding:20px}}.kalkulator-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.kalkulator-summary-card:hover{transform:translateY(-2px)}}.kalkulator-summary-card--primary{border-color:var(--primary)}.kalkulator-summary-card--primary .kalkulator-summary-card__icon{background:var(--primary)}.kalkulator-summary-card--success{border-color:#10b981}.kalkulator-summary-card--success .kalkulator-summary-card__icon{background:#10b981}.kalkulator-summary-card--info{border-color:#06b6d4}.kalkulator-summary-card--info .kalkulator-summary-card__icon{background:#06b6d4}.kalkulator-summary-card--warning{border-color:#f59e0b}.kalkulator-summary-card--warning .kalkulator-summary-card__icon{background:#f59e0b}.kalkulator-summary-card__icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kalkulator-summary-card__icon svg{width:28px;height:28px;color:#fff}.kalkulator-summary-card__label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.kalkulator-summary-card__value{font-size:24px;font-weight:900;color:var(--text)}@media (max-width: 640px){.kalkulator-summary-card__value{font-size:20px}}.kalkulator-commissions-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;padding-right:6px;margin-top:8px}.kalkulator-commissions-list::-webkit-scrollbar{width:6px}.kalkulator-commissions-list::-webkit-scrollbar-track{background:transparent}.kalkulator-commissions-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.kalkulator-commissions-list::-webkit-scrollbar-thumb:hover{background:var(--muted)}.kalkulator-commission-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:var(--transition-base)}.kalkulator-commission-item .worker-name{font-weight:600;color:var(--text);font-size:14px}.kalkulator-commission-item:hover{border-color:var(--primary);background:var(--surface)}.kalkulator-percentage-input.small{width:100px;flex-shrink:0}.kalkulator-percentage-input.small .kalkulator-input{height:36px;padding:0 28px 0 12px;font-size:14px;text-align:right}.kalkulator-percentage-input.small span{font-size:13px;right:10px}.kalkulator-worker-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:500;font-size:13px}.kalkulator-worker-badge svg{color:var(--muted);width:16px;height:16px}.kalkulator-percent-badge{display:inline-block;padding:4px 8px;background:var(--primary-50);color:var(--primary);border-radius:6px;font-size:12px;font-weight:700;min-width:40px;text-align:center}.kalkulator-table__th--percent{width:60px;text-align:center}.kalkulator-commission-edit-box{background:var(--bg-secondary);border:1px solid var(--border);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px;animation:reveal-up .3s ease-out}.kalkulator-commission-edit-box .worker-name-label{font-size:14px;color:var(--text);margin-bottom:4px}.kalkulator-commission-edit-box .kalkulator-percentage-input .kalkulator-input{background:var(--surface);font-weight:600;font-size:16px}.kalkulator-table__th--profit{background:#10b9811a;color:#10b981;font-weight:800;text-align:right;min-width:120px}.kalkulator-table__td--profit{background:#10b9810d;color:var(--text);text-align:right;font-weight:700;border-bottom:1px solid var(--border-light)}.kalkulator-month-nav{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px;box-shadow:var(--shadow-sm)}.kalkulator-month-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s;font-size:24px}.kalkulator-month-btn:hover{background:var(--glass);color:var(--primary)}.kalkulator-month-display{display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:800;font-size:15px;color:var(--text);min-width:140px;justify-content:center;text-transform:capitalize}.kalkulator-month-display .kalkulator-month-icon{color:var(--primary);font-size:18px}.admin-db{--db-bg: var(--bg, #f8fafc);--db-surface: var(--surface, #ffffff);--db-border: var(--border, #e2e8f0);--db-text: var(--text, #0f172a);--db-text-muted: var(--muted, #64748b);--db-primary: var(--primary, #3b82f6);--db-danger: #ef4444;--db-warning: #f59e0b;--db-success: #10b981;--db-radius: 12px;--db-font-mono: "Consolas", "Monaco", "Courier New", monospace;display:grid;gap:24px;padding:24px;max-width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--db-text);height:100vh;grid-template-rows:auto auto 1fr;overflow:hidden}@media (max-width: 768px){.admin-db{padding:12px;gap:12px;height:auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}}.admin-db .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--db-surface);padding:16px 24px;border-radius:var(--db-radius);border:1px solid var(--db-border);box-shadow:0 1px 2px #0000000d}@media (max-width: 640px){.admin-db .topbar{flex-direction:column;align-items:stretch;text-align:center;padding:16px}}.admin-db .topbar h2{font-size:20px;font-weight:800;margin:0;display:flex;align-items:center;gap:8px}.admin-db .topbar h2:before{content:"🛠️";font-size:20px}.admin-db .topbar .view-toggles{display:flex;background:var(--db-bg);padding:4px;border-radius:8px;border:1px solid var(--db-border)}.admin-db .topbar .view-toggles button{flex:1;background:transparent;border:none;padding:8px 16px;border-radius:6px;color:var(--db-text-muted);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-db .topbar .view-toggles button:hover{color:var(--db-text)}.admin-db .topbar .view-toggles button.active{background:var(--db-surface);color:var(--db-primary);box-shadow:0 1px 3px #0000001a;font-weight:700}.admin-db .actions-bar{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--db-surface);border-radius:var(--db-radius);border:1px solid var(--db-border);flex-wrap:wrap}@media (max-width: 640px){.admin-db .actions-bar{padding:12px;justify-content:stretch}.admin-db .actions-bar .group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-db .actions-bar .group button{width:100%}.admin-db .actions-bar .group-divider{display:none}}.admin-db .actions-bar .group{display:flex;gap:8px}.admin-db .actions-bar .group-divider{width:1px;height:24px;background:var(--db-border);margin:0 8px}.admin-db .actions-bar button{height:36px;padding:0 16px;border-radius:6px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.admin-db .actions-bar button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.admin-db .actions-bar button.btn-export{background:var(--db-surface);border-color:var(--db-border);color:var(--db-text)}.admin-db .actions-bar button.btn-export:hover{border-color:var(--db-primary);color:var(--db-primary)}.admin-db .actions-bar button.btn-clear{background:#f59e0b1a;color:var(--db-warning)}.admin-db .actions-bar button.btn-clear:hover{background:#f59e0b33}.admin-db .actions-bar button.btn-truncate{background:#ef44441a;color:var(--db-danger)}.admin-db .actions-bar button.btn-truncate:hover:not(:disabled){background:#ef444433}.admin-db .db-content{display:grid;grid-template-columns:260px 1fr;gap:24px;overflow:hidden;height:100%}@media (max-width: 900px){.admin-db .db-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:visible;height:auto}}.admin-db .db-content .tables-list{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 900px){.admin-db .db-content .tables-list{max-height:200px}}.admin-db .db-content .tables-list h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--db-text-muted);padding:16px;margin:0;border-bottom:1px solid var(--db-border);background:var(--db-bg)}.admin-db .db-content .tables-list ul{list-style:none;padding:8px;margin:0;overflow-y:auto;flex:1}.admin-db .db-content .tables-list ul::-webkit-scrollbar{width:4px}.admin-db .db-content .tables-list ul::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:4px}.admin-db .db-content .tables-list ul li{padding:10px 12px;margin-bottom:2px;border-radius:6px;font-size:14px;color:var(--db-text);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.admin-db .db-content .tables-list ul li:before{content:"📄";font-size:12px;opacity:.7}.admin-db .db-content .tables-list ul li:hover{background:var(--db-bg)}.admin-db .db-content .tables-list ul li.active{background:#3b82f61a;color:var(--db-primary);font-weight:600}.admin-db .db-content .tables-list ul li.active:before{opacity:1}.admin-db .db-content .table-data{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);display:flex;flex-direction:column;overflow:hidden;position:relative}.admin-db .db-content .table-data .table-header-info{padding:16px 20px;border-bottom:1px solid var(--db-border);display:flex;align-items:center;justify-content:space-between;background:var(--db-surface)}.admin-db .db-content .table-data .table-header-info h3{margin:0;font-size:16px;font-weight:700}.admin-db .db-content .table-data .table-header-info .meta{font-size:11px;font-family:var(--db-font-mono);color:var(--db-text-muted);background:var(--db-bg);padding:4px 8px;border-radius:4px;border:1px solid var(--db-border)}.admin-db .db-content .table-data .table-responsive,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive{flex:1;overflow:auto;position:relative}.admin-db .db-content .table-data .table-responsive::-webkit-scrollbar,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive::-webkit-scrollbar{width:8px;height:8px}.admin-db .db-content .table-data .table-responsive::-webkit-scrollbar-track,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar-track,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive::-webkit-scrollbar-track{background:transparent}.admin-db .db-content .table-data .table-responsive::-webkit-scrollbar-corner,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar-corner,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive::-webkit-scrollbar-corner{background:transparent}.admin-db .db-content .table-data .table-responsive::-webkit-scrollbar-thumb,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar-thumb,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;border:2px solid var(--db-surface)}.admin-db .db-content .table-data .table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-db .db-content .table-data .table-responsive table,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive table,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.admin-db .db-content .table-data .table-responsive table thead,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive table thead,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive table thead{position:sticky;top:0;z-index:20}.admin-db .db-content .table-data .table-responsive table th,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive table th,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive table th{background:var(--db-bg);color:var(--db-text-muted);font-weight:600;text-transform:uppercase;font-size:11px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--db-border);border-right:1px solid var(--db-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.admin-db .db-content .table-data .table-responsive table th:last-child{border-right:none}.admin-db .db-content .table-data .table-responsive table th.pk-col{color:var(--db-primary);font-weight:700}.admin-db .db-content .table-data .table-responsive table th.action-th{position:sticky;left:0;z-index:21;width:48px;text-align:center;border-right:2px solid var(--db-border)}.admin-db .db-content .table-data .table-responsive table tbody tr,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive table tbody tr,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive table tbody tr{transition:background .1s}.admin-db .db-content .table-data .table-responsive table tbody tr:nth-child(2n){background:#00000003}.admin-db .db-content .table-data .table-responsive table tbody tr:hover{background:#3b82f60a}.admin-db .db-content .table-data .table-responsive table tbody tr td,.admin-db .db-content .table-data .sql-console .sql-output .result-container .table-responsive table tbody tr td,.admin-db .sql-console .sql-output .result-container .db-content .table-data .table-responsive table tbody tr td{padding:10px 16px;border-bottom:1px solid var(--db-border);border-right:1px solid var(--db-border);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-family:var(--db-font-mono);color:var(--db-text)}.admin-db .db-content .table-data .table-responsive table tbody tr td:last-child{border-right:none}.admin-db .db-content .table-data .table-responsive table tbody tr td.action-td{position:sticky;left:0;z-index:10;background:var(--db-surface);border-right:2px solid var(--db-border);text-align:center;padding:4px}.admin-db .db-content .table-data .table-responsive table tbody tr td .val-text{display:block;overflow:hidden;text-overflow:ellipsis}.admin-db .db-content .table-data .table-responsive table tbody tr td .null{color:var(--db-text-muted);font-style:italic;font-size:11px;opacity:.7}.admin-db .db-content .table-data .table-responsive table tbody tr:hover td.action-td{background:var(--db-bg)}.admin-db .db-content .table-data .btn-icon.delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--db-text-muted);border-radius:4px;cursor:pointer;transition:all .2s;font-size:18px;margin:0 auto}.admin-db .db-content .table-data .btn-icon.delete:hover{background:#ef44441a;color:var(--db-danger)}.admin-db .db-content .table-data .loading-state,.admin-db .db-content .table-data .no-data{padding:60px 20px;text-align:center;color:var(--db-text-muted);display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:500}.admin-db .db-content .table-data .loading-state:before,.admin-db .db-content .table-data .no-data:before{content:"📭";font-size:32px;opacity:.5}.admin-db .sql-console{display:grid;grid-template-rows:auto 1fr;gap:16px;height:100%;overflow:hidden}@media (max-width: 768px){.admin-db .sql-console{height:auto;overflow:visible}}.admin-db .sql-console .sql-editor{display:flex;flex-direction:column;gap:12px;background:#1e293b;padding:16px;border-radius:var(--db-radius);box-shadow:0 4px 6px -1px #0000001a}.admin-db .sql-console .sql-editor textarea{width:100%;min-height:120px;background:transparent;border:none;color:#e2e8f0;font-family:var(--db-font-mono);font-size:14px;line-height:1.6;resize:vertical;outline:none}.admin-db .sql-console .sql-editor textarea::placeholder{color:#475569}.admin-db .sql-console .sql-editor .editor-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #334155;padding-top:12px}.admin-db .sql-console .sql-editor .editor-actions button{padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;border:none;transition:all .2s}.admin-db .sql-console .sql-editor .editor-actions button.btn-clear-editor{background:transparent;color:#94a3b8}.admin-db .sql-console .sql-editor .editor-actions button.btn-clear-editor:hover{color:#f1f5f9;background:#ffffff1a}.admin-db .sql-console .sql-editor .editor-actions button.btn-run{background:var(--db-primary);color:#fff;display:flex;align-items:center;gap:6px}.admin-db .sql-console .sql-editor .editor-actions button.btn-run:hover{filter:brightness(1.1)}.admin-db .sql-console .sql-editor .editor-actions button.btn-run:disabled{opacity:.6;cursor:wait}.admin-db .sql-console .sql-output{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);overflow:hidden;display:flex;flex-direction:column}.admin-db .sql-console .sql-output .error-box{padding:16px;background:#fef2f2;color:#b91c1c;border-bottom:1px solid #fecaca;font-family:var(--db-font-mono);font-size:13px}.admin-db .sql-console .sql-output .result-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-db .sql-console .sql-output .result-container .result-msg{padding:10px 16px;background:#f0fdf4;color:#15803d;font-size:13px;font-weight:600;border-bottom:1px solid #bbf7d0}.admin-db .sql-console .sql-output .result-container .table-responsive{flex:1;overflow:auto}.admin-db .sql-console .sql-output .result-container .table-responsive table{width:100%;border-collapse:collapse}.admin-db .sql-console .sql-output .result-container .table-responsive table th,.admin-db .sql-console .sql-output .result-container .table-responsive table td{padding:8px 12px;border:1px solid var(--db-border);font-size:12px;font-family:var(--db-font-mono)}.admin-db .sql-console .sql-output .result-container .table-responsive table th{background:var(--db-bg)}.admin-db .pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--db-surface);border-top:1px solid var(--db-border)}.admin-db .pagination-controls button{padding:6px 12px;border:1px solid var(--db-border);background:var(--db-surface);border-radius:6px;cursor:pointer}.admin-db .pagination-controls button:hover:not(:disabled){background:var(--db-bg)}.admin-db .pagination-controls button:disabled{opacity:.5}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-overlay .modal-dialog{background:var(--db-surface);width:90%;max-width:420px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--db-border)}.modal-overlay .modal-dialog .modal-header{padding:20px 24px;border-bottom:1px solid var(--db-border);display:flex;justify-content:space-between;align-items:center;background:var(--db-bg)}.modal-overlay .modal-dialog .modal-header h2{font-size:18px;font-weight:700;margin:0;color:var(--db-text)}.modal-overlay .modal-dialog .modal-header .btn-close{background:transparent;border:none;font-size:24px;color:var(--db-text-muted);cursor:pointer;line-height:1;transition:color .2s}.modal-overlay .modal-dialog .modal-header .btn-close:hover{color:var(--db-text)}.modal-overlay .modal-dialog .modal-body{padding:24px;font-size:15px;line-height:1.5;color:var(--db-text)}.modal-overlay .modal-dialog .modal-actions{padding:16px 24px;background:var(--db-bg);border-top:1px solid var(--db-border);display:flex;justify-content:flex-end;gap:12px}.modal-overlay .modal-dialog .modal-actions button{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid transparent}.modal-overlay .modal-dialog .modal-actions button.btn-cancel{background:#fff;border-color:var(--db-border);color:var(--db-text)}.modal-overlay .modal-dialog .modal-actions button.btn-cancel:hover{background:#f1f5f9}.modal-overlay .modal-dialog .modal-actions button.btn-confirm{color:#fff;box-shadow:0 1px 2px #0000000d}.modal-overlay .modal-dialog .modal-actions button.btn-confirm.danger{background:var(--db-danger)}.modal-overlay .modal-dialog .modal-actions button.btn-confirm.danger:hover{background:#dc2626}.modal-overlay .modal-dialog .modal-actions button.btn-confirm.warning{background:var(--db-warning)}.modal-overlay .modal-dialog .modal-actions button.btn-confirm.warning:hover{background:#d97706}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.table-responsive::-webkit-scrollbar,.admin-db .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-track,.admin-db .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar-track{background:transparent}.table-responsive::-webkit-scrollbar-thumb,.admin-db .sql-console .sql-output .result-container .table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light],html:not([data-theme]){--body-bg: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 50%, #fce7f3 100%);--surface: #ffffff;--surface-card: #ffffff;--text: #0f172a;--text-secondary: #475569;--muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--ring: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-hover: #5558e3;--primary-text: #ffffff;--primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--chip-bg: #f1f5f9;--chip-hover: #e2e8f0;--glass: rgba(148, 163, 184, .08);--glass-2: rgba(148, 163, 184, .12);--day-today-bg: rgba(99, 102, 241, .08);--count-bg: rgba(99, 102, 241, .14);--count-text: #4338ca;--count-border: rgba(99, 102, 241, .2);--sum-bg: rgba(16, 185, 129, .16);--sum-text: #065f46;--sum-border: rgba(16, 185, 129, .28);--tag-bg: #eef2ff;--tag-text: #4338ca;--tag-border: rgba(99, 102, 241, .2);--btn-accept-bg: #10b981;--btn-accept-hover: #059669;--btn-accept-text: #fff;--btn-cancel-bg: transparent;--btn-cancel-text: #ef4444;--btn-cancel-border: #ef4444;--btn-cancel-hover: rgba(239, 68, 68, .1);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 64px rgba(15, 23, 42, .16);--overlay-bg: rgba(15, 23, 42, .4);--link-color: #3b82f6;--link-hover: #2563eb;--invoice-bg: #ffffff;--modal-bg: #f8fafc;--success-bg: #dcfce7;--success-text: #166534;--success-border: #86efac}html[data-theme=dark]{--body-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--surface: #1e293b;--surface-card: #1e293b;--text: #f1f5f9;--text-secondary: #cbd5e1;--muted: #94a3b8;--border: #334155;--border-light: #475569;--ring: rgba(139, 92, 246, .5);--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-text: #ffffff;--primary-gradient: linear-gradient(135deg, #8b5cf6, #a78bfa);--chip-bg: rgba(255, 255, 255, .08);--chip-hover: rgba(255, 255, 255, .12);--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .1);--day-today-bg: rgba(139, 92, 246, .15);--count-bg: rgba(139, 92, 246, .2);--count-text: #c4b5fd;--count-border: rgba(139, 92, 246, .3);--sum-bg: rgba(16, 185, 129, .2);--sum-text: #6ee7b7;--sum-border: rgba(16, 185, 129, .35);--tag-bg: rgba(139, 92, 246, .2);--tag-text: #e9d5ff;--tag-border: rgba(139, 92, 246, .3);--btn-accept-bg: #10b981;--btn-accept-hover: #059669;--btn-accept-text: #fff;--btn-cancel-bg: transparent;--btn-cancel-text: #f87171;--btn-cancel-border: #f87171;--btn-cancel-hover: rgba(248, 113, 113, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .6);--link-color: #60a5fa;--link-hover: #3b82f6;--invoice-bg: #ffffff;--modal-bg: #1e293b;--success-bg: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--success-border: rgba(16, 185, 129, .4)}.wd-page{width:100%;min-height:100vh;background:var(--body-bg);background-attachment:fixed}.wd-page .container{width:100%;max-width:1400px;padding:20px;margin:0 auto}.wd{--radius: 16px;--radius-lg: 20px;--st-pending: #f59e0b;--st-pending-bg: rgba(245, 158, 11, .18);--st-pending-ring: rgba(245, 158, 11, .3);--st-confirmed: #3b82f6;--st-confirmed-bg: rgba(59, 130, 246, .18);--st-confirmed-ring: rgba(59, 130, 246, .3);--st-done: #10b981;--st-done-bg: rgba(16, 185, 129, .18);--st-done-ring: rgba(16, 185, 129, .3);--st-canceled: #ef4444;--st-canceled-bg: rgba(239, 68, 68, .18);--st-canceled-ring: rgba(239, 68, 68, .3);display:grid;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);font-weight:700;font-size:15px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{height:38px;padding:0 16px;font-size:14px;border-radius:12px}.btn-primary{background:var(--primary-gradient);color:var(--primary-text);border-color:transparent;box-shadow:0 10px 30px #6366f14d;font-weight:800}.btn-primary:hover{box-shadow:0 14px 40px #6366f166;transform:translateY(-3px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover{background:var(--glass);color:var(--text)}.btn-accept{background-color:var(--btn-accept-bg);color:var(--btn-accept-text);border-color:transparent;font-weight:800}.btn-accept:hover{background-color:var(--btn-accept-hover)}.btn-cancel{background-color:var(--btn-cancel-bg);color:var(--btn-cancel-text);border-color:var(--btn-cancel-border);font-weight:800}.btn-cancel:hover{background-color:var(--btn-cancel-hover)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--glass);font-size:13px;font-weight:800;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:700;font-size:14px;-webkit-user-select:none;user-select:none}.chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--chip-hover)}.chip .dot{width:8px;height:8px;border-radius:999px;background:currentColor}.chip.selected{outline:2px solid var(--ring);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.wd-mobile-header{display:none}.wd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-card);box-shadow:var(--shadow-md);display:grid;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kpi-label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kpi-value{font-size:32px;font-weight:900;letter-spacing:-.02em;color:var(--text);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wd-toprow{display:grid;grid-template-columns:minmax(0,300px) auto;gap:16px;align-items:center}.wd-day-sum{margin-top:4px;font-size:11px;font-weight:800;color:#166534;background:#dcfce7;padding:2px 6px;border-radius:4px;border:1px solid #166534;box-shadow:0 1px 2px #0000000d}.wd-earnings{display:grid;padding:18px;border:1px solid var(--border);background:var(--surface-card);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.wd-earnings:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.wd-earnings-title{font-weight:800;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.wd-earnings-gross{font-size:28px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wd-confirmed-trigger{height:52px;padding:0 24px;border-radius:999px;background:var(--primary-gradient);color:var(--primary-text);border:none;box-shadow:0 10px 30px #6366f14d;font-size:16px;font-weight:800}.card,.wd-card{padding:20px;border:1px solid var(--border);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.wd-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:4px}.wd-nav{display:flex;gap:10px;flex-wrap:wrap}.wd-title{text-align:center;font-weight:900;font-size:15px;letter-spacing:-.02em;color:var(--text);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.wd-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.wd-date{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:700;font-size:14px}.wd-date:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.wd-segment{display:inline-grid;grid-auto-flow:column;gap:6px;background:var(--glass);border:1px solid var(--border);border-radius:999px;padding:5px;box-shadow:var(--shadow-sm)}.wd-segment button{min-width:85px;height:38px;padding:0 16px;border-radius:999px;border:none;background:transparent;color:var(--text);font-weight:800;letter-spacing:.01em;cursor:pointer;transition:all .2s ease;font-size:13px}.wd-segment button:hover{transform:translateY(-1px);background:var(--glass-2)}.wd-segment button.active{background:var(--primary-gradient);color:var(--primary-text);box-shadow:0 6px 20px #6366f159}.wd-segment.wd-segment-mobile{display:grid;grid-template-columns:1fr 1fr;width:100%}.wd-segment.wd-segment-mobile button{min-width:0}.wd-daybar{display:grid;grid-auto-flow:column;gap:10px;overflow-x:auto;padding:12px 4px 8px;-ms-overflow-style:none;scrollbar-width:none}.wd-daybar::-webkit-scrollbar{display:none}.wd-daypill{min-width:110px;display:grid;gap:6px;justify-items:center;padding:14px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.wd-daypill:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.wd-daypill.active{border-color:var(--primary);outline:2px solid var(--ring)}.wdday{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--muted)}.wddate{font-weight:900;letter-spacing:-.02em;font-size:17px;color:var(--text)}.wdmini{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.wdcount{font-size:11px;padding:4px 9px;border-radius:999px;background:var(--count-bg);color:var(--count-text);border:1px solid var(--count-border);font-weight:800}.wdsum{font-size:11px;padding:4px 9px;border-radius:999px;background:var(--sum-bg);color:var(--sum-text);border:1px solid var(--sum-border);font-weight:800}.wd-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;flex-wrap:wrap}.wd-filters-section{display:grid;gap:10px}.wd-filters-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0 4px}.wd-cats,.wd-statuses{display:flex;gap:8px;flex-wrap:wrap}.wd-statuses .chip[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending);border-color:var(--st-pending-ring)}.wd-statuses .chip[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed);border-color:var(--st-confirmed-ring)}.wd-statuses .chip[data-status=Done]{background:var(--st-done-bg);color:var(--st-done);border-color:var(--st-done-ring)}.wd-statuses .chip[data-status=Canceled]{background:var(--st-canceled-bg);color:var(--st-canceled);border-color:var(--st-canceled-ring)}.wd-search{position:relative;border:1px solid var(--border);border-radius:14px;background:var(--surface);height:44px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:0 16px;box-shadow:var(--shadow-sm)}.wd-search .icon{color:var(--muted);font-size:18px}.wd-search input{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--text);font-weight:700;font-size:14px}.wd-header{display:grid;align-items:end;gap:12px;margin-top:12px}.wd-body{--time-col-w: 70px;--slot-h: 48px;position:relative;display:grid;gap:10px;margin-top:12px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.wd-times{position:sticky;left:0;z-index:4;background:var(--surface);border-right:1px solid var(--border)}.wd-col{position:relative;overflow:hidden;border-left:1px solid var(--border);background:repeating-linear-gradient(to bottom,var(--border) 0,var(--border) 1px,transparent 1px,transparent calc(var(--slot-h)))}.wd-col.today:after{content:"";position:absolute;inset:0;background:var(--day-today-bg);pointer-events:none}.wd-hour-slot{border-bottom:1px solid var(--border)}.wd-hour-slot.working-hour{background:#22c55e26}.wd-hour-slot.non-working{background:#64748b14}.wd-event{position:absolute;padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;display:grid;gap:6px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.wd-event:hover{transform:translateY(-4px);filter:brightness(1.05);z-index:10;box-shadow:0 8px 24px #00000026}.wd-event.status-pending{background:linear-gradient(135deg,#fbbf24,#fcd34d);border-color:var(--st-pending-ring);box-shadow:inset 4px 0 0 var(--st-pending),0 8px 24px var(--st-pending-ring);color:#78350f}.wd-event.status-confirmed{background:linear-gradient(135deg,#60a5fa,#93c5fd);border-color:var(--st-confirmed-ring);box-shadow:inset 4px 0 0 var(--st-confirmed),0 8px 24px var(--st-confirmed-ring);color:#1e40af}.wd-event.status-done{background:linear-gradient(135deg,#34d399,#6ee7b7);border-color:var(--st-done-ring);box-shadow:inset 4px 0 0 var(--st-done),0 8px 24px var(--st-done-ring);color:#064e3b}.wd-event.status-canceled{background:linear-gradient(135deg,#f87171,#fca5a5);border-color:var(--st-canceled-ring);box-shadow:inset 4px 0 0 var(--st-canceled),0 8px 24px var(--st-canceled-ring);color:#7f1d1d}.wde-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.wde-time{font-size:11px;opacity:.95;font-weight:800}.wde-status{padding:3px 8px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid rgba(0,0,0,.15);background:#0000001f;text-transform:uppercase;letter-spacing:.05em}.wde-status[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending);border:1px solid var(--st-pending-ring)}.wde-status[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed);border:1px solid var(--st-confirmed-ring)}.wde-status[data-status=Done]{background:var(--st-done-bg);color:var(--st-done);border:1px solid var(--st-done-ring)}.wde-status[data-status=Canceled]{background:var(--st-canceled-bg);color:var(--st-canceled);border:1px solid var(--st-canceled-ring)}.wde-name{font-weight:900;letter-spacing:-.01em;font-size:14px;line-height:1.3}.wde-meta{display:flex;gap:6px;align-items:center;font-size:11px;opacity:.95;flex-wrap:wrap}.wde-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#ffffff40;font-weight:800;font-size:10px}.wd-nowline{position:absolute;left:var(--time-col-w);right:0;height:2px;background:#ef4444;display:flex;align-items:center;z-index:3}.wd-now-dot{width:12px;height:12px;background:#ef4444;border-radius:999px;margin-left:-6px;box-shadow:0 0 0 8px #ef444433;animation:wdPulse 2s ease infinite}@keyframes wdPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 16px #ef444400}to{box-shadow:0 0 #ef444400}}.wd-agenda{display:grid;gap:16px;margin-top:12px}.wd-agenda-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.wd-agenda-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--glass)}.wd-agenda-date{font-weight:900;letter-spacing:-.01em;font-size:16px;color:var(--text)}.wd-agenda-list{display:grid;gap:10px;padding:14px}.wd-agenda-item{width:100%;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.wd-agenda-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.wda-time{font-weight:800;color:var(--text);font-size:14px}.wda-main{display:grid;gap:6px}.wda-name{font-weight:900;letter-spacing:-.01em;font-size:15px;color:var(--text)}.wda-meta{display:flex;gap:8px;color:var(--muted);font-size:13px;flex-wrap:wrap;margin-top:4px;align-items:center}.wda-chip{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800}.wda-addr{color:var(--muted);font-size:13px;margin-top:2px}.status{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending);border:1px solid var(--st-pending-ring)}.status[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed);border:1px solid var(--st-confirmed-ring)}.status[data-status=Done]{background:var(--st-done-bg);color:var(--st-done);border:1px solid var(--st-done-ring)}.status[data-status=Canceled]{background:var(--st-canceled-bg);color:var(--st-canceled);border:1px solid var(--st-canceled-ring)}.wd-empty{padding:40px 24px;color:var(--muted);text-align:center;font-size:15px}.wd-sheet{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;z-index:80;animation:fadeIn .4s ease;place-items:end}.wd-sheet-panel{width:100%;max-width:580px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);padding:18px;border-top-left-radius:24px;border-top-right-radius:24px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);max-height:90vh;display:flex;flex-direction:column}.wd-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.wd-sheet-title{font-weight:900;letter-spacing:-.01em;font-size:20px;color:var(--text)}.wd-sheet-body{display:grid;gap:16px;padding:16px 6px;overflow-y:auto;flex:1}.wd-sheet-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.wd-event-details{display:grid;gap:14px}.wd-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.wd-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.wd-detail-header .wd-reservation-id{margin-left:auto;padding:4px 10px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;border-radius:6px;font-family:monospace}.wd-detail-icon{font-size:20px}.wd-detail-title{font-size:16px;font-weight:800;color:var(--text);margin:0}.wd-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wd-detail-item{display:grid;gap:6px}.wd-detail-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.wd-detail-value{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wd-detail-time{font-weight:800;color:var(--primary);background:var(--glass);padding:4px 10px;border-radius:8px;font-size:14px}.wd-detail-price{font-size:18px;font-weight:900;color:var(--primary)}.wd-detail-link{color:var(--link-color);text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.wd-detail-link:hover{color:var(--link-hover);text-decoration:underline}.wd-notes-section{display:flex;flex-direction:column;gap:12px}.wd-notes-input{width:100%;min-height:80px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;font-family:inherit;resize:vertical;transition:all .2s ease}.wd-notes-input::placeholder{color:var(--muted)}.wd-notes-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.wde-status-badge{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.wde-status-badge[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending);border:1px solid var(--st-pending-ring)}.wde-status-badge[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed);border:1px solid var(--st-confirmed-ring)}.wde-status-badge[data-status=Done]{background:var(--st-done-bg);color:var(--st-done);border:1px solid var(--st-done-ring)}.wde-status-badge[data-status=Canceled]{background:var(--st-canceled-bg);color:var(--st-canceled);border:1px solid var(--st-canceled-ring)}.wd-category-badge{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);padding:5px 12px;border-radius:999px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.wd-canceled-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--st-canceled-bg);border:1px solid var(--st-canceled-ring);border-radius:var(--radius);flex:1}.wd-canceled-icon{font-size:32px}.wd-canceled-text{font-size:15px;font-weight:700;color:var(--text);margin:0}.wd-confirmed-group,.wd-confirmed-items{display:grid;gap:12px}.confirmed-item{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:all .2s ease}.confirmed-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirmed-main-content{cursor:pointer;display:grid;gap:10px;text-align:left;background:transparent;border:none;padding:0;width:100%;color:inherit}.confirmed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.confirmed-time{font-weight:800;color:var(--text);font-size:15px;background:var(--glass);padding:6px 12px;border-radius:8px}.confirmed-price{font-weight:900;color:var(--primary);font-size:16px}.confirmed-service-name{font-weight:900;letter-spacing:-.01em;color:var(--text);font-size:16px;margin-bottom:2px}.confirmed-info-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.confirmed-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.confirmed-info-text{font-weight:600}.confirmed-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.confirmed-tag{background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.confirmed-tag-sep{color:var(--muted);font-weight:700}.confirmed-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--border-light);padding-top:12px}.confirmed-actions .btn{width:100%}.invoice-modal{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:90;padding:20px;animation:fadeIn .4s ease;overflow-y:auto}.invoice-modal.is-closing{animation:fadeOut .4s ease forwards}.invoice-modal.is-closing .invoice-modal-content{animation:modalSlideOut .4s ease forwards}.invoice-modal-content{width:100%;max-width:900px;background:var(--modal-bg);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-height:95vh;overflow:hidden}.invoice-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--modal-bg)}.invoice-modal-title{font-size:22px;font-weight:900;color:var(--text);margin:0;letter-spacing:-.02em}.invoice-modal-body{flex:1;overflow-y:auto;padding:24px}.invoice-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;background:var(--modal-bg)}.invoice-professional{background:var(--invoice-bg);width:100%;max-width:100%;margin:0 auto;padding:24px;box-shadow:0 4px 12px #00000014;color:#000;font-family:Arial,sans-serif;font-size:10pt;display:flex;flex-direction:column;gap:16px;border-radius:8px}.invoice-professional.editable input[type=text],.invoice-professional.editable input[type=date],.invoice-professional.editable input[type=number],.invoice-professional.editable input[type=email]{border:1px solid #e0e0e0;background:#f9f9f9;padding:4px 8px;border-radius:4px;font-family:inherit;font-size:inherit;color:#111;width:100%;display:inline-block;vertical-align:baseline;transition:all .2s ease}.invoice-professional.editable input[type=text]:focus,.invoice-professional.editable input[type=date]:focus,.invoice-professional.editable input[type=number]:focus,.invoice-professional.editable input[type=email]:focus{outline:2px solid #6366f1;background:#fff;box-shadow:0 0 8px #6366f133;border-color:#6366f1}.invoice-professional.editable input[type=text]:hover,.invoice-professional.editable input[type=date]:hover,.invoice-professional.editable input[type=number]:hover,.invoice-professional.editable input[type=email]:hover{border-color:#cbd5e1}.invoice-professional.printable{padding:15mm;border-radius:0;width:210mm;max-width:210mm;min-width:210mm;box-shadow:none}.invoice-professional.printable input{border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;pointer-events:none}.inv-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;border-bottom:2px solid #000;padding-bottom:12px;gap:12px}.inv-header__left .inv-logo{max-width:180px;height:auto}.inv-header__center{background-color:#e0e0e0;font-size:24pt;font-weight:700;text-align:center;padding:20px;align-self:center;border-radius:4px}.inv-header__right{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.inv-header__right .inv-field-box{width:100%;border:1px solid #000;padding:6px 10px;text-align:center;background:#fff}.inv-header__right .inv-field-box label{font-size:8pt;display:block;margin-top:2px;color:#666}.inv-header__right .inv-field-box input{text-align:center;font-weight:700}.inv-header__right .inv-field-box span{font-weight:700}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inv-parties .inv-party-box{display:flex;flex-direction:column;gap:6px}.inv-parties .inv-party-box input{font-weight:400}.inv-parties .inv-party-box .inv-party-title{font-weight:400;margin:0 0 6px;font-size:11pt}.inv-parties .inv-party-box .inv-party-name{font-weight:700}.inv-payment{border-top:1px solid #000;border-bottom:1px solid #000;padding:10px 0;display:flex;justify-content:space-between}.inv-payment input{display:inline}.inv-table{border:1px solid #000}.inv-table .inv-table-header,.inv-table .inv-table-row{display:grid;grid-template-columns:30px 3fr 50px 50px repeat(5,1fr);text-align:center}.inv-table .inv-table-header>div,.inv-table .inv-table-row>div{padding:8px 4px;border-right:1px solid #000;border-bottom:1px solid #000}.inv-table .inv-table-header>div:last-child,.inv-table .inv-table-row>div:last-child{border-right:none}.inv-table .inv-table-header{background-color:#e0e0e0;font-weight:700;font-size:9pt}.inv-table .inv-table-header>div{border-bottom:1px solid #000}.inv-table .inv-table-row input{text-align:center}.inv-table .inv-table-summary{display:grid;grid-template-columns:30px 3fr 1fr 1fr 1fr 1fr;grid-column-gap:0;text-align:right;font-weight:700}.inv-table .inv-table-summary>div{padding:8px 4px;border-right:1px solid #000}.inv-table .inv-table-summary .summary-label{grid-column:2/span 1;text-align:right;padding-right:8px}.inv-table .inv-table-summary .summary-value{text-align:center;background-color:#e0e0e0}.inv-summary{display:flex;flex-wrap:wrap;gap:12px}.inv-summary .inv-summary-box{border:1px solid #000;padding:10px;flex-grow:1;min-width:300px;background:#fff}.inv-summary .inv-full-width{width:100%;flex-basis:100%}.inv-signatures{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:auto;padding-top:50px}.inv-signatures .inv-signature-box{text-align:center}.inv-signatures .inv-signature-box .inv-signature-person{min-height:20px;font-weight:700;margin-bottom:4px}.inv-signatures .inv-signature-box .inv-signature-line{border-bottom:1px solid #000;margin-top:20px}.inv-signatures .inv-signature-box p{font-size:7pt;margin-top:6px;color:#666}.inv-footer{font-size:8pt;color:#555;background:var(--overlay-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .3s ease}.completion-details-modal-content{width:100%;max-width:700px;max-height:90vh;background:var(--surface-card);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--border);display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.completion-details-modal-header{display:flex;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--glass)}.completion-details-modal-icon{width:52px;height:52px;border-radius:16px;background:var(--primary-gradient);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 8px 24px #6366f14d}.completion-details-modal-title-group{flex:1}.completion-details-modal-title-group h3{font-size:20px;font-weight:900;color:var(--text);margin:0 0 4px;letter-spacing:-.02em}.completion-details-modal-title-group p{font-size:13px;font-weight:600;color:var(--muted);margin:0}.completion-details-close-btn{width:40px;height:40px;border-radius:12px;background:var(--glass);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:20px}.completion-details-close-btn:hover{background:var(--glass-2);transform:scale(1.05)}.completion-details-modal-body{flex:1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:28px}.completion-form-section{display:flex;flex-direction:column;gap:16px}.completion-form-section textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;transition:all .2s ease;min-height:120px;resize:vertical}.completion-form-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:var(--surface-card)}.completion-form-section textarea::placeholder{color:var(--muted);font-weight:500}.completion-section-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.completion-section-header svg{font-size:20px;color:var(--primary)}.completion-section-header h4{font-size:16px;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}.completion-form-group{display:flex;flex-direction:column;gap:10px}.completion-form-group label{font-size:13px;font-weight:700;color:var(--text-secondary);display:block}.completion-form-group input[type=number],.completion-form-group textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;transition:all .2s ease}.completion-form-group input[type=number]:focus,.completion-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:var(--surface-card)}.completion-form-group input[type=number]::placeholder,.completion-form-group textarea::placeholder{color:var(--muted);font-weight:500}.completion-price-input-wrapper{position:relative;display:flex;align-items:center}.completion-price-input{flex:1;padding-right:60px!important;font-size:18px!important;font-weight:700!important}.completion-price-currency{position:absolute;right:16px;font-size:16px;font-weight:800;color:var(--muted);pointer-events:none}.completion-price-change-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;color:var(--success-text);font-size:13px;font-weight:700}.completion-price-change-notice svg{font-size:18px;flex-shrink:0}.completion-textarea{min-height:140px!important;resize:vertical;line-height:1.6}.completion-char-counter{text-align:right;font-size:12px;font-weight:600;color:var(--muted);margin-top:-4px}.completion-upload-zone{border:3px dashed var(--border);border-radius:18px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--glass)}.completion-upload-zone:hover{border-color:var(--primary);background:var(--glass-2);transform:translateY(-2px)}.completion-upload-zone.dragging{border-color:var(--primary);background:var(--primary-gradient);background-clip:padding-box;transform:scale(1.02);box-shadow:0 12px 40px #6366f140}.completion-upload-zone.dragging .completion-upload-icon svg{color:var(--primary-text);transform:scale(1.15)}.completion-upload-zone.dragging .completion-upload-text p{color:var(--primary-text)}.completion-upload-icon{width:64px;height:64px;border-radius:16px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f14d}.completion-upload-icon svg{font-size:32px;color:var(--primary-text);transition:all .3s ease}.completion-upload-text{text-align:center}.completion-upload-text .completion-upload-main{font-size:16px;font-weight:800;color:var(--text);margin:0 0 6px}.completion-upload-text .completion-upload-sub{font-size:13px;font-weight:600;color:var(--muted);margin:0}.completion-upload-button-wrapper{margin-top:8px}.completion-upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-gradient);color:var(--primary-text);border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 20px #6366f14d}.completion-upload-button svg{font-size:18px}.completion-upload-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.completion-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:16px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:2px solid var(--border);background:var(--glass);transition:all .2s ease}.image-preview-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.image-preview-item:hover .image-preview-remove{opacity:1;transform:scale(1)}.image-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.image-preview-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;background:#ef4444f2;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.image-preview-remove svg{font-size:16px}.image-preview-remove:hover{background:#dc2626;transform:scale(1.1)}.completion-images-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--glass);border-radius:10px;font-size:13px;font-weight:700;color:var(--text)}.completion-images-info svg{color:var(--primary);font-size:16px}.completion-details-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0;background:var(--glass);flex-wrap:wrap}.completion-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;white-space:nowrap}.completion-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.completion-btn svg{font-size:18px}.completion-btn-primary{background:var(--primary-gradient);color:var(--primary-text);box-shadow:0 10px 30px #6366f159}.completion-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #6366f173}.completion-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.completion-btn-secondary:hover:not(:disabled){background:var(--glass);transform:translateY(-2px);box-shadow:var(--shadow-md)}.completion-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:999px;animation:spin .8s linear infinite}.wd-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:8px}.wd-photo-gallery a{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:2px solid var(--border);transition:all .2s ease;background:var(--glass)}.wd-photo-gallery a:hover{transform:scale(1.05) rotate(1deg);box-shadow:var(--shadow-md);border-color:var(--primary)}.wd-photo-gallery img{width:100%;height:100%;object-fit:cover;display:block}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes toastSlideIn{0%{transform:translate(calc(100% + 24px));opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalSlideOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.9) translateY(40px);opacity:0}}.wd-sheet.is-closing{animation:fadeOut .4s ease forwards}.wd-sheet.is-closing .wd-sheet-panel{animation:slideDown .4s ease forwards}@media (min-width: 861px){.wd-sheet.is-closing .wd-sheet-panel:not(.wd-menu-panel){animation:slideOut .4s ease forwards}}.wd-sheet.is-closing .wd-menu-panel{animation:slideOutToLeft .4s ease forwards}.wd-menu-panel{place-self:start;max-width:340px;height:100%;max-height:100vh;border-radius:0;border-right:1px solid var(--border);animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}.wd-menu-panel .wd-nav{flex-direction:column;align-items:stretch}.wd-menu-panel .wd-nav .btn,.wd-menu-panel .wd-nav .wd-date{width:100%}.wd-menu-panel .wd-segment{display:grid;grid-template-columns:1fr 1fr;width:100%}.wd-menu-panel .wd-segment button{min-width:0}@media (max-width: 1200px){.wd-kpis{grid-template-columns:repeat(2,1fr)}.wd-toolbar{grid-template-columns:1fr;gap:12px}.wd-toolbar .wd-nav,.wd-toolbar .wd-controls{justify-content:center}.wd-toolbar .wd-title{order:-1}}@media (max-width: 980px){.wd-toprow{grid-template-columns:1fr}.wd-toprow .wd-earnings.mini{max-width:100%}.wd-toprow .wd-confirmed-trigger{width:100%}.wd-filters{flex-direction:column;align-items:stretch}}@media (max-width: 860px){.wd-page .container{padding:12px}.wd{gap:12px}.wd-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;border:1px solid var(--border)}.wd-mobile-title{font-weight:900;font-size:17px;letter-spacing:-.02em;color:var(--text)}.wd-kpis{grid-template-columns:1fr 1fr;gap:12px}.kpi{padding:14px}.kpi-value{font-size:24px}.wd-toprow{gap:12px}.wd-toolbar{display:none}.wd-title{font-size:14px}.wd-daybar{padding:8px 4px;gap:8px}.wd-daypill{min-width:90px;padding:12px 10px}.wddate{font-size:15px}.wd-filters{display:none}.wd-body{--time-col-w: 60px;gap:8px}.wd-time{font-size:10px;left:6px}.wd-event{padding:8px 10px;gap:4px}.wde-time{font-size:10px}.wde-status{font-size:8px;padding:2px 6px}.wde-name{font-size:13px}.wde-meta{font-size:10px}.wde-chip{font-size:9px;padding:2px 6px}.wd-agenda-item{grid-template-columns:80px 1fr;gap:12px;padding:12px 14px}.wda-time{font-size:13px}.wda-name{font-size:14px}.wda-meta{font-size:12px}.wd-sheet{place-items:end}.wd-sheet-panel{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:92vh}.wd-detail-grid{grid-template-columns:1fr}.wd-detail-grid .wd-detail-item{grid-column:1}.toast{min-width:auto;max-width:calc(100vw - 32px);left:16px;right:16px;top:16px}.confirmed-actions{grid-template-columns:1fr}.confirmed-actions .btn{width:100%}.wd-sheet-actions{flex-direction:column}.wd-sheet-actions .btn{width:100%}.invoice-modal{padding:0}.invoice-modal-content{width:100%;height:100%;max-width:100%;max-height:100vh;border-radius:0}.invoice-modal-header{padding:12px 16px;flex-shrink:0}.invoice-modal-footer{padding:12px 16px;flex-direction:column-reverse;flex-shrink:0}.invoice-modal-footer .btn{width:100%}.invoice-modal-title{font-size:18px}.invoice-modal-body{padding:16px}.invoice-professional{padding:0;font-size:14px;gap:20px;box-shadow:none;border:none}.invoice-professional.editable input{font-size:14px;padding:8px 10px;height:42px;background-color:var(--glass)}.inv-header{grid-template-columns:1fr;gap:20px;align-items:center;padding-bottom:16px}.inv-header__center{font-size:24px;padding:12px;order:-1}.inv-header__left{display:flex;justify-content:center}.inv-header__left .inv-logo{max-width:150px}.inv-header__right .inv-field-box{padding:8px 12px}.inv-parties{grid-template-columns:1fr;gap:24px}.inv-payment{flex-direction:column;gap:12px;padding:12px 0}.inv-table{border:none}.inv-table .inv-table-header{display:none}.inv-table .inv-table-row{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px;background:var(--surface)}.inv-table .inv-table-row>div{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;border:none;padding:8px 0;text-align:right}.inv-table .inv-table-row>div:not(:last-child){border-bottom:1px solid var(--border-light)}.inv-table .inv-table-row>div:before{content:"";font-weight:700;color:var(--muted);font-size:13px;text-align:left}.inv-table .inv-table-row>div:nth-child(1):before{content:"Lp."}.inv-table .inv-table-row>div:nth-child(2):before{content:"Nazwa"}.inv-table .inv-table-row>div:nth-child(3):before{content:"Ilość"}.inv-table .inv-table-row>div:nth-child(4):before{content:"Jm"}.inv-table .inv-table-row>div:nth-child(5):before{content:"Cena netto"}.inv-table .inv-table-row>div:nth-child(6):before{content:"Wartość netto"}.inv-table .inv-table-row>div:nth-child(7):before{content:"Stawka VAT"}.inv-table .inv-table-row>div:nth-child(8):before{content:"Kwota VAT"}.inv-table .inv-table-row>div:nth-child(9):before{content:"Wartość brutto"}.inv-table .inv-table-summary{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface);margin-top:12px;font-weight:700}.inv-table .inv-table-summary>div{display:flex;justify-content:space-between;padding:8px 0;border-right:none}.inv-table .inv-table-summary>div:not(:last-child){border-bottom:1px solid var(--border-light)}.inv-table .inv-table-summary .summary-label{text-align:left}.inv-table .inv-table-summary .summary-value{background-color:transparent;text-align:right}.inv-signatures{grid-template-columns:1fr;gap:40px;padding-top:40px}.inv-summary .inv-summary-box{min-width:100%}.completion-details-modal-overlay{padding:12px}.completion-details-modal-content{max-width:100%;border-radius:20px 20px 0 0;max-height:95vh}.completion-details-modal-header{padding:20px}.completion-details-modal-icon{width:48px;height:48px;font-size:22px}.completion-details-modal-title-group h3{font-size:18px}.completion-details-modal-body{padding:20px;gap:24px}.completion-upload-zone{padding:32px 20px}.completion-upload-icon{width:56px;height:56px}.completion-upload-icon svg{font-size:28px}.completion-photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.completion-details-modal-footer{padding:16px 20px;flex-direction:column}.completion-details-modal-footer .completion-btn{width:100%}}@media (min-width: 861px){.wd-sheet{place-items:center end}.wd-sheet-panel:not(.wd-menu-panel){height:100%;max-width:600px;max-height:100vh;border-left:1px solid var(--border);border-radius:24px 0 0 24px;box-shadow:-32px 0 80px #02061766;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}}.muted{color:var(--muted)}@media print{body{background:#fff}.invoice-professional{box-shadow:none;width:210mm;min-height:297mm;padding:15mm;border:none;color:#000}.invoice-professional input{border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-modal-header,.invoice-modal-footer{display:none}.invoice-modal-body{padding:0}.invoice-modal-content{max-width:210mm;box-shadow:none;border:none}}.completion-wizard-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .3s ease}.wizard-content{width:100%;max-width:800px;max-height:90vh;background:var(--surface-card);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--border);display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--glass)}.wizard-header h3{font-size:20px;font-weight:900;color:var(--text);margin:0}.wizard-close-btn{width:36px;height:36px;border-radius:99px;background:var(--glass-2);border:none;color:var(--text);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:20px}.wizard-close-btn:hover{background:var(--border-light);transform:rotate(90deg)}.wizard-stepper{display:flex;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.wizard-step{display:flex;align-items:center;gap:12px;color:var(--muted);transition:all .3s ease}.wizard-step .step-indicator{width:32px;height:32px;border-radius:99px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:all .3s ease}.wizard-step .step-label{font-weight:700;font-size:14px}.wizard-step.active{color:var(--primary)}.wizard-step.active .step-indicator{background:var(--primary);color:var(--primary-text);border-color:var(--primary);box-shadow:0 0 12px var(--ring)}.step-line{flex:1;height:2px;background:var(--border);margin:0 16px}.wizard-body{flex:1;overflow-y:auto;padding:28px}.wizard-step-content{display:flex;flex-direction:column;gap:24px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid var(--border);background:var(--glass);flex-shrink:0}.wizard-footer .btn-sm{height:42px;padding:0 20px}.wizard-step-materials{gap:16px}.materials-header{flex-shrink:0}.materials-search-box{position:relative;display:flex;align-items:center}.materials-search-box svg{position:absolute;left:16px;color:var(--muted)}.materials-search-box input{width:100%;height:48px;padding:0 16px 0 48px;border:2px solid var(--border);border-radius:14px;background:var(--surface);font-size:15px;font-weight:600;color:var(--text)}.materials-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.materials-list-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:40vh;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--glass)}.material-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:all .2s ease}.material-item.selected{background:var(--day-today-bg);border-color:var(--primary)}.material-item-info .material-item-name{font-weight:700;color:var(--text)}.material-item-info .material-item-meta{font-size:12px;color:var(--muted);font-weight:600}.material-item-controls{display:flex;align-items:center;gap:8px}.material-item-controls button{width:32px;height:32px;border-radius:99px;background:var(--glass-2);border:1px solid var(--border);color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.material-item-controls button:hover:not(:disabled){background:var(--border-light);border-color:var(--muted)}.material-item-controls button:disabled{opacity:.5;cursor:not-allowed}.material-item-controls input{width:40px;height:32px;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-weight:800;color:var(--primary);-moz-appearance:textfield}.material-item-controls input::-webkit-inner-spin-button,.material-item-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.materials-loader,.materials-empty{text-align:center;padding:40px;color:var(--muted);font-weight:600}.materials-summary{border-top:1px solid var(--border);padding-top:16px}.materials-summary h4{margin:0 0 12px;font-size:15px}.materials-summary ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;padding-left:0}.materials-summary ul li{display:flex;justify-content:space-between;color:var(--text-secondary)}.materials-summary ul li span:last-child{font-weight:700;color:var(--text)}.materials-summary p{font-size:14px;color:var(--muted)}.materials-summary-total{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;font-size:16px;font-weight:800;color:var(--text)}.wizard-step-invoice .invoice-professional.editable{box-shadow:none;border:1px solid var(--border);padding:16px}.wizard-summary{display:flex;flex-direction:column;gap:20px}.wizard-summary h3{text-align:center;font-size:22px;margin-bottom:12px}.wizard-summary .summary-section{background:var(--glass);padding:16px;border-radius:14px}.wizard-summary .summary-section h4{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 12px;color:var(--primary)}.wizard-summary .summary-section p{font-size:14px;color:var(--text-secondary);white-space:pre-wrap}.wizard-summary .summary-section ul{font-size:14px;color:var(--text-secondary);list-style-position:inside;padding-left:0;list-style-type:none}.wizard-summary .summary-section ul li{padding:4px 0}.wizard-summary .summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-secondary)}.wizard-summary .summary-item:last-child{border:none}.wizard-summary .summary-item.total{font-size:18px;font-weight:800;color:var(--text);margin-top:8px}.completion-radio-group{display:flex;gap:20px;margin-top:8px}.completion-radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.worker-materials-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.worker-material-header,.worker-material-item{display:grid;grid-template-columns:2fr 1fr 1fr 30px;gap:10px;align-items:center}.worker-material-header input,.worker-material-item input{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #ccc}.worker-material-header button,.worker-material-item button{background:none;border:none;cursor:pointer;color:#888;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.worker-material-header button:hover,.worker-material-item button:hover{color:var(--danger)}.invoice-settings-form{display:flex;flex-direction:column;gap:32px}.invoice-form-section{display:flex;flex-direction:column;gap:20px}.invoice-form-section h3{font-size:18px;font-weight:800;color:var(--text);padding-bottom:16px;border-bottom:2px solid var(--border-light);margin:0;letter-spacing:-.01em}.invoice-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.invoice-form-group{display:flex;flex-direction:column;gap:10px}.invoice-form-group.full-width{grid-column:1/-1}.invoice-form-group label{font-size:14px;font-weight:700;color:var(--text-secondary)}.invoice-form-group label strong{font-weight:900;color:var(--primary)}.invoice-form-group small{font-size:13px;font-weight:600;color:var(--muted);margin-top:-6px}.invoice-form-group input[type=text],.invoice-form-group input[type=date],.invoice-form-group input[type=number]{width:100%;height:52px;padding:0 18px;border:2px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-family:inherit;font-size:16px;font-weight:700;transition:all .25s ease}.invoice-form-group input[type=text]:focus,.invoice-form-group input[type=date]:focus,.invoice-form-group input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:var(--surface-card)}.invoice-form-group input[type=text]::placeholder,.invoice-form-group input[type=date]::placeholder,.invoice-form-group input[type=number]::placeholder{color:var(--muted);font-weight:600}@media (max-width: 860px){.invoice-form-grid{grid-template-columns:1fr}.invoice-form-group.full-width{grid-column:1}.invoice-form-group input[type=text],.invoice-form-group input[type=date],.invoice-form-group input[type=number]{height:50px;font-size:15px}}@media (max-width: 1024px){.invoice-form-group input[type=text],.invoice-form-group input[type=date],.invoice-form-group input[type=number]{height:50px;font-size:15px}}.worker-material-header{font-weight:500;font-size:.8rem;color:#666;padding:0 8px}.worker-material-item input[type=text],.worker-material-item input[type=number]{width:100%;padding:10px 12px;border:2px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;transition:all .2s ease}.worker-material-item input[type=text]:focus,.worker-material-item input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);background:var(--surface-card)}.worker-material-item button{font-size:20px;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.worker-material-item button:hover{background-color:var(--glass-2);color:#ef4444}.worker-material-header{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:0 8px 4px}.completion-form-group textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;transition:all .2s ease;min-height:120px;resize:vertical}.completion-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:var(--surface-card)}.completion-form-group textarea::placeholder{color:var(--muted);font-weight:500}.payment-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.payment-remaining-notice{margin-top:12px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;text-align:center}.payment-remaining-notice.positive{background-color:var(--st-pending-bg);color:var(--st-pending);border:1px solid var(--st-pending-ring)}.payment-remaining-notice.negative{background-color:var(--st-canceled-bg);color:var(--st-canceled);border:1px solid var(--st-canceled-ring)}@media (max-width: 600px){.payment-inputs-grid{grid-template-columns:1fr}}.invoice-form-group>label[for=invoiceUsesMaterials]{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700!important;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding-left:32px;min-height:22px;margin:0!important}.invoice-form-group>input[type=checkbox]#invoiceUsesMaterials{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.invoice-form-group>label[for=invoiceUsesMaterials]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:22px;width:22px;background-color:var(--surface);border:2px solid var(--border);border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.invoice-form-group>label[for=invoiceUsesMaterials]:after{content:"";position:absolute;left:8px;top:4px;width:6px;height:12px;border:solid var(--primary-text);border-width:0 3px 3px 0;opacity:0;transform:rotate(45deg) scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.invoice-form-group>input[type=checkbox]:checked+label[for=invoiceUsesMaterials]:before{background-color:var(--primary);border-color:var(--primary)}.invoice-form-group>input[type=checkbox]:checked+label[for=invoiceUsesMaterials]:after{opacity:1;transform:rotate(45deg) scale(1)}.invoice-form-group>input[type=checkbox]:not(:checked)+label[for=invoiceUsesMaterials]:hover:before{border-color:var(--primary)}.invoice-form-group>input[type=checkbox]:focus-visible+label[for=invoiceUsesMaterials]:before{outline:none;box-shadow:0 0 0 4px var(--ring)}@media (max-width: 1024px){.wd-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.wd-kpis,.wd-toprow{grid-template-columns:1fr}.wd-toolbar{grid-template-columns:1fr;gap:12px}.wd-controls{justify-content:space-between;width:100%}.wd-filters{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.wd-filters-section{width:100%}.wd-cats,.wd-statuses{width:100%;flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.wd-daybar{display:flex;flex-wrap:wrap;gap:8px;overflow-x:visible;padding-bottom:0}.wd-daybar .wd-daypill{flex:1 0 calc(50% - 8px);min-width:0}.wd-body{overflow-x:hidden}.wde-name{font-size:12px}.wde-meta{display:none}.completion-price-input-wrapper .completion-price-input{font-size:16px!important}.completion-upload-zone{padding:20px}.completion-upload-icon{width:48px;height:48px}.completion-upload-icon svg{font-size:24px}}.service-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px solid var(--border);border-radius:16px;background:var(--surface);cursor:pointer;transition:all .2s ease;gap:12px}.service-option-card:hover{border-color:var(--primary);background:var(--glass);transform:translateY(-2px)}.service-option-card.active{border-color:var(--primary);background:var(--day-today-bg);box-shadow:0 0 0 2px var(--ring)}.service-option-card.active .service-icon{color:var(--primary);transform:scale(1.1)}.service-option-card.active .service-name{color:var(--primary)}.service-icon{font-size:32px;color:var(--muted);transition:all .2s ease;display:flex}.service-info{display:flex;flex-direction:column;align-items:center;gap:4px}.service-name{font-weight:800;font-size:16px;color:var(--text)}.service-price{font-weight:700;font-size:14px;color:var(--text-secondary);background:var(--glass-2);padding:4px 8px;border-radius:8px}.service-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 10px #6366f14d}.travel-cost-container{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.travel-standard-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--text)}.travel-standard-row strong{color:var(--primary);font-size:18px}.travel-custom-toggle{margin-top:4px}.checkbox-wrapper{display:flex;align-items:center;position:relative;padding-left:32px;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-wrapper .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:var(--surface);border:2px solid var(--border);border-radius:6px;transition:all .2s ease}.checkbox-wrapper:hover input~.checkmark{border-color:var(--primary)}.checkbox-wrapper input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkbox-wrapper .checkmark:after{content:"";position:absolute;display:none}.checkbox-wrapper input:checked~.checkmark:after{display:block}.checkbox-wrapper .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.animate-fade-in{animation:fadeIn .3s ease-in-out}@media (max-width: 600px){.service-selection-grid{grid-template-columns:1fr}}.auth-page{--auth-max: 620px;display:block;padding:0}.auth--login{--auth-max: 560px}.auth--register{--auth-max: 760px}.auth-shell{width:100%;max-width:var(--auth-max);margin:0 auto;display:grid;gap:14px;align-content:start;justify-items:center;padding:16px 24px}.auth-hero{text-align:center;display:grid;gap:10px;margin:0;padding:8px 0 4px}.auth-hero .badge{width:fit-content;margin-inline:auto;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#94a3b814;font-size:12px;font-weight:800;color:var(--text)}.gradient-text{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero h1{margin:0;font-size:clamp(30px,5vw,44px);letter-spacing:-.02em}.auth-hero .subtitle{margin:0;color:var(--muted);max-width:720px;margin-inline:auto;line-height:1.6}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;box-shadow:var(--shadow-sm)}.auth-tabs{margin-top:6px;display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px;box-shadow:var(--shadow-sm)}.auth-tabs a{text-decoration:none;color:var(--text);padding:8px 14px;border-radius:999px;transition:background .2s ease,color .2s ease,transform .15s ease;line-height:1}.auth-tabs a:hover{transform:translateY(-1px)}.auth-tabs a.active{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 6px 18px #2563eb40}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:16px}.card.accent{border-color:#6366f147;box-shadow:0 16px 40px #6366f11f}.auth-card{width:100%;max-width:var(--auth-max);padding:clamp(16px,2.6vw,22px);margin-top:6px}.form{display:grid;gap:14px}.grid{display:grid;gap:12px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}.label{display:block;font-size:13px;color:var(--muted)}.input-group{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.input,.select{width:100%;height:48px;border-radius:12px;border:1px solid var(--border);padding:0 14px;background:var(--surface);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-sm)}.input-with-icon{padding-left:36px!important}select.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(1em + 10px),calc(100% - 11px) calc(1em + 10px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.auth-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.btn.btn-primary{border:none;color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 6px 18px #2563eb40}.btn.btn-soft{background:#94a3b81f;border:1px solid var(--border);color:var(--text)}.banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:12px;padding:10px 12px;font-size:14px}.error{color:#ef4444;font-size:12px}.auth-footer{color:var(--muted);font-size:12px;text-align:center;margin:4px 0 0}[data-animate=fade-up]{opacity:0;transform:translateY(8px);animation:fadeUp .35s ease .05s forwards}@media (max-width: 1000px){.auth-shell{gap:12px}}@media (max-width: 640px){.auth-hero{padding:6px 0 4px}.auth-hero h1{font-size:clamp(26px,7vw,34px)}.auth-card{padding:14px;border-radius:14px}}.profile-page{background-color:transparent;color:var(--text);min-height:100vh}.profile-page .container{max-width:1024px;margin:0 auto;padding:clamp(16px,3vw,32px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:background .3s ease,border-color .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s ease;font-size:14px}.btn:hover{transform:translateY(-1px);background:#94a3b81a;border-color:var(--muted)}.btn.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn.btn-primary{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border-color:transparent;box-shadow:0 4px 14px #3b82f64d}.btn.btn-primary:hover{box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#5b5ef0,#2563eb)}.btn.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn.btn-soft{background:#94a3b81a;border-color:transparent;color:var(--text)}.btn.btn-soft:hover{background:#94a3b833}.btn-link{background:none;border:none;padding:0;font:inherit;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700}.btn-link:hover{color:var(--primary);text-decoration:underline}.btn-link.danger:hover{color:#ef4444}.profile-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:clamp(16px,3vw,24px);position:relative;overflow:hidden;background:var(--surface)}.profile-header:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 0% 0%,rgba(99,102,241,.15),transparent 60%),radial-gradient(120% 100% at 100% 0%,rgba(6,182,212,.12),transparent 60%);pointer-events:none}.ph-left{display:flex;gap:16px;align-items:center}.avatar-img,.avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:#94a3b81a;color:var(--text);border:1px solid var(--border);font-weight:900;font-size:24px;flex-shrink:0}.avatar-img.sm,.avatar.sm{width:40px;height:40px;border-radius:12px;font-size:14px}.meta{display:grid;gap:6px}.name{font-size:clamp(20px,3vw,24px);font-weight:900;letter-spacing:-.02em;color:var(--text)}.sub{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;flex-wrap:wrap}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#94a3b81a;color:var(--text);font-size:13px}.ph-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:700;transition:all .2s ease}.pill:hover{transform:translateY(-1px);background:#94a3b81a}.pill.active{background:#6366f126;border-color:#6366f166;color:#6366f1}html[data-theme=dark] .pill.active{color:#818cf8}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:16px}.kpi{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:none;display:grid;gap:4px}.kpi-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.kpi-value{font-size:24px;font-weight:900;letter-spacing:-.015em;line-height:1.2;color:var(--text)}.kpi-value{background:linear-gradient(135deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text}.about{display:grid;gap:10px;padding:20px}.about h3{margin:0;font-size:18px;font-weight:800;color:var(--text)}.about p{margin:0;color:var(--muted);line-height:1.6}.reviews-card{padding:20px;display:grid;gap:16px}.reviews-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stars{color:#f59e0b;letter-spacing:.5px;font-size:16px}.stars.stars--lg{font-size:22px}.reviews-list{display:grid;gap:16px}.review{border:1px solid var(--border);border-radius:12px;background:#94a3b80d;padding:16px}.review-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.author-name{font-weight:700;text-decoration:none;color:var(--text)}.review .meta span{font-size:13px;color:var(--muted)}.stars-wrap{margin-left:auto}.review .text{margin:0;color:var(--text);font-size:14px;line-height:1.6;opacity:.9}.review-actions{display:flex;gap:16px;margin-top:12px}.add-review-form,.edit-review-form{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;margin-top:8px;background:#94a3b80d}.edit-review-form{border:none;padding:0;margin-top:12px;background:transparent}.edit-review-form .actions{display:flex;justify-content:flex-end;gap:12px}.error-text{font-size:13px;color:#ef4444}.orders-card{padding:20px;display:grid;gap:16px}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-item{border:1px solid var(--border);border-radius:12px;background:#94a3b80d;padding:16px;display:grid;gap:8px}.order-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.oh-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oh-date{font-weight:800;color:var(--text)}.order-body .svc{font-weight:800;font-size:16px;color:var(--text)}.price{color:var(--text);font-weight:700}.status.pending{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b33}.status.confirmed{background:#3b82f626;color:#60a5fa;border-color:#3b82f633}.status.done{background:#10b98126;color:#34d399;border-color:#10b98133}.status.canceled{background:#ef444426;color:#f87171;border-color:#ef444433}.edit-tab-layout{display:flex;flex-direction:column;gap:32px;padding:32px;background:var(--surface)}.section-title{margin:0 0 20px;font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}.section-title svg{color:var(--muted)}.edit-main-section{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}@media (max-width: 768px){.edit-main-section{grid-template-columns:1fr;justify-items:center}}.avatar-section{display:flex;flex-direction:column;align-items:center}.avatar-upload-wrapper{width:160px;height:160px;position:relative;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid var(--surface);box-shadow:var(--shadow-lg);transition:transform .2s}.avatar-upload-wrapper:hover{transform:scale(1.02)}.avatar-preview{width:100%;height:100%;object-fit:cover;background:#94a3b81a}.avatar-preview.placeholder{display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;color:var(--muted)}.avatar-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;gap:4px}.form-content{display:flex;flex-direction:column;gap:20px;width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.input-field{padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px;color:var(--text);background:#0003;transition:all .2s;width:100%;box-sizing:border-box}html[data-theme=light] .input-field{background:#fff}.input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.input-field.textarea{resize:vertical;min-height:100px;font-family:inherit}.form-actions{margin-top:10px;display:flex;justify-content:flex-end}.edit-security-section{border-top:1px solid var(--border);padding-top:32px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.security-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:none;transition:transform .2s}.security-card:hover{transform:translateY(-2px);border-color:#6366f1}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--text)}.card-header h4{margin:0;font-size:16px;font-weight:800}.card-header svg{color:#6366f1}.full-width{width:100%}.banner{padding:12px 16px;border-radius:8px;font-weight:600;margin-bottom:16px}.banner.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.2)}.banner-mini{font-size:13px;padding:8px 12px;border-radius:6px}.banner-mini.error{background:#ef444426;color:#ef4444}.banner-mini.success{background:#10b98126;color:#10b981}@media (max-width: 900px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-page .container{padding:16px}.orders-grid,.grid-2{grid-template-columns:1fr}.orders-toolbar{flex-direction:column;align-items:stretch}.edit-tab-layout{padding:20px}}@media (max-width: 640px){.profile-header{grid-template-columns:1fr;text-align:center}.ph-left{flex-direction:column}.ph-right{justify-content:center}.reviews-head{flex-direction:column;align-items:flex-start}}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent}.status.pending{background:#f59e0b26;color:#d97706;border-color:#f59e0b33}html[data-theme=dark] .status.pending{color:#fbbf24}.status.confirmed{background:#3b82f626;color:#2563eb;border-color:#3b82f633}html[data-theme=dark] .status.confirmed{color:#60a5fa}.status.done{background:#10b98126;color:#059669;border-color:#10b98133}html[data-theme=dark] .status.done{color:#34d399}.status.canceled{background:#ef444426;color:#dc2626;border-color:#ef444433}html[data-theme=dark] .status.canceled{color:#f87171}.status.incomplete{background:#94a3b826;color:#475569;border-color:#94a3b84d}html[data-theme=dark] .status.incomplete{color:#cbd5e1}.dla-domu-page{position:relative}.dla-domu-page .hero-banner{padding:clamp(40px,8vw,60px) 0 clamp(20px,4vw,30px);position:relative;text-align:center}.dla-domu-page .hero-banner__content{max-width:800px;margin:0 auto}.dla-domu-page .hero-banner__title{font-size:clamp(32px,6vw,56px);font-weight:900;margin:0 0 12px;letter-spacing:-.03em;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.dla-domu-page .hero-banner__subtitle{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);margin:0 0 24px;font-weight:500}.dla-domu-page .hero-banner__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dla-domu-page .intro-section{padding:clamp(30px,5vw,40px) 0}.dla-domu-page .intro-card{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.dla-domu-page .intro-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-50),transparent 70%);opacity:.3;pointer-events:none}.dla-domu-page .intro-card__icon{font-size:64px;margin-bottom:16px;position:relative;z-index:1;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--primary-50);border-radius:50%}.dla-domu-page .intro-card__icon svg{width:48px;height:48px}.dla-domu-page .intro-card__title{font-size:clamp(22px,3.5vw,28px);font-weight:800;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.dla-domu-page .intro-card__text{font-size:clamp(14px,1.5vw,16px);color:var(--text-secondary);line-height:1.6;margin:0;position:relative;z-index:1}.dla-domu-page .services-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 100%)}.dla-domu-page .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,3vw,24px)}.dla-domu-page .service-item{padding:clamp(20px,4vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition-base);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both}.dla-domu-page .service-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.dla-domu-page .service-item:hover .service-item__icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:#fff}.dla-domu-page .service-item__icon{font-size:40px;margin-bottom:12px;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-50);border-radius:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dla-domu-page .service-item__icon svg{width:36px;height:36px}.dla-domu-page .service-item__title{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--text);letter-spacing:-.01em}.dla-domu-page .service-item__desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.dla-domu-page .advantages-section{padding:clamp(40px,6vw,60px) 0}.dla-domu-page .advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,3vw,20px)}.dla-domu-page .advantage-card{padding:clamp(20px,4vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}.dla-domu-page .advantage-card:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity .3s ease}.dla-domu-page .advantage-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl)}.dla-domu-page .advantage-card:hover:before{opacity:.05}.dla-domu-page .advantage-card:hover .advantage-card__icon{transform:scale(1.1) rotate(-5deg);background:var(--gradient)}.dla-domu-page .advantage-card:hover .advantage-card__icon svg{color:#fff}.dla-domu-page .advantage-card__icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-50);border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dla-domu-page .advantage-card__icon svg{width:40px;height:40px;color:var(--primary);transition:color .3s ease}.dla-domu-page .advantage-card__title{font-size:17px;font-weight:800;margin:0 0 6px;color:var(--text);position:relative;z-index:1}.dla-domu-page .advantage-card__desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0;position:relative;z-index:1}.dla-domu-page .cta-section{padding:clamp(30px,5vw,60px) 0 clamp(40px,8vw,80px)}.dla-domu-page .cta-box{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.dla-domu-page .cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.dla-domu-page .cta-box__title{font-size:clamp(22px,3.5vw,30px);font-weight:900;margin:0 0 10px;color:var(--text);position:relative;z-index:1}.dla-domu-page .cta-box__text{font-size:clamp(14px,1.5vw,16px);color:var(--text-secondary);margin:0 0 24px;position:relative;z-index:1}.dla-domu-page .cta-box__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.dla-domu-page .btn-icon{font-size:18px;display:inline-flex;align-items:center}.dla-domu-page .btn-icon svg{width:18px;height:18px}@media (max-width: 640px){.dla-domu-page .hero-banner__actions,.dla-domu-page .cta-box__actions{flex-direction:column;width:100%}.dla-domu-page .hero-banner__actions .btn,.dla-domu-page .cta-box__actions .btn{width:100%}}.dla-firmy-page{position:relative}.dla-firmy-page .hero-banner{padding:clamp(40px,8vw,60px) 0 clamp(20px,4vw,30px);text-align:center;position:relative}.dla-firmy-page .hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none;z-index:0}.dla-firmy-page .hero-banner__content{max-width:900px;margin:0 auto;position:relative;z-index:1}.dla-firmy-page .hero-banner__badge{display:inline-block;padding:6px 16px;background:var(--gradient);color:#fff;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:16px;box-shadow:0 8px 24px #2563eb4d;letter-spacing:.05em}.dla-firmy-page .hero-banner__title{font-size:clamp(28px,5vw,50px);font-weight:900;margin:0 0 12px;letter-spacing:-.03em;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.dla-firmy-page .hero-banner__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);margin:0 0 24px;font-weight:500;line-height:1.5}.dla-firmy-page .hero-banner__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dla-firmy-page .intro-section{padding:clamp(30px,5vw,40px) 0}.dla-firmy-page .intro-card{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.dla-firmy-page .intro-card__title{font-size:clamp(20px,2.5vw,24px);font-weight:800;margin:0 0 12px;color:var(--text)}.dla-firmy-page .intro-card__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6;margin:0}.dla-firmy-page .services-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 100%)}.dla-firmy-page .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,3vw,24px)}.dla-firmy-page .service-item{padding:clamp(20px,4vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition-base);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both}.dla-firmy-page .service-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.dla-firmy-page .service-item:hover .service-item__icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:#fff}.dla-firmy-page .service-item__icon{font-size:40px;margin-bottom:12px;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-50);border-radius:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dla-firmy-page .service-item__icon svg{width:36px;height:36px}.dla-firmy-page .service-item__title{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--text);letter-spacing:-.01em}.dla-firmy-page .service-item__desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.dla-firmy-page .benefits-section{padding:clamp(40px,6vw,60px) 0}.dla-firmy-page .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,3vw,20px)}.dla-firmy-page .benefit-card{padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}.dla-firmy-page .benefit-card:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity .3s ease}.dla-firmy-page .benefit-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl)}.dla-firmy-page .benefit-card:hover:before{opacity:.05}.dla-firmy-page .benefit-card:hover .benefit-card__icon{transform:scale(1.15) rotate(-5deg);background:var(--gradient)}.dla-firmy-page .benefit-card:hover .benefit-card__icon svg{color:#fff}.dla-firmy-page .benefit-card__icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-50);border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dla-firmy-page .benefit-card__icon svg{width:40px;height:40px;color:var(--primary);transition:color .3s ease}.dla-firmy-page .benefit-card__title{font-size:17px;font-weight:800;margin:0 0 6px;color:var(--text);position:relative;z-index:1}.dla-firmy-page .benefit-card__desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0;position:relative;z-index:1}.dla-firmy-page .features-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%)}.dla-firmy-page .features-box{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dla-firmy-page .features-box__title{font-size:clamp(20px,3vw,28px);font-weight:800;margin:0 0 24px;text-align:center;color:var(--text)}.dla-firmy-page .features-list{display:grid;gap:16px}.dla-firmy-page .feature-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg);border-radius:var(--radius);transition:var(--transition-base)}.dla-firmy-page .feature-item:hover{transform:translate(6px);background:var(--primary-50)}.dla-firmy-page .feature-item:hover .feature-item__icon{transform:scale(1.1)}.dla-firmy-page .feature-item__icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:900;font-size:14px;transition:transform .3s ease}.dla-firmy-page .feature-item__icon svg{width:16px;height:16px}.dla-firmy-page .feature-item__text{margin:0;font-size:14px;color:var(--text);line-height:1.5;font-weight:500}.dla-firmy-page .cta-section{padding:clamp(30px,5vw,60px) 0 clamp(40px,8vw,80px)}.dla-firmy-page .cta-box{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.dla-firmy-page .cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.dla-firmy-page .cta-box__title{font-size:clamp(20px,3vw,28px);font-weight:900;margin:0 0 10px;color:var(--text);position:relative;z-index:1}.dla-firmy-page .cta-box__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);margin:0 0 24px;position:relative;z-index:1}.dla-firmy-page .cta-box__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.dla-firmy-page .btn-icon{font-size:18px;display:inline-flex;align-items:center}.dla-firmy-page .btn-icon svg{width:18px;height:18px}@media (max-width: 640px){.dla-firmy-page .hero-banner__actions,.dla-firmy-page .cta-box__actions{flex-direction:column;width:100%}.dla-firmy-page .hero-banner__actions .btn,.dla-firmy-page .cta-box__actions .btn{width:100%}}.realizacje-page{position:relative}.realizacje-page .hero-banner{padding:clamp(60px,10vw,100px) 0 clamp(40px,6vw,60px);text-align:center}.realizacje-page .hero-banner__content{max-width:900px;margin:0 auto}.realizacje-page .hero-banner__title{font-size:clamp(36px,6vw,58px);font-weight:900;margin:0 0 16px;letter-spacing:-.03em;background:var(--gradient-3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.realizacje-page .hero-banner__subtitle{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);margin:0 0 24px;font-weight:500;line-height:1.6}.realizacje-page .hero-banner__badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow)}.realizacje-page .hero-banner__badge .badge-icon{font-size:20px;color:var(--primary)}.realizacje-page .hero-banner__badge .badge-text{font-size:14px;font-weight:700;color:var(--text)}.realizacje-page .videos-section{padding:clamp(60px,10vw,100px) 0}.realizacje-page .videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:clamp(24px,5vw,36px)}.realizacje-page .video-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden}.realizacje-page .video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.realizacje-page .video-card__embed{position:relative;width:100%;background:#000;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.realizacje-page .video-card__embed .tiktok-embed{margin:0 auto;width:100%!important;max-width:100%!important;min-width:auto!important}.realizacje-page .video-card__content{padding:clamp(20px,4vw,24px)}.realizacje-page .video-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.realizacje-page .video-card__number{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;padding:0 12px;background:var(--primary-50);color:var(--primary);border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.05em}.realizacje-page .video-card__platform{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000;border-radius:999px}.realizacje-page .video-card__platform .platform-icon{font-size:14px;color:#fff}.realizacje-page .video-card__platform .platform-text{font-size:13px;font-weight:700;color:#fff}.realizacje-page .video-card__title{font-size:18px;font-weight:800;margin:0 0 16px;color:var(--text);line-height:1.3}.realizacje-page .video-card__link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius);font-size:14px;font-weight:700;text-decoration:none;transition:var(--transition-base)}.realizacje-page .video-card__link:hover{background:var(--primary);color:#fff;transform:translate(4px)}.realizacje-page .video-card__link .link-icon{font-size:18px}.realizacje-page .social-section{padding:clamp(60px,10vw,100px) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 100%)}.realizacje-page .social-box{max-width:900px;margin:0 auto;padding:clamp(32px,6vw,56px);background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.realizacje-page .social-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.realizacje-page .social-box__header{margin-bottom:32px;position:relative;z-index:1}.realizacje-page .social-box__icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:50%;box-shadow:0 8px 32px #2563eb4d}.realizacje-page .social-box__icon svg{width:56px;height:56px;color:#fff}.realizacje-page .social-box__title{font-size:clamp(24px,4vw,32px);font-weight:900;margin:0 0 12px;color:var(--text)}.realizacje-page .social-box__subtitle{font-size:clamp(15px,1.5vw,17px);color:var(--text-secondary);margin:0;line-height:1.7}.realizacje-page .social-box__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.realizacje-page .social-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 32px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;color:#fff;border:none;box-shadow:var(--shadow-md);transition:var(--transition-smooth);overflow:hidden;background-size:250% 100%}.realizacje-page .social-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);animation:shine 3s ease-in-out infinite alternate}.realizacje-page .social-btn:active{transform:translateY(-2px) scale(1)}.realizacje-page .social-btn__icon{font-size:24px}.realizacje-page .social-btn__text{font-weight:800}.realizacje-page .social-btn--tiktok{background-image:linear-gradient(115deg,#010101 40%,#00f2ea 70%,#ff0050,#010101);background-position:0% 50%}.realizacje-page .social-btn--instagram{background-image:linear-gradient(115deg,#fdf497,#fd5949,#d6249f,#285aeb);background-position:0% 50%}@keyframes shine{0%{background-position:0% 50%}to{background-position:100% 50%}}.realizacje-page .cta-section{padding:clamp(40px,8vw,80px) 0 clamp(80px,12vw,140px)}.realizacje-page .cta-box{max-width:900px;margin:0 auto;padding:clamp(32px,6vw,56px);background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.realizacje-page .cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.realizacje-page .cta-box__title{font-size:clamp(24px,4vw,32px);font-weight:900;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.realizacje-page .cta-box__text{font-size:clamp(15px,1.5vw,17px);color:var(--text-secondary);margin:0 0 28px;position:relative;z-index:1}.realizacje-page .cta-box__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.realizacje-page .btn-icon{font-size:20px;display:inline-flex;align-items:center}.realizacje-page .btn-icon svg{width:20px;height:20px}@media (max-width: 640px){.realizacje-page .videos-grid{grid-template-columns:1fr}.realizacje-page .social-box__actions,.realizacje-page .cta-box__actions{flex-direction:column;width:100%}.realizacje-page .social-box__actions .btn,.realizacje-page .social-box__actions .social-btn,.realizacje-page .cta-box__actions .btn,.realizacje-page .cta-box__actions .social-btn{width:100%}}.branze-page{position:relative}.branze-page .hero-banner{padding:clamp(40px,8vw,60px) 0 clamp(20px,4vw,30px);text-align:center}.branze-page .hero-banner__content{max-width:800px;margin:0 auto}.branze-page .hero-banner__title{font-size:clamp(28px,5vw,50px);font-weight:900;margin:0 0 12px;letter-spacing:-.03em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.branze-page .hero-banner__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);margin:0 0 24px;font-weight:500;line-height:1.5}.branze-page .hero-banner__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.branze-page .intro-section{padding:clamp(30px,5vw,40px) 0}.branze-page .intro-card{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.branze-page .intro-card__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6;margin:0}.branze-page .branches-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 50%,transparent 100%)}.branze-page .branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(12px,2vw,16px)}.branze-page .branch-card{padding:clamp(20px,4vw,24px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}.branze-page .branch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color, var(--primary));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.branze-page .branch-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--accent-color, var(--primary))}.branze-page .branch-card:hover:before{transform:scaleX(1)}.branze-page .branch-card:hover .branch-card__icon{transform:scale(1.15) rotate(8deg);background:var(--accent-color, var(--primary))}.branze-page .branch-card:hover .branch-card__icon svg{color:#fff}.branze-page .branch-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;background:rgba(var(--accent-color-rgb, 37, 99, 235),.1);border-radius:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.branze-page .branch-card__icon svg{width:36px;height:36px;color:var(--accent-color, var(--primary));transition:color .3s ease}.branze-page .branch-card__title{font-size:16px;font-weight:700;margin:0;color:var(--text);line-height:1.3}.branze-page .coverage-section{padding:clamp(40px,6vw,60px) 0 clamp(40px,6vw,60px)}.branze-page .coverage-box{max-width:800px;margin:0 auto;padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.branze-page .coverage-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.branze-page .coverage-box__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;background:var(--primary-50);border-radius:50%;position:relative;z-index:1}.branze-page .coverage-box__icon svg{width:48px;height:48px;color:var(--primary)}.branze-page .coverage-box__title{font-size:clamp(22px,3.5vw,28px);font-weight:900;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.branze-page .coverage-box__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6;margin:0 0 24px;position:relative;z-index:1}.branze-page .coverage-box__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.branze-page .btn-icon{font-size:18px;display:inline-flex;align-items:center}.branze-page .btn-icon svg{width:18px;height:18px}@media (max-width: 640px){.branze-page .hero-banner__actions,.branze-page .coverage-box__actions{flex-direction:column;width:100%}.branze-page .hero-banner__actions .btn,.branze-page .coverage-box__actions .btn{width:100%}.branze-page .branches-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.branze-page .branches-grid{grid-template-columns:1fr}}.o-firmie-page{position:relative}.o-firmie-page .hero-banner{padding:clamp(40px,8vw,60px) 0 clamp(20px,4vw,30px);text-align:center}.o-firmie-page .hero-banner__content{max-width:800px;margin:0 auto}.o-firmie-page .hero-banner__title{font-size:clamp(28px,5vw,50px);font-weight:900;margin:0 0 12px;letter-spacing:-.03em;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.o-firmie-page .hero-banner__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);margin:0;font-weight:500}.o-firmie-page .intro-section{padding:clamp(30px,5vw,40px) 0}.o-firmie-page .intro-card{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.o-firmie-page .intro-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-50),transparent 70%);opacity:.4;pointer-events:none}.o-firmie-page .intro-card__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:50%;position:relative;z-index:1;box-shadow:0 8px 24px #2563eb4d}.o-firmie-page .intro-card__icon svg{width:48px;height:48px;color:#fff}.o-firmie-page .intro-card__title{font-size:clamp(22px,3.5vw,28px);font-weight:800;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.o-firmie-page .intro-card__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6;margin:0;position:relative;z-index:1}.o-firmie-page .features-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 100%)}.o-firmie-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,3vw,20px)}.o-firmie-page .feature-card{padding:clamp(20px,4vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}.o-firmie-page .feature-card:before{content:"";position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity .3s ease}.o-firmie-page .feature-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-xl)}.o-firmie-page .feature-card:hover:before{opacity:.05}.o-firmie-page .feature-card:hover .feature-card__icon{transform:scale(1.15) rotate(-5deg);background:var(--gradient)}.o-firmie-page .feature-card:hover .feature-card__icon svg{color:#fff}.o-firmie-page .feature-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;background:var(--primary-50);border-radius:50%;position:relative;z-index:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.o-firmie-page .feature-card__icon svg{width:36px;height:36px;color:var(--primary);transition:color .3s ease}.o-firmie-page .feature-card__title{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--text);position:relative;z-index:1}.o-firmie-page .feature-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;position:relative;z-index:1}.o-firmie-page .story-section{padding:clamp(40px,6vw,60px) 0}.o-firmie-page .story-box{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.o-firmie-page .story-box__title{font-size:clamp(22px,3.5vw,28px);font-weight:800;margin:0 0 20px;text-align:center;color:var(--text)}.o-firmie-page .story-content{display:grid;gap:16px}.o-firmie-page .story-content p{margin:0;font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6}.o-firmie-page .guarantee-section{padding:clamp(40px,6vw,60px) 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%)}.o-firmie-page .guarantee-box{max-width:800px;margin:0 auto;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.o-firmie-page .guarantee-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.o-firmie-page .guarantee-box__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:50%;position:relative;z-index:1;box-shadow:0 8px 24px #2563eb4d}.o-firmie-page .guarantee-box__icon svg{width:48px;height:48px;color:#fff}.o-firmie-page .guarantee-box__title{font-size:clamp(22px,3.5vw,28px);font-weight:900;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.o-firmie-page .guarantee-box__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);line-height:1.6;margin:0;position:relative;z-index:1}.o-firmie-page .cta-section{padding:clamp(30px,5vw,60px) 0 clamp(40px,8vw,80px)}.o-firmie-page .cta-box{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden}.o-firmie-page .cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.o-firmie-page .cta-box__title{font-size:clamp(20px,3vw,28px);font-weight:900;margin:0 0 10px;color:var(--text);position:relative;z-index:1}.o-firmie-page .cta-box__text{font-size:clamp(14px,1.4vw,16px);color:var(--text-secondary);margin:0 0 24px;position:relative;z-index:1}.o-firmie-page .cta-box__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}@media (max-width: 640px){.o-firmie-page .cta-box__actions{flex-direction:column;width:100%}.o-firmie-page .cta-box__actions .btn{width:100%}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.home-page{--gradient-2: linear-gradient(135deg, #22d3ee 0%, #6366f1 50%, #8b5cf6 100%);--star: #f59e0b;--transition-smooth: all .4s cubic-bezier(.34, 1.56, .64, 1);--panel-1: rgba(255,255,255,.85);--panel-2: rgba(255,255,255,.95);--orb-1: rgba(99,102,241,.12);--orb-2: rgba(6,182,212,.15);--orb-3: rgba(37,99,235,.12);--grid-color: rgba(226, 232, 240, .4)}html[data-theme=dark] .home-page{--panel-1: rgba(30, 41, 59, .85);--panel-2: rgba(30, 41, 59, .95);--orb-1: rgba(99,102,241,.15);--orb-2: rgba(6,182,212,.18);--orb-3: rgba(37,99,235,.15);--grid-color: rgba(51, 65, 85, .3)}.home-page{position:relative;overflow-x:hidden}.home-page .static-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--body-bg);overflow:hidden}.home-page .bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.7;animation:float 20s ease-in-out infinite}@media (max-width: 640px){.home-page .bg-gradient-orb{filter:blur(80px);opacity:.5}}.home-page .bg-gradient-orb.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--orb-1),transparent 70%);top:-200px;left:-100px;animation-delay:0s}@media (max-width: 640px){.home-page .bg-gradient-orb.bg-orb-1{width:400px;height:400px;top:-150px;left:-80px}}.home-page .bg-gradient-orb.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--orb-2),transparent 70%);top:40%;right:-150px;animation-delay:5s}@media (max-width: 640px){.home-page .bg-gradient-orb.bg-orb-2{width:350px;height:350px;right:-100px}}.home-page .bg-gradient-orb.bg-orb-3{width:700px;height:700px;background:radial-gradient(circle,var(--orb-3),transparent 70%);bottom:-250px;left:30%;animation-delay:10s}@media (max-width: 640px){.home-page .bg-gradient-orb.bg-orb-3{width:450px;height:450px;bottom:-200px;left:10%}}.home-page .bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}@media (max-width: 640px){.home-page .bg-grid{background-size:30px 30px}}.home-page .reveal{animation:reveal-up .8s cubic-bezier(.34,1.56,.64,1) both}@media (max-width: 640px){.home-page .reveal{animation-duration:.6s}}.home-page .hero{position:relative;padding:clamp(30px,5vw,60px) 0 clamp(30px,5vw,50px);z-index:1}@media (max-width: 640px){.home-page .hero{padding:40px 0 30px}}.home-page .hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,40px);align-items:center}@media (max-width: 1000px){.home-page .hero__grid{grid-template-columns:1fr;gap:30px}}@media (max-width: 640px){.home-page .hero__grid{gap:24px}}.home-page .hero__left{display:grid;gap:16px}@media (max-width: 640px){.home-page .hero__left{gap:12px}}.home-page .hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:4px}@media (max-width: 480px){.home-page .hero__stats{grid-template-columns:1fr;gap:8px}}.home-page .stat{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-1);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow);transition:var(--transition-base)}@media (max-width: 640px){.home-page .stat{padding:10px;gap:10px}}.home-page .stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);background:var(--panel-2)}@media (max-width: 640px){.home-page .stat:hover{transform:translateY(-2px)}}.home-page .stat__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-600));box-shadow:0 8px 24px #2563eb4d;flex-shrink:0}@media (max-width: 640px){.home-page .stat__icon{width:40px;height:40px;border-radius:8px}}.home-page .stat__icon svg{width:24px;height:24px;color:#fff}@media (max-width: 640px){.home-page .stat__icon svg{width:20px;height:20px}}.home-page .stat__body{display:grid;gap:2px;min-width:0}.home-page .stat__title{font-weight:800;font-size:18px;letter-spacing:-.02em}@media (max-width: 640px){.home-page .stat__title{font-size:16px}}.home-page .stat__desc{color:var(--muted);font-size:12px;font-weight:600}.home-page .rating-card{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-1);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow);transition:var(--transition-base);color:var(--text)}@media (max-width: 640px){.home-page .rating-card{padding:8px 12px;gap:8px}}.home-page .rating-card:hover{transform:translateY(-4px);border-color:var(--star);box-shadow:var(--shadow-lg);background:var(--panel-2)}@media (max-width: 640px){.home-page .rating-card:hover{transform:translateY(-2px)}}.home-page .rc-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;box-shadow:0 4px 12px #f59e0b4d;flex-shrink:0}.home-page .rc-icon svg{width:16px;height:16px;color:#fff}.home-page .rc-body{display:grid;gap:2px;min-width:0}.home-page .rc-top{display:flex;align-items:baseline;gap:6px}.home-page .rc-score{font-weight:900;font-size:16px}@media (max-width: 640px){.home-page .rc-score{font-size:15px}}.home-page .rc-stars{display:flex;gap:1px}.home-page .rc-count{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.home-page .hero__title{font-size:clamp(26px,6vw,56px);font-weight:900;line-height:1.1;margin:0;letter-spacing:-.04em;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 8s linear infinite}@media (max-width: 640px){.home-page .hero__title{font-size:32px}}.home-page .hero__lead{color:var(--text-secondary);font-size:clamp(14px,1.5vw,17px);margin:0;max-width:620px;line-height:1.5;font-weight:500}.home-page .hero__right{position:relative}@media (max-width: 1000px){.home-page .hero__right{max-width:600px;margin:0 auto;width:100%}}.home-page .search-card{position:relative;padding:clamp(16px,3vw,24px);border-radius:20px;background:var(--panel-2);border:1px solid var(--border);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:var(--transition-base)}@media (max-width: 640px){.home-page .search-card{padding:16px;border-radius:16px}}.home-page .search-card:hover{box-shadow:var(--shadow-xl),0 0 0 1px var(--primary);transform:translateY(-2px)}@media (max-width: 640px){.home-page .search-card:hover{transform:translateY(0)}}.home-page .search-card__head{margin-bottom:16px;text-align:center}@media (max-width: 640px){.home-page .search-card__head{margin-bottom:12px}}.home-page .search-card__title{font-size:20px;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}@media (max-width: 640px){.home-page .search-card__title{font-size:18px}}.home-page .search-card__subtitle{color:var(--muted);font-size:13px;margin:0;font-weight:500}.home-page .search-card__field{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}@media (max-width: 640px){.home-page .search-card__field{grid-template-columns:1fr;gap:8px;align-items:stretch}}.home-page .search-card__icon{position:absolute;left:16px;top:16px;color:var(--muted);pointer-events:none;z-index:2;width:20px;height:20px;flex-shrink:0}@media (max-width: 640px){.home-page .search-card__icon{left:14px;top:14px;width:18px;height:18px}}.home-page .search-card__input{width:100%;height:52px;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:0 16px 0 44px;font-size:14px;font-weight:500;transition:var(--transition-base);box-shadow:var(--shadow-sm);position:relative;z-index:1}@media (max-width: 640px){.home-page .search-card__input{height:48px;padding:0 14px 0 40px}}.home-page .search-card__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);background:var(--surface-elevated);z-index:2}.home-page .search-card__input::placeholder{color:var(--muted);font-size:13px}.home-page .search-card__btn{flex-shrink:0;height:52px}@media (max-width: 640px){.home-page .search-card__btn{width:100%;height:48px}}.home-page .search-card__tags{display:grid;gap:8px;margin-top:16px}@media (max-width: 640px){.home-page .search-card__tags{gap:8px;margin-top:12px}}.home-page .tags-label{font-size:12px;color:var(--muted);font-weight:600}.home-page .tags-list{display:flex;gap:6px;flex-wrap:wrap}.home-page .hero-links{margin-top:16px}@media (max-width: 640px){.home-page .hero-links{margin-top:16px}}.home-page .links-bar{display:flex;gap:8px;flex-wrap:wrap}.home-page .pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-decoration:none;font-weight:600;font-size:13px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.home-page .pill{padding:8px 12px;font-size:12px}}.home-page .pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md);border-color:var(--primary);background:var(--panel-2)}.home-page .pill-icon{width:16px;height:16px;transition:transform .3s ease;flex-shrink:0}.home-page .pill:hover .pill-icon{transform:scale(1.1)}.home-page .section{padding:clamp(40px,5vw,60px) 0;position:relative;z-index:1}@media (max-width: 640px){.home-page .section{padding:40px 0}}.home-page .section-head{text-align:center;margin-bottom:clamp(24px,4vw,32px)}@media (max-width: 640px){.home-page .section-head{margin-bottom:24px}}.home-page .section-title{font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-.03em;margin:0 0 8px;line-height:1.2}@media (max-width: 640px){.home-page .section-title{font-size:24px}}.home-page .section-subtitle{color:var(--text-secondary);font-size:clamp(14px,1.5vw,16px);margin:0 auto;max-width:680px;font-weight:500;padding:0 16px}@media (max-width: 640px){.home-page .section-subtitle{font-size:14px;padding:0 20px}}.home-page .hover-pop:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--primary)}.home-page .section.categories{background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 50%,transparent 100%)}.home-page .categories-grid{display:grid;gap:clamp(14px,3vw,24px);grid-template-columns:repeat(4,1fr)}@media (max-width: 1000px){.home-page .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.home-page .categories-grid{gap:16px}}@media (max-width: 480px){.home-page .categories-grid{grid-template-columns:1fr;gap:12px}}.home-page .image-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:clamp(160px,25vw,280px);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:var(--transition-smooth);text-decoration:none}@media (max-width: 640px){.home-page .image-card{height:200px;border-radius:16px}}.home-page .image-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary)}@media (max-width: 640px){.home-page .image-card:hover{transform:translateY(-4px) scale(1.01)}}.home-page .image-card__img-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.home-page .image-card__img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}.home-page .image-card:hover .image-card__img-wrapper img{transform:scale(1.08)}@media (max-width: 640px){.home-page .image-card:hover .image-card__img-wrapper img{transform:scale(1.05)}}.home-page .image-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000000bf 90%);transition:background .3s ease}.home-page .image-card:hover .image-card__overlay{background:linear-gradient(180deg,#0000 20%,#000000d9 90%)}.home-page .image-card__title{position:absolute;left:20px;right:20px;bottom:20px;margin:0;color:#fff;font-size:clamp(15px,2vw,20px);font-weight:800;letter-spacing:-.02em;text-shadow:0 4px 16px rgba(0,0,0,.4);z-index:2}@media (max-width: 640px){.home-page .image-card__title{left:16px;right:16px;bottom:16px;font-size:16px}}.home-page .image-card__arrow{position:absolute;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:2}@media (max-width: 640px){.home-page .image-card__arrow{width:32px;height:32px;bottom:16px;right:16px}}.home-page .image-card__arrow svg{width:20px;height:20px;color:#fff}@media (max-width: 640px){.home-page .image-card__arrow svg{width:16px;height:16px}}.home-page .image-card:hover .image-card__arrow{transform:translate(4px,-4px) scale(1.1);background:#ffffff4d}.home-page .service-card{display:flex;flex-direction:column;gap:10px;height:100%}.home-page .service-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;gap:10px}.home-page .service-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:10px;flex-shrink:0}@media (max-width: 640px){.home-page .service-card__icon{width:40px;height:40px}}.home-page .service-card__icon svg{width:24px;height:24px;color:var(--primary)}@media (max-width: 640px){.home-page .service-card__icon svg{width:20px;height:20px}}.home-page .service-card__price{color:var(--primary);font-weight:700;font-size:14px;background:var(--primary-50);padding:4px 10px;border-radius:999px;white-space:nowrap}@media (max-width: 640px){.home-page .service-card__price{font-size:13px}}.home-page .service-card__title{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3}@media (max-width: 640px){.home-page .service-card__title{font-size:17px}}.home-page .service-card__desc{margin:0 0 10px;color:var(--text-secondary);line-height:1.5;flex-grow:1;font-size:14px}@media (max-width: 640px){.home-page .service-card__desc{font-size:13px;margin:0 0 8px}}.home-page .service-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}@media (max-width: 640px){.home-page .service-card__actions{flex-direction:column}}.home-page .service-card__actions .btn{flex:1 1 0;min-width:100px;height:40px}@media (max-width: 640px){.home-page .service-card__actions .btn{flex:1;min-width:100%;width:100%}}.home-page .section.how-it-works{background:linear-gradient(180deg,transparent 0%,var(--bg-secondary) 100%)}.home-page .timeline{position:relative;display:grid;gap:20px;max-width:800px;margin:0 auto}.home-page .timeline:before{content:"";position:absolute;left:20px;top:12px;bottom:12px;width:2px;background:var(--gradient);opacity:.4;border-radius:999px}@media (max-width: 640px){.home-page .timeline:before{left:16px}}.home-page .timeline__item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start}@media (max-width: 640px){.home-page .timeline__item{grid-template-columns:32px 1fr;gap:14px}}.home-page .timeline__dot{width:42px;height:42px;border-radius:12px;background:var(--gradient);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;border:3px solid var(--surface);box-shadow:0 6px 16px #2563eb4d,0 0 0 1px var(--border);position:relative;z-index:2;flex-shrink:0}@media (max-width: 640px){.home-page .timeline__dot{width:34px;height:34px;font-size:12px;border-radius:10px}}.home-page .timeline__content{background:var(--surface);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition-base)}@media (max-width: 640px){.home-page .timeline__content{padding:16px;border-radius:16px}}.home-page .timeline__content:hover{transform:translate(4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}@media (max-width: 640px){.home-page .timeline__content:hover{transform:translate(2px)}}.home-page .timeline__content:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 0% 0%,var(--primary-50),transparent 70%);opacity:.5}.home-page .timeline__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:8px;margin-bottom:6px}@media (max-width: 640px){.home-page .timeline__icon{width:32px;height:32px}}.home-page .timeline__icon svg{width:20px;height:20px;color:var(--primary)}@media (max-width: 640px){.home-page .timeline__icon svg{width:18px;height:18px}}.home-page .timeline__title{margin:0 0 6px;font-weight:800;font-size:17px;letter-spacing:-.01em}@media (max-width: 640px){.home-page .timeline__title{font-size:16px}}.home-page .timeline__desc{margin:0;color:var(--text-secondary);line-height:1.5;font-size:14px}@media (max-width: 640px){.home-page .timeline__desc{font-size:13px}}.home-page .center-actions{margin-top:clamp(24px,4vw,36px);display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.home-page .center-actions{margin-top:28px;gap:10px;flex-direction:column;align-items:stretch}.home-page .center-actions .btn{width:100%;max-width:100%}}.home-page .section.reviews{background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%)}.home-page .reviews-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,32px);flex-wrap:wrap}@media (max-width: 640px){.home-page .reviews-intro{margin-bottom:24px;gap:12px}}.home-page .reviews-intro .section-head{margin-bottom:0;text-align:left;flex:1;min-width:280px}@media (max-width: 640px){.home-page .reviews-intro .section-head{min-width:100%}}@media (max-width: 1000px){.home-page .reviews-intro .section-head{text-align:center;flex-basis:100%}.home-page .reviews-intro{justify-content:center}}.home-page .reviews-cta-btn{flex-shrink:0}@media (max-width: 1000px){.home-page .reviews-cta-btn{width:100%;max-width:280px}}@media (max-width: 640px){.home-page .reviews-cta-btn{max-width:100%}}.home-page .reviews-summary-card{max-width:800px;margin:0 auto clamp(24px,4vw,40px);padding:clamp(20px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;position:relative;overflow:hidden;transition:var(--transition-base)}@media (max-width: 640px){.home-page .reviews-summary-card{padding:24px 16px;border-radius:16px;margin:0 auto 30px}}.home-page .reviews-summary-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 60%);opacity:.6;pointer-events:none}.home-page .reviews-summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 0 1px var(--primary)}@media (max-width: 640px){.home-page .reviews-summary-card:hover{transform:translateY(-2px)}}.home-page .reviews-summary-card__icon{margin-bottom:16px;position:relative;z-index:1}@media (max-width: 640px){.home-page .reviews-summary-card__icon{margin-bottom:12px}}.home-page .reviews-summary-card__icon .google-logo{height:26px;width:auto;filter:brightness(1.1)}@media (max-width: 640px){.home-page .reviews-summary-card__icon .google-logo{height:22px}}.home-page .reviews-summary-card__content{position:relative;z-index:1}.home-page .reviews-summary-card__title{font-size:clamp(18px,2.5vw,22px);font-weight:800;margin:0 0 16px;letter-spacing:-.02em}@media (max-width: 640px){.home-page .reviews-summary-card__title{font-size:18px;margin:0 0 12px}}.home-page .reviews-summary-card__rating{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}@media (max-width: 640px){.home-page .reviews-summary-card__rating{gap:8px;margin-bottom:16px}}.home-page .reviews-summary-card__link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:14px;transition:var(--transition-base);position:relative;z-index:1}@media (max-width: 640px){.home-page .reviews-summary-card__link{width:100%;max-width:300px;justify-content:center;padding:10px 16px}}.home-page .reviews-summary-card__link svg{width:16px;height:16px}.home-page .reviews-summary-card__link:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.home-page .rating-display{display:flex;align-items:center;gap:14px}@media (max-width: 640px){.home-page .rating-display{flex-direction:column;gap:8px}}.home-page .rating-display__number{font-size:clamp(36px,6vw,56px);font-weight:900;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-.03em}@media (max-width: 640px){.home-page .rating-display__number{font-size:48px}}.home-page .rating-display__stars{display:flex;flex-direction:column;gap:2px}@media (max-width: 640px){.home-page .rating-display__stars{align-items:center}}.home-page .rating-display__count{font-size:14px;color:var(--text-secondary)}@media (max-width: 640px){.home-page .rating-display__count{font-size:13px}}.home-page .rating-display__count strong{font-weight:800;color:var(--text)}.home-page .stars{display:inline-flex;gap:1px}.home-page .stars svg{width:18px;height:18px}@media (max-width: 640px){.home-page .stars svg{width:16px;height:16px}}.home-page .stars svg.star-filled{color:var(--star);filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.home-page .stars svg.star-empty{color:var(--border)}.home-page .reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,3vw,24px)}@media (max-width: 640px){.home-page .reviews-grid{grid-template-columns:1fr;gap:16px}}.home-page .review-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition-smooth);animation:reveal-up .6s cubic-bezier(.34,1.56,.64,1) both;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}@media (max-width: 640px){.home-page .review-card{padding:18px;border-radius:16px;gap:12px}}.home-page .review-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.home-page .review-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--primary)}.home-page .review-card:hover:before{transform:scaleX(1)}.home-page .review-card__header{display:flex;align-items:center;gap:12px}.home-page .review-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0}@media (max-width: 640px){.home-page .review-card__avatar{width:42px;height:42px}}.home-page .review-card__meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-page .review-card__author{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .review-card__date{font-size:12px;color:var(--muted);font-weight:500}.home-page .review-card__rating .stars svg{width:16px;height:16px}.home-page .review-card__text{margin:0;color:var(--text-secondary);line-height:1.5;font-size:14px;flex-grow:1}@media (max-width: 640px){.home-page .review-card__text{font-size:13px}}.home-page .review-card__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--primary-50);color:var(--primary);border-radius:999px;font-size:11px;font-weight:700;width:fit-content}.home-page .review-card__badge svg{width:12px;height:12px}.home-page .review-skeleton{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}@media (max-width: 640px){.home-page .review-skeleton{padding:18px;gap:12px}}.home-page .review-skeleton__header{display:flex;align-items:center;gap:12px}.home-page .review-skeleton__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--border) 0%,var(--border-light) 50%,var(--border) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.home-page .review-skeleton__meta{display:flex;flex-direction:column;gap:6px;flex:1}.home-page .review-skeleton__line{height:10px;border-radius:6px;background:linear-gradient(90deg,var(--border) 0%,var(--border-light) 50%,var(--border) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.home-page .review-skeleton__line--name{width:120px;height:12px}.home-page .review-skeleton__line--date{width:80px}.home-page .review-skeleton__line--full{width:100%}.home-page .review-skeleton__line--half{width:60%}.home-page .review-skeleton__stars{width:100px;height:16px;border-radius:6px;background:linear-gradient(90deg,var(--border) 0%,var(--border-light) 50%,var(--border) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.home-page .review-skeleton__text{display:flex;flex-direction:column;gap:6px}.home-page .reviews-empty{grid-column:1/-1;padding:clamp(30px,5vw,60px) clamp(20px,4vw,32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}@media (max-width: 640px){.home-page .reviews-empty{padding:40px 20px;border-radius:16px}}.home-page .reviews-empty:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);opacity:.4;pointer-events:none}.home-page .reviews-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:50%;position:relative;z-index:1;box-shadow:0 12px 36px #2563eb4d}@media (max-width: 640px){.home-page .reviews-empty__icon{width:64px;height:64px;margin-bottom:16px}}.home-page .reviews-empty__icon svg{width:40px;height:40px;color:#fff}@media (max-width: 640px){.home-page .reviews-empty__icon svg{width:32px;height:32px}}.home-page .reviews-empty__title{font-size:clamp(20px,3vw,24px);font-weight:900;margin:0 0 10px;letter-spacing:-.02em;position:relative;z-index:1}.home-page .reviews-empty__text{font-size:15px;color:var(--text-secondary);max-width:480px;margin:0 auto 24px;line-height:1.5;position:relative;z-index:1;padding:0 10px}@media (max-width: 640px){.home-page .reviews-empty__text{font-size:14px;margin:0 0 20px}}.home-page .reviews-empty .btn{margin-bottom:24px;position:relative;z-index:1}@media (max-width: 640px){.home-page .reviews-empty .btn{width:100%;max-width:280px;margin-bottom:20px}}.home-page .reviews-empty__features{display:flex;justify-content:center;gap:clamp(12px,3vw,24px);flex-wrap:wrap;position:relative;z-index:1;padding-top:20px;border-top:1px solid var(--border)}@media (max-width: 640px){.home-page .reviews-empty__features{flex-direction:column;align-items:center;gap:10px;padding-top:16px}}.home-page .feature-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border-radius:var(--radius)}@media (max-width: 640px){.home-page .feature-item{width:100%;max-width:260px;padding:8px 12px}}.home-page .feature-item__icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}.home-page .feature-item__text{font-size:13px;font-weight:600}.home-page .accent-card{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,4vw,32px);padding:clamp(24px,5vw,40px);background:linear-gradient(135deg,var(--primary),var(--primary-600));border:none;box-shadow:0 20px 60px #2563eb66;flex-wrap:wrap;border-radius:var(--radius-lg)}@media (max-width: 1000px){.home-page .accent-card{flex-direction:column;text-align:center}}@media (max-width: 640px){.home-page .accent-card{padding:24px 20px;border-radius:16px}}.home-page .accent-card:before{display:none}.home-page .accent-card__content{flex:1;min-width:280px}@media (max-width: 1000px){.home-page .accent-card__content{min-width:100%}}.home-page .accent-card__title{font-size:clamp(20px,3vw,26px);font-weight:900;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.home-page .accent-card__text{font-size:15px;color:#ffffffe6;margin:0;line-height:1.5}.home-page .accent-card__actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.home-page .accent-card__actions{gap:8px;flex-direction:column;width:100%}}.home-page .accent-card__actions .btn-primary{background:#fff;color:var(--primary)}.home-page .accent-card__actions .btn-primary:hover{background:var(--bg);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.home-page .accent-card__actions .btn-outline{border-color:#fff;color:#fff}.home-page .accent-card__actions .btn-outline:hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width: 1000px){.home-page .accent-card__actions{width:100%;justify-content:center}}@media (max-width: 640px){.home-page .accent-card__actions .btn{width:100%}}.home-page .floating-cta{position:fixed;bottom:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gradient);color:#fff;border:none;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 12px 36px #2563eb66;cursor:pointer;transition:var(--transition-smooth);z-index:100}@media (max-width: 640px){.home-page .floating-cta{bottom:16px;right:16px;padding:10px 16px;font-size:14px}}.home-page .floating-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #2563eb80}.home-page .floating-cta__icon{width:20px;height:20px}@media (max-width: 640px){.home-page .floating-cta__icon{width:18px;height:18px}}.admin-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 10px #2563eb4d;transition:transform .2s ease,background .2s;margin-left:12px}.admin-edit-btn:hover{transform:scale(1.1);background:var(--primary-600, #1d4ed8)}.admin-edit-btn svg{width:18px;height:18px}.admin-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease-out}.admin-modal{background:var(--surface);width:100%;max-width:800px;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .admin-modal{background:var(--panel-1, #1e293b);border-color:var(--border, #334155);box-shadow:0 25px 50px -12px #00000080}.admin-modal__header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary, #f8fafc)}html[data-theme=dark] .admin-modal__header{background:var(--panel-2, #0f172a);border-bottom-color:var(--border, #334155)}.admin-modal__header h3{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.admin-modal__body{display:grid;grid-template-columns:260px 1fr;overflow:hidden;height:100%}@media (max-width: 768px){.admin-modal__body{grid-template-columns:1fr;overflow-y:auto}}.admin-list{background:var(--bg-secondary, #f8fafc);border-right:1px solid var(--border);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}html[data-theme=dark] .admin-list{background:var(--panel-2, #0f172a);border-right-color:var(--border, #334155)}.admin-list-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;background:transparent;width:100%;text-align:left;cursor:pointer;border-radius:10px;transition:all .2s ease;font-size:13px;font-weight:600;color:var(--text-secondary)}html[data-theme=dark] .admin-list-item{color:var(--text-secondary, #94a3b8)}.admin-list-item:hover{background:#0000000a}html[data-theme=dark] .admin-list-item:hover{background:#ffffff0d}.admin-list-item.active{background:var(--surface);border-color:var(--border);color:var(--primary);box-shadow:0 4px 12px #0000000d}html[data-theme=dark] .admin-list-item.active{background:var(--primary-900, rgba(37, 99, 235, .15));border-color:var(--primary, #3b82f6);color:var(--primary-400, #60a5fa);box-shadow:none}.admin-list-item img{width:36px;height:36px;border-radius:6px;object-fit:cover;background:var(--border)}.admin-list-icon{width:36px;height:36px;border-radius:6px;background:var(--primary-50, #eff6ff);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}html[data-theme=dark] .admin-list-icon{background:#2563eb33;color:var(--primary-400, #60a5fa)}.admin-form{padding:24px;overflow-y:auto;background:var(--surface)}html[data-theme=dark] .admin-form{background:var(--panel-1, #1e293b)}.admin-form h4{margin:0 0 20px;font-size:16px;font-weight:700;color:var(--text)}.admin-form .form-group{margin-bottom:16px}.admin-form .form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-form .form-group input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:14px;transition:all .2s;color:var(--text)}html[data-theme=dark] .admin-form .form-group input{background:var(--surface, #0f172a);border-color:var(--border, #334155);color:var(--text, #f1f5f9)}.admin-form .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--orb-1)}.admin-form .img-preview-wrapper{margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid var(--border);height:180px;background:var(--bg-secondary);position:relative}.admin-form .img-preview-wrapper img{width:100%;height:100%;object-fit:cover}.admin-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}html[data-theme=dark] .admin-form .form-actions{border-top-color:var(--border, #334155)}.admin-form .form-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:transform .2s}.admin-form .form-actions button:hover{transform:translateY(-2px)}.btn-danger{background:#fee2e2;color:#ef4444;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca;color:#dc2626}html[data-theme=dark] .btn-danger{background:#ef444426;border-color:#ef44444d;color:#f87171}html[data-theme=dark] .btn-danger:hover{background:#ef444440}.btn-icon{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:4px;border-radius:6px;transition:.2s}.btn-icon:hover{background:#0000000d;color:var(--text)}html[data-theme=dark] .btn-icon:hover{background:#ffffff1a;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kontakt-page{position:relative}.kontakt-page .hero-banner{padding:clamp(60px,10vw,100px) 0 clamp(40px,6vw,60px);text-align:center}.kontakt-page .hero-banner__content{max-width:800px;margin:0 auto}.kontakt-page .hero-banner__title{font-size:clamp(36px,6vw,58px);font-weight:900;margin:0 0 16px;letter-spacing:-.03em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kontakt-page .hero-banner__subtitle{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);margin:0;font-weight:500}.kontakt-page .contact-section{padding:clamp(40px,8vw,80px) 0 clamp(80px,12vw,140px)}.kontakt-page .contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,4vw,28px);margin-bottom:clamp(24px,5vw,32px)}@media (max-width: 768px){.kontakt-page .contact-grid{grid-template-columns:1fr}}.kontakt-page .contact-card{padding:clamp(28px,5vw,36px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition-base)}.kontakt-page .contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.kontakt-page .contact-card__header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.kontakt-page .contact-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:14px;flex-shrink:0}.kontakt-page .contact-card__icon svg{width:32px;height:32px;color:var(--primary)}.kontakt-page .contact-card__title{font-size:22px;font-weight:800;margin:0;color:var(--text)}.kontakt-page .contact-info{display:grid;gap:16px}.kontakt-page .contact-info-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg);border-radius:var(--radius);transition:var(--transition-base)}.kontakt-page .contact-info-item:hover{background:var(--primary-50);transform:translate(4px)}.kontakt-page .contact-info-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.kontakt-page .contact-info-item__icon svg{width:24px;height:24px;color:var(--primary)}.kontakt-page .contact-info-item__content{display:grid;gap:4px;flex:1}.kontakt-page .contact-info-item__label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kontakt-page .contact-info-item__value{font-size:16px;font-weight:700;color:var(--text)}.kontakt-page .contact-info-item__value.link{color:var(--primary);text-decoration:none;transition:color .2s ease}.kontakt-page .contact-info-item__value.link:hover{color:var(--primary-600);text-decoration:underline}.kontakt-page .company-info{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.kontakt-page .company-info__name{font-size:18px;font-weight:800;margin:0 0 4px;color:var(--text)}.kontakt-page .company-info__type{font-size:14px;color:var(--muted);margin:0}.kontakt-page .working-hours{display:grid;gap:12px}.kontakt-page .working-hours-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--bg);border-radius:var(--radius)}.kontakt-page .working-hours-item__day{font-size:15px;font-weight:600;color:var(--text)}.kontakt-page .working-hours-item__hours{font-size:15px;font-weight:700;color:var(--primary)}.kontakt-page .action-card{padding:clamp(28px,5vw,36px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,5vw,32px)}.kontakt-page .action-card__content{flex:1;min-width:280px}.kontakt-page .action-card__title{font-size:24px;font-weight:800;margin:0 0 8px;color:var(--text)}.kontakt-page .action-card__text{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.6}.kontakt-page .action-card__buttons{display:flex;gap:12px;flex-wrap:wrap}.kontakt-page .reviews-card{padding:clamp(32px,6vw,48px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.kontakt-page .reviews-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--primary-50),transparent 70%);pointer-events:none}.kontakt-page .reviews-card__icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;position:relative;z-index:1;box-shadow:0 8px 32px #f59e0b4d}.kontakt-page .reviews-card__icon svg{width:56px;height:56px;color:#fff}.kontakt-page .reviews-card__title{font-size:24px;font-weight:800;margin:0 0 12px;color:var(--text);position:relative;z-index:1}.kontakt-page .reviews-card__rating{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;position:relative;z-index:1}.kontakt-page .reviews-card .rating-stars{color:var(--star);font-size:20px;letter-spacing:2px}.kontakt-page .reviews-card .rating-text{font-size:16px;font-weight:700;color:var(--text)}.kontakt-page .reviews-card__subtitle{font-size:13px;color:var(--muted);margin:0 0 16px;position:relative;z-index:1}.kontakt-page .reviews-card__text{font-size:15px;color:var(--text-secondary);margin:0;font-style:italic;position:relative;z-index:1}.kontakt-page .btn-icon{font-size:20px;display:inline-flex;align-items:center}.kontakt-page .btn-icon svg{width:20px;height:20px}@media (max-width: 640px){.kontakt-page .action-card{flex-direction:column;text-align:center}.kontakt-page .action-card__content{min-width:auto}.kontakt-page .action-card__buttons{width:100%;flex-direction:column}.kontakt-page .action-card__buttons .btn{width:100%}}.magazyn-page{--orb-1: #6366f1;--orb-2: #3b82f6;--orb-3: #06b6d4;--grid-color: rgba(99, 102, 241, .08);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .5s cubic-bezier(.4, 0, .2, 1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);position:relative;min-height:100vh;overflow-x:hidden;font-family:Inter,sans-serif}html[data-theme=dark] .magazyn-page{--orb-1: #4f46e5;--orb-2: #2563eb;--orb-3: #0891b2;--grid-color: rgba(99, 102, 241, .15)}.static-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--body-bg);overflow:hidden}.bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;animation:float 20s ease-in-out infinite}@media (max-width: 640px){.bg-gradient-orb{filter:blur(80px);opacity:.4}}.bg-gradient-orb.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--orb-1),transparent 70%);top:-200px;left:-100px;animation-delay:0s}.bg-gradient-orb.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--orb-2),transparent 70%);top:40%;right:-150px;animation-delay:5s}.bg-gradient-orb.bg-orb-3{width:700px;height:700px;background:radial-gradient(circle,var(--orb-3),transparent 70%);bottom:-250px;left:30%;animation-delay:10s}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}.magazyn-hero{position:relative;padding:clamp(60px,12vw,100px) 0 clamp(40px,8vw,60px);z-index:1}.magazyn-hero .hero-content{text-align:center;max-width:800px;margin:0 auto;padding:0 20px}.magazyn-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#6366f11a;color:var(--primary);border-radius:999px;font-size:14px;font-weight:700;margin-bottom:24px;border:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.magazyn-hero .hero-title{font-size:clamp(32px,6vw,56px);font-weight:900;letter-spacing:-.03em;margin:0 0 16px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.magazyn-hero .hero-subtitle{font-size:clamp(15px,2vw,18px);color:var(--muted);margin:0;line-height:1.6;font-weight:500}.magazyn-stats{position:relative;padding:clamp(30px,6vw,50px) 0;z-index:1}.magazyn-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1000px){.magazyn-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.magazyn-stats .stats-grid{grid-template-columns:1fr}}.magazyn-stats .stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.magazyn-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.magazyn-stats .stat-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;color:#fff}.magazyn-stats .stat-card__icon--primary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.magazyn-stats .stat-card__icon--success{background:linear-gradient(135deg,#10b981,#059669)}.magazyn-stats .stat-card__icon--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.magazyn-stats .stat-card__icon--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.magazyn-stats .stat-card__icon svg{width:28px;height:28px}.magazyn-stats .stat-card__content{flex:1;min-width:0}.magazyn-stats .stat-card__value{font-size:28px;font-weight:900;color:var(--text);margin:0 0 4px;line-height:1}.magazyn-stats .stat-card__label{font-size:13px;color:var(--muted);font-weight:600}.magazyn-main{position:relative;padding:clamp(30px,6vw,50px) 0 clamp(60px,12vw,100px);z-index:1}.magazyn-main .magazyn-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.magazyn-main .magazyn-controls__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.magazyn-main .magazyn-controls__bottom{flex-direction:column;align-items:stretch}}.magazyn-main .controls-left{display:flex;gap:12px;align-items:center}@media (max-width: 640px){.magazyn-main .controls-left{width:100%}}.magazyn-main .search-bar{position:relative;flex:1;min-width:280px}.magazyn-main .search-bar__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:20px}.magazyn-main .search-bar__input{width:100%;height:52px;padding:0 48px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:15px;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.magazyn-main .search-bar__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.magazyn-main .search-bar__input::placeholder{color:var(--muted)}.magazyn-main .search-bar__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;transition:var(--transition-base)}.magazyn-main .search-bar__clear:hover{background:var(--chip-bg);color:var(--text)}.magazyn-main .btn-control{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:52px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.magazyn-main .btn-control:hover{border-color:var(--primary);background:#6366f11a;color:var(--primary)}.magazyn-main .btn-control.active{background:var(--primary);color:#fff;border-color:var(--primary)}.magazyn-main .view-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px;box-shadow:var(--shadow-sm)}.magazyn-main .view-toggle__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--muted);cursor:pointer;transition:var(--transition-base)}.magazyn-main .view-toggle__btn:hover{background:var(--chip-bg);color:var(--text)}.magazyn-main .view-toggle__btn.active{background:var(--primary);color:#fff}.magazyn-main .sort-select{height:52px;padding:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.magazyn-main .sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.magazyn-main .filters-panel{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:24px}.magazyn-main .filters-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.magazyn-main .filters-panel__title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;color:var(--text)}.magazyn-main .filters-panel .filter-group{margin-bottom:16px}.magazyn-main .filters-panel .filter-group .filter-label{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px}.magazyn-main .filters-panel .filter-group .filter-chips{display:flex;flex-wrap:wrap;gap:8px}.magazyn-main .filters-panel .filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.magazyn-main .filters-panel .filter-chip:hover{transform:translateY(-1px);border-color:var(--primary)}.magazyn-main .filters-panel .filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.magazyn-main .filters-panel .filter-chip--success.active{background:#10b981;border-color:#10b981}.magazyn-main .filters-panel .filter-chip--warning.active{background:#f59e0b;border-color:#f59e0b}.magazyn-main .filters-panel .filter-chip--danger.active{background:#ef4444;border-color:#ef4444}.magazyn-main .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.magazyn-main .items-list{display:flex;flex-direction:column;gap:16px}.magazyn-main .item-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);overflow:hidden;display:flex;flex-direction:column}.magazyn-main .item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.magazyn-main .item-card--list{flex-direction:row;align-items:stretch}@media (max-width: 640px){.magazyn-main .item-card--list{flex-direction:column}}.magazyn-main .item-card--list .item-card__image{width:240px;height:auto}@media (max-width: 640px){.magazyn-main .item-card--list .item-card__image{width:100%;height:200px}}.magazyn-main .item-card__image{position:relative;height:220px;background:var(--bg);overflow:hidden}.magazyn-main .item-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.magazyn-main .item-card__image:hover img{transform:scale(1.05)}.magazyn-main .item-card__status{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.magazyn-main .item-card__status--success{background:#10b981e6}.magazyn-main .item-card__status--warning{background:#f59e0be6}.magazyn-main .item-card__status--danger{background:#ef4444e6}.magazyn-main .item-card__content{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.magazyn-main .item-card__header{display:flex;justify-content:space-between;align-items:center}.magazyn-main .item-card__category{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#6366f11a;color:var(--primary);border-radius:6px;font-size:12px;font-weight:700}.magazyn-main .item-card__sku{font-size:12px;color:var(--muted);font-family:monospace}.magazyn-main .item-card__name{font-size:18px;font-weight:800;color:var(--text);margin:0;line-height:1.3}.magazyn-main .item-card__description{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.magazyn-main .item-card__details{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:10px}.magazyn-main .item-card__actions{margin-top:16px}.magazyn-main .detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.magazyn-main .detail-item__label{color:var(--muted);font-weight:600}.magazyn-main .detail-item__value{color:var(--text);font-weight:700}.magazyn-main .detail-item__value--price{color:var(--primary);font-size:16px}.magazyn-main .detail-item--full{flex-direction:column;align-items:flex-start;gap:8px}.magazyn-main .detail-item--full .quantity-controls{width:100%}.magazyn-main .quantity-controls{display:flex;align-items:center;gap:8px}.magazyn-main .quantity-controls .quantity-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s}.magazyn-main .quantity-controls .quantity-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#6366f11a}.magazyn-main .quantity-controls .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.magazyn-main .quantity-controls .quantity-btn--plus{background:var(--primary);color:#fff;border-color:var(--primary)}.magazyn-main .quantity-controls .quantity-btn--plus:hover:not(:disabled){background:var(--primary-600);color:#fff}.magazyn-main .quantity-controls .quantity-input{flex:1;height:36px;text-align:center;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-weight:700}.magazyn-main .quantity-controls .quantity-input:focus{outline:none;border-color:var(--primary)}.magazyn-main .warning-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#f59e0b;font-size:12px;font-weight:600;width:100%}.magazyn-main .empty-state{text-align:center;padding:60px 20px}.magazyn-main .empty-state__icon{width:80px;height:80px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary);font-size:40px}.magazyn-main .empty-state__title{font-size:24px;color:var(--text);margin-bottom:8px}.magazyn-main .empty-state__text{color:var(--muted);margin-bottom:24px}.modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;animation:fadeIn .3s forwards}.modal-overlay.is-closing{animation:fadeOut .3s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-container .modal__header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface);z-index:10;flex-shrink:0}.modal-container .modal__header .modal__title{margin:0;font-size:20px;font-weight:700;color:var(--text)}.modal-container .modal__header .modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:50%;color:var(--muted);cursor:pointer;transition:all .2s;font-size:20px}.modal-container .modal__header .modal__close:hover{background:var(--chip-bg);color:var(--text);transform:rotate(90deg)}.modal-container .modal__body{padding:0;overflow-y:auto;flex:1}.modal-container .product-details{display:grid;grid-template-columns:320px 1fr;gap:32px;padding:24px}@media (max-width: 1000px){.modal-container .product-details{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.modal-container .product-details{grid-template-columns:1fr;gap:24px}}.modal-container .product-details__image{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/4;background:var(--bg);border:1px solid var(--border)}@media (max-width: 640px){.modal-container .product-details__image{aspect-ratio:16/9;max-height:250px}}.modal-container .product-details__image img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .5s ease}.modal-container .product-details__image img:hover{transform:scale(1.05)}.modal-container .product-details__image .product-details__badge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000001a}.modal-container .product-details__image .product-details__badge--success{background:#10b981e6}.modal-container .product-details__image .product-details__badge--warning{background:#f59e0be6}.modal-container .product-details__image .product-details__badge--danger{background:#ef4444e6}.modal-container .product-details__info{display:flex;flex-direction:column;gap:20px}.modal-container .product-details__category{display:inline-block;align-self:flex-start;padding:6px 14px;background:#6366f11a;color:var(--primary);border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modal-container .product-details__name{font-size:28px;font-weight:800;color:var(--text);margin:0;line-height:1.2}@media (max-width: 640px){.modal-container .product-details__name{font-size:24px}}.modal-container .product-details__description{color:var(--muted);line-height:1.6;font-size:15px;margin:0}.modal-container .product-details__specs{background:var(--bg);padding:20px;border-radius:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;border:1px solid var(--border)}.modal-container .product-details__specs .spec-item{display:flex;flex-direction:column;gap:4px}.modal-container .product-details__specs .spec-item__label{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.modal-container .product-details__specs .spec-item__value{font-size:15px;color:var(--text);font-weight:600}.modal-container .product-details__specs .spec-item__value--price{color:var(--primary);font-size:18px;font-weight:800}.modal-container .product-details__quantity{background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.modal-container .product-details__quantity .quantity-label{font-weight:700;color:var(--text);font-size:15px}.modal-container .product-details__quantity .quantity-controls--large{display:flex;gap:12px;height:48px}.modal-container .product-details__quantity .quantity-controls--large .quantity-btn{width:48px;height:48px;font-size:20px;border-radius:12px}.modal-container .product-details__quantity .quantity-controls--large .quantity-input{height:48px;font-size:18px;border-radius:12px}.modal-container .product-details__assignments{margin-top:8px;padding-top:24px;border-top:1px solid var(--border)}.modal-container .product-details__assignments .assignments-title{font-size:16px;font-weight:800;color:var(--text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.modal-container .product-details__assignments .assignments-title:before{content:"";display:block;width:4px;height:16px;background:var(--primary);border-radius:2px}.modal-container .product-details__assignments .assignments-list{display:flex;flex-direction:column;gap:12px}.modal-container .product-details__assignments .assignment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg);border-radius:12px;border:1px solid var(--border);transition:border-color .2s}.modal-container .product-details__assignments .assignment-item:hover{border-color:var(--primary)}.modal-container .product-details__assignments .assignment-item .assignment-user{font-weight:600;color:var(--text);font-size:14px;display:flex;align-items:center;gap:10px}.modal-container .product-details__assignments .assignment-item .assignment-user:before{content:"👤";filter:grayscale(1);opacity:.6}.modal-container .product-details__assignments .assignment-item .assignment-quantity{font-weight:700;color:var(--primary);font-size:14px;background:#6366f11a;padding:4px 10px;border-radius:6px}.modal-container .product-details__assignments .assignment-item .quantity-controls--small{display:flex;align-items:center;gap:8px;background:var(--surface);padding:4px;border-radius:8px;border:1px solid var(--border)}.modal-container .product-details__assignments .assignment-item .quantity-controls--small .quantity-btn{width:28px;height:28px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:var(--chip-bg);color:var(--text);cursor:pointer;transition:all .2s}.modal-container .product-details__assignments .assignment-item .quantity-controls--small .quantity-btn:hover{background:var(--primary);color:#fff}.modal-container .product-details__assignments .assignment-item .quantity-controls--small .quantity-value{font-weight:700;min-width:24px;text-align:center;color:var(--text);font-size:14px}.modal-container .product-details__assignments .btn-outline{width:100%;margin-top:12px;padding:10px;background:transparent;border:1px dashed var(--border);border-radius:10px;color:var(--primary);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.modal-container .product-details__assignments .btn-outline:hover{background:#6366f10d;border-color:var(--primary)}.modal-container .modal__footer{padding:20px 24px;border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:flex-end;flex-shrink:0}.modal-container .modal__footer .btn-large{height:50px;font-size:16px;border-radius:12px;min-width:140px}@keyframes slideInToast{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;height:44px;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition-base);border:none;font-size:14px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #6366f133}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.btn-primary:disabled{background:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-block{width:100%}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:10px auto}.text-muted{color:var(--muted);font-size:14px;font-style:italic}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cennik-page{position:relative;overflow-x:hidden;min-height:100vh}.cennik-static-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--body-bg);overflow:hidden}.cennik-bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.7;animation:float 20s ease-in-out infinite}@media (max-width: 640px){.cennik-bg-gradient-orb{filter:blur(80px);opacity:.5}}.cennik-bg-gradient-orb.cennik-bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--orb-1),transparent 70%);top:-200px;left:-100px;animation-delay:0s}@media (max-width: 640px){.cennik-bg-gradient-orb.cennik-bg-orb-1{width:400px;height:400px}}.cennik-bg-gradient-orb.cennik-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--orb-2),transparent 70%);top:50%;right:-150px;animation-delay:5s}@media (max-width: 640px){.cennik-bg-gradient-orb.cennik-bg-orb-2{width:350px;height:350px}}.cennik-bg-gradient-orb.cennik-bg-orb-3{width:700px;height:700px;background:radial-gradient(circle,var(--orb-3),transparent 70%);bottom:-250px;left:30%;animation-delay:10s}@media (max-width: 640px){.cennik-bg-gradient-orb.cennik-bg-orb-3{width:450px;height:450px}}.cennik-bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}@media (max-width: 640px){.cennik-bg-grid{background-size:30px 30px}}.reveal{animation:reveal-up .8s cubic-bezier(.34,1.56,.64,1) both}@media (max-width: 640px){.reveal{animation-duration:.6s}}.cennik-hero{position:relative;padding:clamp(30px,6vw,60px) 0 clamp(20px,4vw,40px);z-index:1}@media (max-width: 640px){.cennik-hero{padding:40px 0 30px}}.cennik-hero__content{text-align:center;max-width:900px;margin:0 auto}.cennik-hero__badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-600));color:#fff;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 8px 24px #2563eb4d;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.cennik-hero__badge:hover{transform:scale(1.05)}@media (max-width: 640px){.cennik-hero__badge{font-size:13px;padding:8px 16px;margin-bottom:16px}}.cennik-hero__badge svg{width:20px;height:20px}@media (max-width: 640px){.cennik-hero__badge svg{width:18px;height:18px}}.cennik-hero__title{font-size:clamp(28px,5vw,56px);font-weight:900;line-height:1.1;margin:12px 0 0;letter-spacing:-.03em;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.cennik-hero__title{margin:12px 0 10px}}.cennik-extra-info{text-align:center;font-size:15px;font-weight:600;color:var(--text-secondary);background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 24px;max-width:500px;margin:-30px auto 40px;box-shadow:var(--shadow)}@media (max-width: 640px){.cennik-extra-info{font-size:13px;padding:10px 20px;margin:-15px auto 30px}}.cennik-hero__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--text-secondary);margin:0 0 12px;line-height:1.5;font-weight:500}@media (max-width: 640px){.cennik-hero__subtitle{font-size:15px;padding:0 40px}}.cennik-hero__location{font-size:16px;color:var(--text);font-weight:700;padding:12px 24px;background:var(--surface);border:2px solid var(--border);border-radius:12px;display:inline-block;box-shadow:var(--shadow)}@media (max-width: 640px){.cennik-hero__location{font-size:15px;padding:10px 20px}}.cennik-main{position:relative;padding:clamp(10px,1vw,60px) 0;z-index:1}@media (max-width: 640px){.cennik-main{padding:40px 0}}.cennik-intro{text-align:center;max-width:800px;margin:0 auto 40px}@media (max-width: 640px){.cennik-intro{margin:0 auto 30px;padding:0 20px}}.cennik-intro__title{font-size:clamp(22px,3.5vw,32px);font-weight:800;margin:0 0 12px;color:var(--text);line-height:1.3}@media (max-width: 640px){.cennik-intro__title{font-size:22px;margin:0 0 10px}}.cennik-intro__text{font-size:clamp(14px,1.6vw,17px);color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 640px){.cennik-intro__text{font-size:14px}}.cennik-pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}@media (max-width: 1000px){.cennik-pricing-cards{grid-template-columns:1fr;gap:16px;max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:40px}}@media (max-width: 640px){.cennik-pricing-cards{margin-bottom:30px}}.pricing-card{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);transition:var(--transition-base);position:relative;overflow:hidden}@media (max-width: 640px){.pricing-card{padding:20px;border-radius:14px}}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);opacity:0;transition:opacity .3s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary)}@media (max-width: 640px){.pricing-card:hover{transform:translateY(-3px)}}.pricing-card:hover:before{opacity:1}.pricing-card--primary{border-color:var(--primary)}.pricing-card--primary .pricing-card__icon{background:linear-gradient(135deg,var(--primary),var(--primary-600))}.pricing-card--success{border-color:#10b981}.pricing-card--success .pricing-card__icon{background:linear-gradient(135deg,#10b981,#059669)}.pricing-card--info{border-color:#06b6d4}.pricing-card--info .pricing-card__icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.pricing-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px #2563eb4d}@media (max-width: 640px){.pricing-card__icon{width:48px;height:48px;margin-bottom:14px}}.pricing-card__icon svg{width:28px;height:28px;color:#fff}@media (max-width: 640px){.pricing-card__icon svg{width:24px;height:24px}}.pricing-card__label{font-size:17px;font-weight:700;color:var(--text);margin:0 0 10px}@media (max-width: 640px){.pricing-card__label{font-size:16px;margin:0 0 8px}}.pricing-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.pricing-card__amount{font-size:42px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}@media (max-width: 640px){.pricing-card__amount{font-size:36px}}.pricing-card__currency{font-size:20px;font-weight:700;color:var(--text-secondary)}@media (max-width: 640px){.pricing-card__currency{font-size:18px}}.pricing-card__description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}@media (max-width: 640px){.pricing-card__description{font-size:13px;margin:0 0 14px}}.pricing-card__includes{display:flex;flex-direction:column;gap:8px}.pricing-card__include-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}@media (max-width: 640px){.pricing-card__include-item{font-size:12px}}.pricing-card__include-item svg{width:18px;height:18px;color:#10b981;flex-shrink:0}@media (max-width: 640px){.pricing-card__include-item svg{width:16px;height:16px}}.pricing-card__total{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:15px;color:var(--text-secondary)}@media (max-width: 640px){.pricing-card__total{margin-top:14px;padding-top:14px;font-size:14px}}.pricing-card__total strong{color:var(--primary);font-size:18px;font-weight:800}@media (max-width: 640px){.pricing-card__total strong{font-size:17px}}.cennik-services{margin-bottom:60px}@media (max-width: 640px){.cennik-services{margin-bottom:40px}}.cennik-section-title{font-size:clamp(22px,3.5vw,30px);font-weight:800;text-align:center;margin:0 0 30px;color:var(--text)}@media (max-width: 640px){.cennik-section-title{margin:0 0 24px;padding:0 20px}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}@media (max-width: 640px){.services-grid{grid-template-columns:1fr;gap:10px}}.service-item{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:var(--transition-base);cursor:pointer;animation:reveal-up .6s both}@media (max-width: 640px){.service-item{padding:14px;flex-direction:row;justify-content:flex-start}}.service-item:hover,.service-item.active{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.service-item:hover,.service-item.active{transform:translateY(-2px)}}.service-item__icon{font-size:36px}@media (max-width: 640px){.service-item__icon{font-size:28px}}.service-item__name{font-size:17px;font-weight:700;color:var(--text);text-align:center}@media (max-width: 640px){.service-item__name{font-size:15px;text-align:left;flex:1}}.service-item__note{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:5px 10px;background:var(--bg-secondary);border-radius:999px}@media (max-width: 640px){.service-item__note{font-size:10px;padding:3px 8px}}.service-item__note svg{width:12px;height:12px}@media (max-width: 640px){.service-item__note svg{width:10px;height:10px}}.cennik-warning{margin-bottom:60px}@media (max-width: 640px){.cennik-warning{margin-bottom:40px}}.warning-card{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:2px solid #f59e0b;border-radius:18px;padding:24px;display:flex;gap:20px;box-shadow:var(--shadow)}@media (max-width: 640px){.warning-card{flex-direction:column;padding:20px;gap:14px}}.warning-card__icon{width:50px;height:50px;border-radius:10px;background:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #f59e0b4d}@media (max-width: 640px){.warning-card__icon{width:44px;height:44px;align-self:center}}.warning-card__icon svg{width:28px;height:28px;color:#fff}@media (max-width: 640px){.warning-card__icon svg{width:24px;height:24px}}.warning-card__title{font-size:20px;font-weight:800;margin:0 0 12px;color:var(--text)}@media (max-width: 640px){.warning-card__title{font-size:18px;margin:0 0 10px;text-align:center}}.warning-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.warning-card__list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);line-height:1.5}@media (max-width: 640px){.warning-card__list li{font-size:13px}}.warning-card__list li svg{width:18px;height:18px;color:#f59e0b;flex-shrink:0;margin-top:2px}@media (max-width: 640px){.warning-card__list li svg{width:16px;height:16px}}.cennik-special-services{margin-bottom:60px}@media (max-width: 640px){.cennik-special-services{margin-bottom:40px}}.special-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 1000px){.special-services-grid{grid-template-columns:1fr;max-width:550px;margin:0 auto}}@media (max-width: 640px){.special-services-grid{gap:16px}}.special-service-card{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);transition:var(--transition-base)}@media (max-width: 640px){.special-service-card{padding:20px}}.special-service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}@media (max-width: 640px){.special-service-card:hover{transform:translateY(-2px)}}.special-service-card__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}@media (max-width: 640px){.special-service-card__header{flex-direction:column;align-items:flex-start;margin-bottom:14px}}.special-service-card__icon{width:50px;height:50px;border-radius:10px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 640px){.special-service-card__icon{width:44px;height:44px}}.special-service-card__icon svg{width:26px;height:26px;color:var(--primary)}@media (max-width: 640px){.special-service-card__icon svg{width:22px;height:22px}}.special-service-card__title{font-size:18px;font-weight:800;margin:0 0 4px;color:var(--text)}@media (max-width: 640px){.special-service-card__title{font-size:17px}}.special-service-card__duration{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);font-weight:600}@media (max-width: 640px){.special-service-card__duration{font-size:11px}}.special-service-card__duration svg{width:14px;height:14px}@media (max-width: 640px){.special-service-card__duration svg{width:12px;height:12px}}.special-service-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:14px}.special-service-card__amount{font-size:36px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.special-service-card__amount{font-size:32px}}.special-service-card__currency{font-size:18px;font-weight:700;color:var(--text-secondary)}@media (max-width: 640px){.special-service-card__currency{font-size:16px}}.special-service-card__note{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);padding:6px 12px;background:var(--bg-secondary);border-radius:999px;margin-bottom:14px}@media (max-width: 640px){.special-service-card__note{font-size:11px;padding:5px 10px}}.special-service-card__note svg{width:14px;height:14px}@media (max-width: 640px){.special-service-card__note svg{width:12px;height:12px}}.special-service-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.special-service-card__features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary)}@media (max-width: 640px){.special-service-card__features li{font-size:12px}}.special-service-card__features li svg{width:16px;height:16px;color:#10b981;flex-shrink:0;margin-top:2px}@media (max-width: 640px){.special-service-card__features li svg{width:14px;height:14px}}.cennik-transport{margin-bottom:60px}@media (max-width: 640px){.cennik-transport{margin-bottom:40px}}.transport-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:750px;margin:0 auto}@media (max-width: 640px){.transport-grid{grid-template-columns:1fr;gap:14px}}.transport-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:24px;text-align:center;transition:var(--transition-base);box-shadow:var(--shadow)}@media (max-width: 640px){.transport-card{padding:20px}}.transport-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.transport-card:hover{transform:translateY(-2px)}}.transport-card__icon{font-size:40px;margin-bottom:12px}@media (max-width: 640px){.transport-card__icon{font-size:34px;margin-bottom:10px}}.transport-card__area{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--text)}@media (max-width: 640px){.transport-card__area{font-size:16px;margin:0 0 6px}}.transport-card__price{font-size:22px;font-weight:800;color:var(--primary)}@media (max-width: 640px){.transport-card__price{font-size:19px}}.cennik-features{margin-bottom:60px}@media (max-width: 640px){.cennik-features{margin-bottom:40px}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1000px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr;gap:14px}}.feature-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:22px;text-align:center;transition:var(--transition-base);box-shadow:var(--shadow)}@media (max-width: 640px){.feature-card{padding:18px}}.feature-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.feature-card:hover{transform:translateY(-2px)}}.feature-card__icon{width:50px;height:50px;border-radius:10px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}@media (max-width: 640px){.feature-card__icon{width:44px;height:44px;margin:0 auto 10px}}.feature-card__icon svg{width:26px;height:26px;color:var(--primary)}@media (max-width: 640px){.feature-card__icon svg{width:22px;height:22px}}.feature-card__title{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text)}@media (max-width: 640px){.feature-card__title{font-size:15px;margin:0 0 6px}}.feature-card__description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 640px){.feature-card__description{font-size:12px}}.cennik-highlights{margin-bottom:60px}@media (max-width: 640px){.cennik-highlights{margin-bottom:40px}}.highlights-grid{display:grid;gap:16px;max-width:800px;margin:0 auto}@media (max-width: 640px){.highlights-grid{gap:14px}}.highlight-item{background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);transition:var(--transition-base)}@media (max-width: 640px){.highlight-item{padding:18px;gap:14px}}.highlight-item:hover{transform:translate(3px);border-color:var(--primary);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.highlight-item:hover{transform:translate(2px)}}.highlight-item__icon{width:50px;height:50px;border-radius:10px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 640px){.highlight-item__icon{width:44px;height:44px}}.highlight-item__icon svg{width:26px;height:26px;color:var(--primary)}@media (max-width: 640px){.highlight-item__icon svg{width:22px;height:22px}}.highlight-item__title{font-size:17px;font-weight:800;margin:0 0 6px;color:var(--text)}@media (max-width: 640px){.highlight-item__title{font-size:16px;margin:0 0 4px}}.highlight-item__text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 640px){.highlight-item__text{font-size:13px}}.highlight-item__text strong{color:var(--text);font-weight:700}.cennik-summary{margin-bottom:30px}.summary-card{background:linear-gradient(135deg,var(--primary),var(--primary-600));border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:0 16px 48px #2563eb66;color:#fff}@media (max-width: 640px){.summary-card{padding:24px 20px;border-radius:16px}}.summary-card__title{font-size:clamp(22px,3.5vw,32px);font-weight:900;margin:0 0 12px}@media (max-width: 640px){.summary-card__title{margin:0 0 10px}}.summary-card__text{font-size:clamp(14px,1.6vw,17px);margin:0 0 24px;opacity:.95;line-height:1.5}@media (max-width: 640px){.summary-card__text{margin:0 0 18px}}.summary-card__list{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.summary-card__list{grid-template-columns:1fr;gap:10px;margin:0 0 20px}}.summary-card__list li{display:flex;align-items:center;gap:8px;font-size:14px}@media (max-width: 640px){.summary-card__list li{font-size:13px}}.summary-card__list li svg{width:18px;height:18px;flex-shrink:0}@media (max-width: 640px){.summary-card__list li svg{width:16px;height:16px}}.summary-card__cta{display:flex;gap:14px;flex-wrap:wrap}@media (max-width: 640px){.summary-card__cta{flex-direction:column;gap:10px}}@media (max-width: 640px){.summary-card__cta .btn{width:100%}}.summary-card__cta .btn-primary{background:#fff;color:var(--primary)}.summary-card__cta .btn-primary:hover{background:var(--bg);transform:translateY(-2px)}@media (max-width: 640px){.summary-card__cta .btn-primary:hover{transform:translateY(-1px)}}.summary-card__cta .btn-outline{border-color:#fff;color:#fff}.summary-card__cta .btn-outline:hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width: 640px){.summary-card__cta .btn-outline:hover{transform:translateY(-1px)}}.cennik-floating-cta{position:fixed;bottom:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:14px 22px;background:var(--gradient);color:#fff;border:none;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 12px 36px #2563eb66;cursor:pointer;transition:var(--transition-smooth);z-index:100}@media (max-width: 640px){.cennik-floating-cta{bottom:16px;right:16px;padding:12px 18px;font-size:14px;gap:6px}}@media (max-width: 480px){.cennik-floating-cta{bottom:12px;right:12px;padding:10px 16px;font-size:13px}}.cennik-floating-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #2563eb80}@media (max-width: 640px){.cennik-floating-cta:hover{transform:translateY(-2px) scale(1.02)}}.cennik-floating-cta__icon{width:20px;height:20px}@media (max-width: 640px){.cennik-floating-cta__icon{width:18px;height:18px}}@media (max-width: 480px){.cennik-floating-cta span{font-size:13px}}.awd{display:grid;gap:16px}.awd .card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}.awd .card.soft{background:linear-gradient(180deg,var(--surface),rgba(148,163,184,.06))}.awd .muted{color:var(--muted)}.awd .small{font-size:12px}.awd .grid{display:grid;gap:12px}.awd .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.awd .grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 860px){.awd .grid-2{grid-template-columns:1fr}}.awd .btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .12s ease,box-shadow .2s ease}.awd .btn:hover{transform:translateY(-1px)}.awd .btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.awd .btn.btn-primary{background:var(--gradient);color:#fff;border:none}.awd .btn.btn-sm{height:36px;padding:0 12px;border-radius:10px}.awd .chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);color:var(--text);font-size:12px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.awd .chip:hover{transform:translateY(-1px)}.awd .chip.danger{border-color:#ef444459;color:#b91c1c;background:#ef444414}.awd .chip.muted{color:var(--muted);border-color:var(--border);background:#94a3b814}.awd .x{font-weight:900}.awd .sched-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.awd .sched-head h3{margin:0;font-size:18px;font-weight:800}.awd .quick-actions{display:flex;gap:8px;flex-wrap:wrap}.awd .days-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px}@media (max-width: 860px){.awd .days-grid{grid-template-columns:1fr}}.awd .day-card{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:12px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.awd .day-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.awd .day-card:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.awd .day-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.awd .day-card .chev{font-weight:900;color:var(--muted)}.awd .slot-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media (max-width: 900px){.awd .slot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.awd .slot-btn{height:36px;border:1px solid var(--border);background:var(--bg-secondary, #e2e8f0);color:var(--text);border-radius:10px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.awd .slot-btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.awd .slot-btn.active{background:var(--gradient);color:#fff;border:none;box-shadow:0 6px 18px #2563eb38}.awd .slot-btn.locked{background:repeating-linear-gradient(45deg,#94a3b829 0 6px,#94a3b847 6px 12px);color:var(--muted);cursor:not-allowed}.awd .extra{margin-top:16px}.awd .ov-box{display:grid;gap:10px;margin-top:8px}.awd .ov-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.awd .ov-preview{display:grid;gap:6px}.awd .actions{display:flex;gap:8px;flex-wrap:wrap}.awd .actions-end{display:flex;align-items:end;justify-content:flex-end}.awd .field{display:grid;gap:6px}.awd .label{font-size:12px;color:var(--muted);font-weight:600}.awd .input{height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px;box-shadow:var(--shadow-sm)}.awd .modal-backdrop{position:fixed;inset:0;background:#0f172a61;display:grid;place-items:center;z-index:60;padding:16px}.awd .modal-card{width:100%;max-width:840px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:12px;padding:16px;animation:modalIn .18s ease-out}@keyframes modalIn{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.awd .modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.awd .modal-header h3{margin:0;font-weight:800}.awd .icon-btn{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:20px;line-height:1}.awd .modal-body{display:grid;gap:10px}.awd .modal-body .quick{display:flex;gap:6px;flex-wrap:wrap}.awd .modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes resFadeIn{0%{opacity:0}to{opacity:1}}.res-page{--primary-glow: rgba(37, 99, 235, .4);--primary-soft: rgba(37, 99, 235, .1);--success: #10b981;--success-dark: #059669;--success-soft: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-dark: #d97706;--warning-soft: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-dark: #dc2626;--danger-soft: rgba(239, 68, 68, .1);--info: #3b82f6;--info-dark: #2563eb;--info-soft: rgba(59, 130, 246, .1);--shadow-glow: 0 0 40px var(--primary-glow);--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);min-height:100vh;background:var(--body-bg);color:var(--text);position:relative;overflow-x:hidden}.res-page .static-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.res-page .bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:float 20s ease-in-out infinite}.res-page .bg-gradient-orb.bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,#c7d2fe,transparent 70%);top:-200px;left:-100px}.res-page .bg-gradient-orb.bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,#ddd6fe,transparent 70%);top:40%;right:-150px;animation-delay:-7s}.res-page .bg-gradient-orb.bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,#fbcfe8,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s}.res-page .container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 640px){.res-page .container{padding:0 16px}}.res-page .res-header{padding:48px 40px;margin:32px 0 48px;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden;animation:fadeUp .6s ease both}@media (max-width: 640px){.res-page .res-header{padding:24px 16px;margin:16px 0 24px}}.res-page .res-header .header-content{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto}.res-page .res-header .header-label{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.res-page .res-header .header-label svg{font-size:16px}.res-page .res-header .header-title{font-size:clamp(24px,5vw,48px);font-weight:800;margin:0 0 8px;letter-spacing:-.02em;line-height:1.1;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.res-page .res-header .header-subtitle{font-size:16px;color:var(--muted);margin:0;line-height:1.6}.res-page .res-header .header-decoration{position:absolute;width:40%;inset:0 0 0 auto;pointer-events:none;overflow:hidden}.res-page .res-header .header-decoration .decoration-circle{position:absolute;border-radius:50%;background:var(--primary-soft)}.res-page .res-header .header-decoration .decoration-circle:nth-child(1){width:200px;height:200px;top:-50px;right:-50px}.res-page .res-header .header-decoration .decoration-circle:nth-child(2){width:120px;height:120px;top:60%;right:20%;opacity:.5}.res-page .res-header .header-decoration .decoration-circle:nth-child(3){width:80px;height:80px;bottom:-20px;right:30%;opacity:.3}.res-page .stats-container{margin-bottom:40px;animation:fadeUp .6s ease .1s both}@media (max-width: 640px){.res-page .stats-container{margin:0 -16px 32px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.res-page .stats-container::-webkit-scrollbar{display:none}}.res-page .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 640px){.res-page .stats-grid{grid-template-columns:1fr;gap:12px;padding-bottom:0}}.res-page .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:fadeUp .5s ease both;animation-delay:var(--delay, 0ms)}@media (max-width: 640px){.res-page .stat-card{min-width:180px;flex-shrink:0;padding:20px}}.res-page .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.res-page .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.res-page .stat-card .stat-icon.primary{background:linear-gradient(135deg,var(--primary),var(--primary-600))}.res-page .stat-card .stat-icon.warning{background:linear-gradient(135deg,var(--warning),var(--warning-dark))}.res-page .stat-card .stat-icon.success{background:linear-gradient(135deg,var(--success),var(--success-dark))}.res-page .stat-card .stat-info .stat-value{font-size:32px;font-weight:800;line-height:1}.res-page .controls-area{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;animation:fadeUp .6s ease .2s both}.res-page .search-wrapper{position:relative}.res-page .search-wrapper input{width:100%;height:56px;padding:0 48px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:15px;color:var(--text);transition:all var(--transition-fast)}.res-page .search-wrapper input::placeholder{color:var(--muted)}.res-page .search-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.res-page .search-wrapper .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted);pointer-events:none}.res-page .search-wrapper .clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--bg);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.res-page .search-wrapper .clear-btn:hover{background:var(--danger);color:#fff}.res-page .filter-chips{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.res-page .filter-chips{flex-wrap:wrap;gap:8px;justify-content:center}}.res-page .filter-chips .chip{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.res-page .filter-chips .chip svg{font-size:16px}.res-page .filter-chips .chip:hover{border-color:var(--primary);color:var(--primary)}.res-page .filter-chips .chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.res-page .res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:48px}@media (max-width: 640px){.res-page .res-grid{grid-template-columns:1fr;gap:16px}}.res-page .res-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-slow);animation:fadeUp .5s ease both;animation-delay:var(--delay, 0ms)}.res-page .res-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary-soft)}.res-page .res-card:hover .card-image img{transform:scale(1.1)}.res-page .res-card:hover .card-action{background:var(--primary);color:#fff;transform:rotate(-45deg)}.res-page .res-card .card-image{position:relative;height:180px;overflow:hidden}.res-page .res-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.res-page .res-card .card-image .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%)}.res-page .res-card .card-image .status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);z-index:2}.res-page .res-card .card-image .status-badge svg{font-size:14px}.res-page .res-card .card-image .status-badge.warning{background:#fbbf24f2;color:#78350f}.res-page .res-card .card-image .status-badge.info{background:#3b82f6f2;color:#fff}.res-page .res-card .card-image .status-badge.success{background:#10b981f2;color:#fff}.res-page .res-card .card-image .status-badge.danger{background:#ef4444f2;color:#fff}.res-page .res-card .card-image .id-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:800;color:#fff;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 10px;border-radius:6px;font-family:monospace;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2);z-index:2}.res-page .res-card .card-body{padding:20px 20px 16px}.res-page .res-card .card-body .card-date{display:block;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.res-page .res-card .card-body .card-title{font-size:17px;font-weight:700;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.res-page .res-card .card-body .card-address{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:0}.res-page .res-card .card-body .card-address svg{font-size:16px;color:var(--muted)}.res-page .res-card .card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg)}.res-page .res-card .card-footer .card-price{font-size:20px;font-weight:800;color:var(--text)}.res-page .res-card .card-footer .card-action{width:40px;height:40px;border:none;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer}.res-page .empty-state{grid-column:1/-1;text-align:center;padding:80px 24px;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-xl);animation:fadeUp .5s ease both}.res-page .empty-state .empty-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--primary)}.res-page .empty-state h3{font-size:22px;font-weight:700;margin:0 0 8px}.res-page .empty-state p{color:var(--muted);margin:0 0 24px}.res-page .empty-state .btn-reset{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow)}.res-page .empty-state .btn-reset:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.res-page .res-modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:resFadeIn .3s ease}@media (max-width: 900px){.res-page .res-modal-overlay{align-items:flex-end;padding:0}}.res-page .res-modal-overlay.closing{opacity:0;transition:opacity .3s ease}.res-page .res-modal-container{width:100%;max-width:1100px;max-height:90vh;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:scaleIn .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}@media (max-width: 900px){.res-page .res-modal-container{max-height:none;height:100dvh;border-radius:0;width:100%;border:none;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}}.res-page .res-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}@media (max-width: 900px){.res-page .res-modal-header{padding:16px}}.res-page .res-modal-header .res-modal-title-section{display:flex;align-items:center;gap:16px}.res-page .res-modal-header .res-modal-title-section h2{font-size:22px;font-weight:700;margin:0;color:var(--text)}@media (max-width: 900px){.res-page .res-modal-header .res-modal-title-section h2{font-size:18px}}.res-page .res-modal-header .res-modal-title-section .order-id{font-size:13px;color:var(--primary);font-family:monospace;font-weight:600;background:var(--primary-soft);padding:6px 12px;border-radius:8px}.res-page .res-modal-header .res-modal-close{width:44px;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:12px;font-size:22px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.res-page .res-modal-header .res-modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:rotate(90deg)}.res-page .res-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}@media (max-width: 900px){.res-page .res-modal-body{flex-direction:column;overflow:hidden}}.res-page .details-section{flex:1;padding:28px;overflow-y:auto;min-width:0;background:var(--bg)}.res-page .details-section::-webkit-scrollbar{width:8px}.res-page .details-section::-webkit-scrollbar-track{background:transparent}.res-page .details-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.res-page .details-section::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 900px){.res-page .details-section{padding:16px 16px 20px;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}}.res-page .service-hero{position:relative;height:220px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;box-shadow:var(--shadow)}.res-page .service-hero img{width:100%;height:100%;object-fit:cover}.res-page .service-hero .service-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.res-page .service-hero .service-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 14px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3)}.res-page .service-hero .status-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.res-page .service-hero .status-tag svg{font-size:18px}.res-page .service-hero .status-tag.warning{background:#fbbf24f2;color:#78350f}.res-page .service-hero .status-tag.info{background:#3b82f6f2;color:#fff}.res-page .service-hero .status-tag.success{background:#10b981f2;color:#fff}.res-page .service-hero .status-tag.danger{background:#ef4444f2;color:#fff}.res-page .section-block{margin-bottom:28px}.res-page .section-block:last-child{margin-bottom:0}.res-page .section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.res-page .stepper{position:relative;padding:24px;background:var(--surface);border-radius:var(--radius-lg)}.res-page .stepper .stepper-track{position:absolute;top:44px;left:70px;right:70px;height:4px;background:var(--border);border-radius:2px;z-index:0}@media (max-width: 640px){.res-page .stepper .stepper-track{left:50px;right:50px}}.res-page .stepper .stepper-progress{height:100%;background:linear-gradient(90deg,var(--success),var(--success-dark));border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1)}.res-page .stepper .stepper-steps{display:flex;justify-content:space-between;position:relative;z-index:1}.res-page .stepper .step{display:flex;flex-direction:column;align-items:center;flex:1}.res-page .stepper .step .step-marker{width:48px;height:48px;border-radius:50%;background:var(--surface);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--muted);margin-bottom:12px;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.res-page .stepper .step .step-marker svg{font-size:22px}.res-page .stepper .step .step-label{font-size:13px;font-weight:600;color:var(--muted);text-align:center}@media (max-width: 640px){.res-page .stepper .step .step-label{font-size:11px}}.res-page .stepper .step.active .step-marker{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 6px var(--primary-soft),var(--shadow-sm)}.res-page .stepper .step.completed .step-marker{border-color:var(--success);background:var(--success);color:#fff;box-shadow:0 0 0 6px var(--success-soft),var(--shadow-sm)}.res-page .stepper .step.active .step-label,.res-page .stepper .step.completed .step-label{color:var(--text);font-weight:700}.res-page .stepper .step.current .step-marker{animation:pulse 2s infinite}.res-page .stepper-canceled{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--danger-soft);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--danger);font-weight:700;font-size:15px}.res-page .stepper-canceled svg{font-size:28px;flex-shrink:0}.res-page .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.res-page .info-grid{grid-template-columns:1fr}}.res-page .info-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all var(--transition-fast)}.res-page .info-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.res-page .info-item.full-width{grid-column:1/-1}.res-page .info-item.highlight{background:var(--primary-soft);border-color:var(--primary)}.res-page .info-item.highlight .info-icon{background:var(--primary)}.res-page .info-item.highlight .info-icon svg{color:#fff}.res-page .info-item .info-icon{width:44px;height:44px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.res-page .info-item .info-icon svg{font-size:20px;color:var(--primary)}.res-page .info-item .info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.res-page .info-item .info-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.res-page .info-item .info-value{font-size:15px;font-weight:600;color:var(--text);word-break:break-word}.res-page .info-item .info-value.price{font-size:24px;font-weight:800;color:var(--primary)}.res-page .chat-section{width:380px;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--border);flex-shrink:0}@media (max-width: 900px){.res-page .chat-section{width:100%;height:auto;max-height:40vh;min-height:250px;border-left:none;border-top:1px solid var(--border);flex:0 0 auto}}.res-page .chat-header{display:flex;align-items:center;gap:12px;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:700;font-size:16px;flex-shrink:0}.res-page .chat-header svg{font-size:22px;color:var(--primary)}.res-page .chat-header .chat-count{margin-left:auto;background:var(--primary);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.res-page .chat-body{flex:1;overflow-y:auto;min-height:0}.res-page .chat-body::-webkit-scrollbar{width:6px}.res-page .chat-body::-webkit-scrollbar-track{background:transparent}.res-page .chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.res-page .chat-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.res-page .chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:var(--muted)}.res-page .chat-empty .chat-empty-icon{width:80px;height:80px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-sm)}.res-page .chat-empty .chat-empty-icon svg{font-size:36px;opacity:.4}.res-page .chat-empty p{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.res-page .chat-empty span{font-size:14px;color:var(--muted)}.res-page .chat-messages-list{padding:20px;display:flex;flex-direction:column;gap:16px}.res-page .chat-message{max-width:85%;animation:slideIn .3s ease}.res-page .chat-message.user{align-self:flex-end}.res-page .chat-message.staff,.res-page .chat-message.system{align-self:flex-start}.res-page .chat-message .message-content{padding:14px 18px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5;word-wrap:break-word}.res-page .chat-message.user .message-content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.res-page .chat-message.staff .message-content,.res-page .chat-message.system .message-content{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.res-page .chat-message .message-time{display:block;font-size:11px;color:var(--muted);margin-top:6px;padding:0 6px}.res-page .chat-message.user .message-time{text-align:right}.res-page .chat-input{display:flex;gap:12px;padding:18px 20px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.res-page .chat-input input{flex:1;height:50px;padding:0 20px;border:2px solid var(--border);border-radius:var(--radius-full);font-size:14px;background:var(--bg);color:var(--text);transition:all var(--transition-fast)}.res-page .chat-input input::placeholder{color:var(--muted)}.res-page .chat-input input:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}.res-page .chat-input input:disabled{opacity:.5;cursor:not-allowed}.res-page .chat-input button{width:50px;height:50px;border:none;background:var(--primary);color:#fff;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow);flex-shrink:0}.res-page .chat-input button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px var(--primary-glow)}.res-page .chat-input button:active:not(:disabled){transform:scale(.95)}.res-page .chat-input button:disabled{background:var(--muted);box-shadow:none;cursor:not-allowed;opacity:.6}.res-page.loading-screen{display:flex;align-items:center;justify-content:center}.res-page .loader{text-align:center;z-index:10}.res-page .loader .spinner{width:52px;height:52px;border:4px solid var(--primary-soft);border-left-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.res-page .loader p{color:var(--muted);font-weight:600;font-size:15px;animation:pulse 2s infinite}html[data-theme=dark] .res-page{--primary-glow: rgba(99, 102, 241, .3);--primary-soft: rgba(99, 102, 241, .15);--success-soft: rgba(16, 185, 129, .15);--warning-soft: rgba(245, 158, 11, .15);--danger-soft: rgba(239, 68, 68, .15);--info-soft: rgba(59, 130, 246, .15);--shadow-glow: 0 0 40px rgba(99, 102, 241, .2)}html[data-theme=dark] .res-page .bg-gradient-orb{opacity:.2;filter:blur(140px)}html[data-theme=dark] .res-page .bg-gradient-orb.bg-orb-1{background:radial-gradient(circle,var(--primary) 0%,transparent 70%)}html[data-theme=dark] .res-page .bg-gradient-orb.bg-orb-2{background:radial-gradient(circle,var(--info) 0%,transparent 70%)}html[data-theme=dark] .res-page .bg-gradient-orb.bg-orb-3{background:radial-gradient(circle,#8b5cf6 0%,transparent 70%)}html[data-theme=dark] .res-page .res-card:hover{border-color:#6366f180}html[data-theme=dark] .res-page .res-card .card-image .status-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=dark] .res-page .res-modal-overlay{background:#000000d9}html[data-theme=dark] .res-page .service-hero .service-hero-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}@keyframes staffFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@keyframes staffFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staffScaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes staffSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes staffSpin{to{transform:rotate(360deg)}}@keyframes staffPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes staffSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.staff-res-page{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--primary-soft: rgba(99, 102, 241, .1);--primary-dark: #4f46e5;--success: #10b981;--success-dark: #059669;--success-soft: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-dark: #d97706;--warning-soft: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-dark: #dc2626;--danger-soft: rgba(239, 68, 68, .1);--info: #3b82f6;--info-dark: #2563eb;--info-soft: rgba(59, 130, 246, .1);--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-secondary: #475569;--muted: #94a3b8;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 40px var(--primary-glow);--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);min-height:100vh;background:var(--bg);color:var(--text);position:relative;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.staff-res-page .staff-static-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.staff-res-page .staff-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:staffFloat 20s ease-in-out infinite}.staff-res-page .staff-bg-orb.staff-bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,#e0e7ff,transparent 70%);top:-200px;left:-100px}.staff-res-page .staff-bg-orb.staff-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,#fef3c7,transparent 70%);top:40%;right:-150px;animation-delay:-7s}.staff-res-page .staff-bg-orb.staff-bg-orb-3{width:400px;height:400px;background:radial-gradient(circle,#dbeafe,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s}.staff-res-page .staff-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 640px){.staff-res-page .staff-container{padding:0 16px}}.staff-res-page .staff-res-header{padding:40px 0;margin-bottom:32px;text-align:center;animation:staffFadeUp .6s ease both}.staff-res-page .staff-res-header .staff-header-content{display:flex;flex-direction:column;align-items:center;gap:16px}.staff-res-page .staff-res-header .staff-role-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-full);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow);color:var(--text)}.staff-res-page .staff-res-header .staff-role-badge svg{font-size:18px}.staff-res-page .staff-res-header .staff-header-title{font-size:clamp(28px,5vw,42px);font-weight:800;margin:0;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staff-res-page .staff-res-header .staff-header-subtitle{font-size:16px;color:var(--text-secondary);margin:0;max-width:600px;line-height:1.6}.staff-res-page .staff-stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;animation:staffFadeUp .6s ease .1s both}@media (max-width: 768px){.staff-res-page .staff-stats-container{grid-template-columns:1fr;gap:16px}}.staff-res-page .staff-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);transition:all var(--transition-base)}.staff-res-page .staff-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.staff-res-page .staff-stat-card .staff-stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg);color:var(--muted);flex-shrink:0;transition:all var(--transition-base)}.staff-res-page .staff-stat-card .staff-stat-content{display:flex;flex-direction:column}.staff-res-page .staff-stat-card .staff-stat-content .staff-stat-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.staff-res-page .staff-stat-card .staff-stat-content .staff-stat-value{font-size:32px;font-weight:800;color:var(--text);line-height:1}.staff-res-page .staff-stat-card.staff-stat-active .staff-stat-icon{background:var(--warning-soft);color:var(--warning-dark)}.staff-res-page .staff-stat-card.staff-stat-done .staff-stat-icon{background:var(--success-soft);color:var(--success-dark)}.staff-res-page .staff-controls-area{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;animation:staffFadeUp .6s ease .2s both}.staff-res-page .staff-search-wrapper{position:relative}.staff-res-page .staff-search-wrapper .staff-search-input{width:100%;height:56px;padding:0 48px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);font-size:15px;color:var(--text);transition:all var(--transition-fast)}.staff-res-page .staff-search-wrapper .staff-search-input::placeholder{color:var(--muted)}.staff-res-page .staff-search-wrapper .staff-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.staff-res-page .staff-search-wrapper .staff-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--muted);pointer-events:none}.staff-res-page .staff-search-wrapper .staff-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--bg);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.staff-res-page .staff-search-wrapper .staff-clear-btn:hover{background:var(--danger);color:#fff}.staff-res-page .staff-filter-chips{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.staff-res-page .staff-filter-chips{gap:8px}}.staff-res-page .staff-filter-chips .staff-chip{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.staff-res-page .staff-filter-chips .staff-chip svg{font-size:16px}.staff-res-page .staff-filter-chips .staff-chip:hover{border-color:var(--primary);color:var(--primary)}.staff-res-page .staff-filter-chips .staff-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.staff-res-page .staff-res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding-bottom:48px}@media (max-width: 640px){.staff-res-page .staff-res-grid{grid-template-columns:1fr;gap:16px}}.staff-res-page .staff-res-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-slow);animation:staffFadeUp .5s ease both;animation-delay:var(--delay, 0ms)}.staff-res-page .staff-res-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary-soft)}.staff-res-page .staff-res-card:hover .staff-card-image img{transform:scale(1.05)}.staff-res-page .staff-res-card:hover .staff-card-action{background:var(--primary);color:#fff;transform:translate(5px)}.staff-res-page .staff-res-card .staff-card-image{position:relative;height:200px;overflow:hidden}.staff-res-page .staff-res-card .staff-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.staff-res-page .staff-res-card .staff-card-image .staff-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%)}.staff-res-page .staff-res-card .staff-card-image .staff-status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#ffffffe6;color:var(--text)}.staff-res-page .staff-res-card .staff-card-image .staff-status-badge.warning{color:var(--warning-dark);background:#fef3c7e6}.staff-res-page .staff-res-card .staff-card-image .staff-status-badge.info{color:var(--info-dark);background:#dbeafee6}.staff-res-page .staff-res-card .staff-card-image .staff-status-badge.success{color:var(--success-dark);background:#d1fae5e6}.staff-res-page .staff-res-card .staff-card-image .staff-status-badge.danger{color:var(--danger-dark);background:#fee2e2e6}.staff-res-page .staff-res-card .staff-card-image .staff-id-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:800;color:#fff;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px;font-family:monospace;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.2)}.staff-res-page .staff-res-card .staff-card-body{padding:20px}.staff-res-page .staff-res-card .staff-card-body .staff-card-date{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;margin-bottom:8px}.staff-res-page .staff-res-card .staff-card-body .staff-card-title{font-size:18px;font-weight:700;margin:0 0 12px;line-height:1.4;color:var(--text)}.staff-res-page .staff-res-card .staff-card-body .staff-card-customer,.staff-res-page .staff-res-card .staff-card-body .staff-card-address{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin:6px 0}.staff-res-page .staff-res-card .staff-card-body .staff-card-customer svg,.staff-res-page .staff-res-card .staff-card-body .staff-card-address svg{font-size:16px;color:var(--muted)}.staff-res-page .staff-res-card .staff-card-footer{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:space-between;align-items:center}.staff-res-page .staff-res-card .staff-card-footer .staff-card-price{font-size:18px;font-weight:800;color:var(--text)}.staff-res-page .staff-res-card .staff-card-footer .staff-card-action{width:36px;height:36px;border:none;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);box-shadow:var(--shadow);transition:all var(--transition-base);cursor:pointer}.staff-res-page .staff-empty-state{grid-column:1/-1;text-align:center;padding:80px 24px;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-xl);animation:staffFadeUp .5s ease both}.staff-res-page .staff-empty-state .staff-empty-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--primary)}.staff-res-page .staff-empty-state h3{font-size:22px;font-weight:700;margin:0 0 8px}.staff-res-page .staff-empty-state p{color:var(--muted);margin:0 0 24px}.staff-res-page .staff-empty-state .staff-btn-reset{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow)}.staff-res-page .staff-empty-state .staff-btn-reset:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.staff-res-page .staff-modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:staffFadeUp .3s ease}@media (max-width: 900px){.staff-res-page .staff-modal-overlay{align-items:flex-end;padding:0}}.staff-res-page .staff-modal-overlay.closing{opacity:0;transition:opacity .3s ease}.staff-res-page .staff-modal-container{width:100%;max-width:1100px;max-height:90vh;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:staffScaleIn .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}@media (max-width: 900px){.staff-res-page .staff-modal-container{max-height:100vh;height:100%;border-radius:0;animation:staffSlideUp .3s cubic-bezier(.16,1,.3,1)}}.staff-res-page .staff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.staff-res-page .staff-modal-header .staff-modal-title-section{display:flex;align-items:center;gap:16px}.staff-res-page .staff-modal-header .staff-modal-title-section h2{font-size:20px;font-weight:700;margin:0;color:var(--text)}.staff-res-page .staff-modal-header .staff-modal-title-section .staff-order-id{font-size:13px;color:var(--primary);font-family:monospace;font-weight:600;background:var(--primary-soft);padding:4px 10px;border-radius:6px}.staff-res-page .staff-modal-header .staff-modal-actions{display:flex;align-items:center;gap:8px}.staff-res-page .staff-modal-header .staff-btn-icon{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:20px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.staff-res-page .staff-modal-header .staff-btn-icon:hover{background:var(--bg);color:var(--primary);border-color:var(--primary)}.staff-res-page .staff-modal-header .staff-btn-icon.save{background:var(--success);color:#fff;border-color:var(--success)}.staff-res-page .staff-modal-header .staff-btn-icon.save:hover{background:var(--success-dark)}.staff-res-page .staff-modal-header .staff-modal-close{width:40px;height:40px;border:none;background:transparent;font-size:24px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.staff-res-page .staff-modal-header .staff-modal-close:hover{color:var(--danger);transform:rotate(90deg)}.staff-res-page .staff-modal-body{display:flex;flex:1;overflow:hidden;min-height:0}@media (max-width: 900px){.staff-res-page .staff-modal-body{flex-direction:column}}.staff-res-page .staff-details-section{flex:1;padding:28px;overflow-y:auto;min-width:0;background:var(--bg)}@media (max-width: 900px){.staff-res-page .staff-details-section{padding:16px}}.staff-res-page .staff-details-section::-webkit-scrollbar{width:8px}.staff-res-page .staff-details-section::-webkit-scrollbar-track{background:transparent}.staff-res-page .staff-details-section::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.staff-res-page .staff-details-section::-webkit-scrollbar-thumb:hover{background:var(--muted)}.staff-res-page .staff-service-hero{position:relative;height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow)}.staff-res-page .staff-service-hero img{width:100%;height:100%;object-fit:cover}.staff-res-page .staff-service-hero .staff-service-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.staff-res-page .staff-service-hero .staff-service-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.staff-res-page .staff-service-hero .staff-status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;color:#fff;width:fit-content}.staff-res-page .staff-service-hero .staff-status-tag.warning{background:#f59e0be6}.staff-res-page .staff-service-hero .staff-status-tag.info{background:#3b82f6e6}.staff-res-page .staff-service-hero .staff-status-tag.success{background:#10b981e6}.staff-res-page .staff-service-hero .staff-status-tag.danger{background:#ef4444e6}.staff-res-page .staff-section-block{margin-bottom:28px}.staff-res-page .staff-section-block:last-child{margin-bottom:0}.staff-res-page .staff-section-title{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--muted);margin:0 0 16px;letter-spacing:1px;border-bottom:1px solid var(--border);padding-bottom:8px}.staff-res-page .staff-stepper{position:relative;padding:12px 0}.staff-res-page .staff-stepper .staff-stepper-track{position:absolute;top:18px;left:40px;right:40px;height:4px;background:var(--border);border-radius:2px;z-index:0}.staff-res-page .staff-stepper .staff-stepper-progress{height:100%;background:linear-gradient(90deg,var(--success),var(--success-dark));border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1)}.staff-res-page .staff-stepper .staff-stepper-steps{display:flex;justify-content:space-between;position:relative;z-index:1}.staff-res-page .staff-stepper .staff-step{display:flex;flex-direction:column;align-items:center;flex:1}.staff-res-page .staff-stepper .staff-step .staff-step-marker{width:40px;height:40px;border-radius:50%;background:var(--surface);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted);margin-bottom:8px;transition:all var(--transition-base);box-shadow:var(--shadow)}.staff-res-page .staff-stepper .staff-step .staff-step-label{font-size:12px;font-weight:600;color:var(--muted);text-align:center}.staff-res-page .staff-stepper .staff-step.active .staff-step-marker{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.staff-res-page .staff-stepper .staff-step.completed .staff-step-marker{border-color:var(--success);background:var(--success);color:#fff}.staff-res-page .staff-stepper .staff-step.active .staff-step-label,.staff-res-page .staff-stepper .staff-step.completed .staff-step-label{color:var(--text);font-weight:700}.staff-res-page .staff-stepper .staff-step.current .staff-step-marker{animation:staffPulse 2s infinite}.staff-res-page .staff-stepper-canceled{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--danger-soft);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--danger);font-weight:700}.staff-res-page .staff-stepper-canceled svg{font-size:24px}.staff-res-page .staff-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.staff-res-page .staff-info-grid{grid-template-columns:1fr}}.staff-res-page .staff-info-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all var(--transition-fast)}.staff-res-page .staff-info-item:hover{border-color:var(--primary)}.staff-res-page .staff-info-item.staff-full-width{grid-column:1/-1}.staff-res-page .staff-info-item.staff-highlight{background:var(--primary-soft);border-color:var(--primary)}.staff-res-page .staff-info-item.staff-highlight .staff-info-icon{background:var(--primary);color:#fff}.staff-res-page .staff-info-item .staff-info-icon{width:40px;height:40px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);font-size:18px}.staff-res-page .staff-info-item .staff-info-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.staff-res-page .staff-info-item .staff-info-content .staff-info-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted)}.staff-res-page .staff-info-item .staff-info-content .staff-info-value{font-size:15px;font-weight:600;color:var(--text);word-break:break-word}.staff-res-page .staff-info-item .staff-info-content .staff-info-value.price{font-size:20px;font-weight:800;color:var(--primary)}.staff-res-page .staff-info-item .staff-info-content .staff-receipt-link{display:inline-block;margin-top:4px;font-size:13px;color:var(--primary);text-decoration:none;padding:4px 10px;background:#2563eb1a;border-radius:6px;border:1px solid rgba(37,99,235,.2);transition:all .2s;font-weight:600}.staff-res-page .staff-info-item .staff-info-content .staff-receipt-link:hover{background:#2563eb33;text-decoration:none}.staff-res-page .staff-edit-inputs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.staff-res-page .staff-edit-inputs .staff-input-sm{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text)}.staff-res-page .staff-edit-inputs .staff-input-sm:focus{outline:none;border-color:var(--primary)}.staff-res-page .staff-edit-inputs .staff-duration-edit{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.staff-res-page .staff-edit-inputs .staff-duration-edit input{width:60px}.staff-res-page .staff-chat-section{width:380px;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--border);flex-shrink:0}@media (max-width: 900px){.staff-res-page .staff-chat-section{width:100%;height:auto;min-height:400px;border-left:none;border-top:1px solid var(--border)}}.staff-res-page .staff-chat-header{display:flex;align-items:center;gap:10px;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:700;font-size:15px}.staff-res-page .staff-chat-header svg{font-size:20px;color:var(--primary)}.staff-res-page .staff-chat-header .staff-chat-count{margin-left:auto;background:var(--primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:99px}.staff-res-page .staff-chat-body{flex:1;overflow-y:auto;min-height:0}.staff-res-page .staff-chat-body::-webkit-scrollbar{width:6px}.staff-res-page .staff-chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.staff-res-page .staff-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted)}.staff-res-page .staff-chat-empty .staff-chat-empty-icon{width:60px;height:60px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;box-shadow:var(--shadow)}.staff-res-page .staff-chat-messages-list{padding:20px;display:flex;flex-direction:column;gap:14px}.staff-res-page .staff-chat-message{max-width:85%;animation:staffSlideIn .2s ease}.staff-res-page .staff-chat-message.staff,.staff-res-page .staff-chat-message.worker,.staff-res-page .staff-chat-message.manager,.staff-res-page .staff-chat-message.admin{align-self:flex-end}.staff-res-page .staff-chat-message.staff .staff-message-content,.staff-res-page .staff-chat-message.worker .staff-message-content,.staff-res-page .staff-chat-message.manager .staff-message-content,.staff-res-page .staff-chat-message.admin .staff-message-content{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.staff-res-page .staff-chat-message.staff .staff-message-time,.staff-res-page .staff-chat-message.worker .staff-message-time,.staff-res-page .staff-chat-message.manager .staff-message-time,.staff-res-page .staff-chat-message.admin .staff-message-time{text-align:right}.staff-res-page .staff-chat-message.staff .staff-message-sender-name,.staff-res-page .staff-chat-message.worker .staff-message-sender-name,.staff-res-page .staff-chat-message.manager .staff-message-sender-name,.staff-res-page .staff-chat-message.admin .staff-message-sender-name{text-align:right;color:var(--primary)}.staff-res-page .staff-chat-message.user,.staff-res-page .staff-chat-message.client{align-self:flex-start}.staff-res-page .staff-chat-message.user .staff-message-content,.staff-res-page .staff-chat-message.client .staff-message-content{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.staff-res-page .staff-chat-message.user .staff-message-sender-name,.staff-res-page .staff-chat-message.client .staff-message-sender-name{text-align:left;color:var(--text-secondary)}.staff-res-page .staff-chat-message .staff-message-sender-name{font-size:11px;font-weight:700;margin-bottom:4px}.staff-res-page .staff-chat-message .staff-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.staff-res-page .staff-chat-message .staff-message-time{display:block;font-size:10px;color:var(--muted);margin-top:4px;padding:0 4px}.staff-res-page .staff-chat-input{display:flex;gap:10px;padding:16px 20px;background:var(--surface);border-top:1px solid var(--border)}.staff-res-page .staff-chat-input input{flex:1;height:46px;padding:0 18px;border:2px solid var(--border);border-radius:var(--radius-full);font-size:14px;background:var(--bg);color:var(--text);transition:all var(--transition-fast)}.staff-res-page .staff-chat-input input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.staff-res-page .staff-chat-input input:disabled{opacity:.6;cursor:not-allowed}.staff-res-page .staff-chat-input button{width:46px;height:46px;border:none;background:var(--primary);color:#fff;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-glow)}.staff-res-page .staff-chat-input button:hover:not(:disabled){transform:scale(1.05)}.staff-res-page .staff-chat-input button:disabled{background:var(--muted);cursor:not-allowed;box-shadow:none}.staff-res-page.staff-loading-screen,.staff-res-page.staff-empty-state-container{display:flex;align-items:center;justify-content:center}.staff-res-page .staff-loader{text-align:center;z-index:10}.staff-res-page .staff-loader .staff-spinner{width:48px;height:48px;border:4px solid var(--primary-soft);border-left-color:var(--primary);border-radius:50%;animation:staffSpin .8s linear infinite;margin:0 auto 20px}.staff-res-page .staff-loader p{color:var(--muted);font-weight:600;font-size:15px}.staff-res-page .staff-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2000;animation:staffSlideUp .4s ease;min-width:260px}.staff-res-page .staff-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.staff-res-page .staff-toast.staff-toast-success:before{background:var(--success)}.staff-res-page .staff-toast.staff-toast-success .staff-toast-icon{color:var(--success);background:var(--success-soft)}.staff-res-page .staff-toast.staff-toast-error:before{background:var(--danger)}.staff-res-page .staff-toast.staff-toast-error .staff-toast-icon{color:var(--danger);background:var(--danger-soft)}.staff-res-page .staff-toast.staff-toast-info:before{background:var(--info)}.staff-res-page .staff-toast.staff-toast-info .staff-toast-icon{color:var(--info);background:var(--info-soft)}.staff-res-page .staff-toast .staff-toast-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.staff-res-page .staff-toast .staff-toast-message{font-size:14px;font-weight:600;color:var(--text)}html[data-theme=dark] .staff-res-page{--primary: #818cf8;--primary-glow: rgba(129, 140, 248, .3);--primary-soft: rgba(129, 140, 248, .15);--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f1f5f9;--text-secondary: #cbd5e1;--muted: #94a3b8;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}html[data-theme=dark] .staff-res-page .staff-bg-orb{opacity:.2}html[data-theme=dark] .staff-res-page .staff-bg-orb.staff-bg-orb-1{background:radial-gradient(circle,var(--primary) 0%,transparent 70%)}html[data-theme=dark] .staff-res-page .staff-bg-orb.staff-bg-orb-2{background:radial-gradient(circle,var(--info) 0%,transparent 70%)}html[data-theme=dark] .staff-res-page .staff-res-card:hover{border-color:#818cf880}html[data-theme=dark] .staff-res-page .staff-modal-overlay{background:#000000d9}:root{--body-bg: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 50%, #fce7f3 100%);--surface: #ffffff;--surface-card: #ffffff;--text: #0f172a;--text-secondary: #475569;--muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--ring: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-hover: #5558e3;--primary-text: #ffffff;--primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--chip-bg: #f1f5f9;--chip-hover: #e2e8f0;--glass: rgba(148, 163, 184, .08);--glass-2: rgba(148, 163, 184, .12);--st-pending: #f59e0b;--st-pending-bg: rgba(245, 158, 11, .18);--st-pending-ring: rgba(245, 158, 11, .3);--st-confirmed: #3b82f6;--st-confirmed-bg: rgba(59, 130, 246, .18);--st-confirmed-ring: rgba(59, 130, 246, .3);--st-done: #10b981;--st-done-bg: rgba(16, 185, 129, .18);--st-done-ring: rgba(16, 185, 129, .3);--st-canceled: #ef4444;--st-canceled-bg: rgba(239, 68, 68, .18);--st-canceled-ring: rgba(239, 68, 68, .3);--radius: 16px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .12);--overlay-bg: rgba(15, 23, 42, .4)}.wd-page{width:100%;min-height:100vh;background:var(--body-bg);padding-bottom:40px}.wd.container{width:100%;max-width:1400px;padding:0 20px;margin:0 auto}.card,.wd-card{padding:20px;border:1px solid var(--border);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--glass)}.btn-primary{background:var(--primary-gradient);color:var(--primary-text);border:none;box-shadow:0 4px 12px #6366f14d}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-ghost{background:transparent;border:none;box-shadow:none}.btn-ghost:hover{background:var(--glass-2)}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--chip-bg);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.chip.selected{border-color:var(--primary);background:var(--primary-gradient);color:#fff}.wd-manager-header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:24px;margin-bottom:24px}@media (max-width: 860px){.wd-manager-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}}.wd-manager-title-group{display:flex;align-items:center;gap:14px;min-width:240px}.wd-manager-title-group h2{font-size:20px;font-weight:800;color:var(--text);margin:0}.wd-manager-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px #6366f140}.wd-manager-controls-row{flex:1;display:flex;gap:16px;align-items:center}@media (max-width: 768px){.wd-manager-controls-row{flex-direction:column;width:100%}}.wd-select-wrapper{flex:1;min-width:250px;position:relative;width:100%}.wd-select-wrapper:after{content:"▼";font-size:10px;color:var(--muted);position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none}.wd-input-select{width:100%;height:50px;padding:0 40px 0 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:700;appearance:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.wd-input-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.manager-search{flex:1;min-width:250px;width:100%}.wd-search{position:relative;height:50px;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;padding:0 16px;gap:10px;box-shadow:var(--shadow-sm)}.wd-search .icon{color:var(--muted);font-size:18px;display:flex}.wd-search input{width:100%;height:100%;background:transparent;border:none;outline:none;font-weight:600;color:var(--text)}.wd-search input::placeholder{color:var(--muted)}.wd-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.wd-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:12px}@media (max-width: 1000px){.wd-toolbar{grid-template-columns:1fr;gap:12px}.wd-toolbar .wd-nav,.wd-toolbar .wd-controls{justify-content:center}.wd-toolbar .wd-title{order:-1;text-align:center}}.wd-nav{display:flex;gap:8px}.wd-title{font-weight:900;font-size:16px;color:var(--text);text-align:center}.wd-controls{display:flex;justify-content:flex-end;gap:10px;align-items:center}.wd-date{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px}.wd-segment{display:inline-flex;background:var(--glass);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}.wd-segment button{border:none;background:transparent;padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--text);cursor:pointer}.wd-segment button.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--primary)}.wd-daybar{display:grid;grid-auto-flow:column;gap:10px;overflow-x:auto;padding:4px 4px 16px}@media (max-width: 768px){.wd-daybar{display:flex;overflow-x:scroll}}.wd-daypill{min-width:100px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;transition:all .2s}.wd-daypill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.wd-daypill.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.wd-daypill.today .wddate{color:var(--primary)}.wdday{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase}.wddate{font-size:16px;font-weight:900;color:var(--text);margin:2px 0}.wdmini{display:flex;justify-content:center;gap:6px;font-size:10px;font-weight:800}.wdcount{background:#6366f11a;color:var(--primary);padding:2px 6px;border-radius:99px}.wdsum{background:#10b9811a;color:#059669;padding:2px 6px;border-radius:99px}.wd-header{display:grid;margin-top:10px}.wd-body{position:relative;display:grid;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:10px}.wd-times{border-right:1px solid var(--border);background:var(--surface);position:sticky;left:0;z-index:2}.wd-time{position:absolute;left:8px;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--muted)}.wd-col{position:relative;border-left:1px solid var(--border);background-image:linear-gradient(to bottom,var(--border-light) 1px,transparent 1px);background-size:100% var(--slot-h, 48px)}.wd-col.today{background-color:#6366f108}.wd-nowline{position:absolute;left:70px;right:0;height:2px;background:#ef4444;z-index:5;pointer-events:none}.wd-now-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;margin-top:-4px;margin-left:-5px}.wd-event{position:absolute;border-radius:10px;padding:6px 8px;border:1px solid transparent;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left;display:flex;flex-direction:column;gap:2px}.wd-event:hover{transform:scale(1.02);z-index:10;box-shadow:0 4px 12px #00000026}.status-pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--st-pending-ring);color:#92400e;border-left:4px solid var(--st-pending)}.status-confirmed{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--st-confirmed-ring);color:#1e40af;border-left:4px solid var(--st-confirmed)}.status-done{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:var(--st-done-ring);color:#065f46;border-left:4px solid var(--st-done)}.status-canceled{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:var(--st-canceled-ring);color:#991b1b;border-left:4px solid var(--st-canceled);opacity:.8}.wde-top{display:flex;justify-content:space-between;align-items:center}.wde-time{font-size:10px;font-weight:800;opacity:.8}.wde-status{font-size:8px;text-transform:uppercase;font-weight:900;opacity:.7}.wde-name{font-size:12px;font-weight:800;line-height:1.2}.wde-meta{font-size:10px;opacity:.8;margin-top:auto;font-weight:600}.wd-agenda{display:flex;flex-direction:column;gap:12px;margin-top:20px}.wd-agenda-item{display:grid;grid-template-columns:80px 1fr auto;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;cursor:pointer;transition:all .2s}.wd-agenda-item:hover{border-color:var(--primary);transform:translate(4px)}.wda-time{font-size:13px;font-weight:700;color:var(--muted);text-align:center}.wda-name{font-size:15px;font-weight:800;color:var(--text)}.wda-meta{display:flex;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:4px;align-items:center}.wda-meta .status{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700}.wda-meta .status[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed)}.wda-meta .status[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending)}.wda-meta .status[data-status=Done]{background:var(--st-done-bg);color:var(--st-done)}.wd-empty{text-align:center;padding:40px;color:var(--muted);font-weight:600}.wd-empty-selection-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--muted);background:var(--surface-card);border-radius:var(--radius-lg);border:2px dashed var(--border);margin-top:20px;animation:fadeIn .5s ease}.wd-empty-selection-state h3{margin-top:20px;font-weight:800;font-size:20px;color:var(--text)}.wd-empty-selection-state p{color:var(--text-secondary);max-width:400px;line-height:1.5}.wd-empty-selection-state svg{font-size:64px;color:var(--primary);background:var(--glass);padding:16px;border-radius:50%}.wd-sheet{position:fixed;inset:0;z-index:100;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;animation:fadeIn .3s forwards}.wd-sheet.is-closing{animation:fadeOut .3s forwards}.wd-sheet-panel{width:100%;max-width:500px;background:var(--surface);height:100%;box-shadow:-10px 0 30px #0003;display:flex;flex-direction:column;animation:slideIn .3s forwards}.is-closing .wd-sheet-panel{animation:slideOut .3s forwards}.wd-sheet-head{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--glass)}.wd-sheet-title{font-size:18px;font-weight:800}.wd-sheet-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.wd-detail-card{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.wd-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.wd-detail-header .wd-detail-icon{font-size:20px}.wd-detail-header h3{font-size:16px;font-weight:800;margin:0}.wd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wd-detail-item{display:flex;flex-direction:column;gap:4px}.wd-detail-item--full{grid-column:1/-1}.wd-detail-label{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.wd-detail-value{font-size:14px;font-weight:600;color:var(--text);word-break:break-word}.wd-detail-price{color:var(--primary);font-size:18px;font-weight:900}.wd-detail-link{color:var(--primary);text-decoration:none}.wd-detail-link:hover{text-decoration:underline}.wd-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wde-status-badge{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800}.wde-status-badge[data-status=Pending]{background:var(--st-pending-bg);color:var(--st-pending)}.wde-status-badge[data-status=Confirmed]{background:var(--st-confirmed-bg);color:var(--st-confirmed)}.wde-status-badge[data-status=Done]{background:var(--st-done-bg);color:var(--st-done)}.wd-photo-gallery{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wd-photo-gallery img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 600px){.wd-sheet-panel{max-width:100%}}.wd-working-slot{position:absolute;left:0;right:0;background-color:#10b98114;border-left:2px solid rgba(16,185,129,.4);z-index:1;pointer-events:none}.wd-event{z-index:5}.staff-chat-page{height:calc(100vh - 70px);padding:16px;max-width:1600px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.staff-chat-page{padding:0;height:calc(100vh - 60px)}}.chat-container{display:flex;width:100%;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.chat-container .chat-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg)}.chat-container .chat-sidebar .sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.chat-container .chat-sidebar .sidebar-header h2{margin:0 0 16px;font-size:18px;color:var(--text);display:flex;align-items:center;gap:8px}.chat-container .chat-sidebar .sidebar-search{position:relative}.chat-container .chat-sidebar .sidebar-search input{width:100%;height:40px;padding:0 16px 0 36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.chat-container .chat-sidebar .sidebar-search input:focus{outline:none;border-color:var(--primary)}.chat-container .chat-sidebar .sidebar-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.chat-container .chat-sidebar .chat-list{flex:1;overflow-y:auto}.chat-container .chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface);position:relative}.chat-container .chat-main .empty-chat{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--surface);animation:fadeIn .5s ease-out}.chat-container .chat-main .empty-chat .icon-wrapper{width:80px;height:80px;margin-bottom:24px;border-radius:50%;background:#2563eb1a;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:36px;box-shadow:0 0 0 8px #2563eb08;transition:transform .3s ease}.chat-container .chat-main .empty-chat .icon-wrapper svg{display:block}.chat-container .chat-main .empty-chat:hover .icon-wrapper{transform:scale(1.05) rotate(-5deg)}.chat-container .chat-main .empty-chat h3{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.chat-container .chat-main .empty-chat p{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted);max-width:320px}@media (max-width: 900px){.chat-container .chat-sidebar{width:280px}}@media (max-width: 768px){.chat-container .chat-sidebar{width:100%}.chat-container.chat-active .chat-sidebar{display:none}.chat-container.chat-active .chat-main{display:flex;width:100%}.chat-container:not(.chat-active) .chat-sidebar{display:flex}.chat-container:not(.chat-active) .chat-main{display:none}}.chat-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s}.chat-item:hover{background:#00000008}:global(html[data-theme=dark]) .chat-item:hover{background:#ffffff08}.chat-item.active{background:#2563eb1a;border-left:3px solid var(--primary)}.chat-item .chat-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.chat-item .chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-item .chat-info{flex:1;min-width:0}.chat-item .chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.chat-item .chat-item-header .customer-name{font-weight:600;color:var(--text);font-size:.95rem;flex:1}.chat-item .chat-item-header .role-badge{font-size:10px;padding:2px 8px;background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--muted);text-transform:uppercase}.chat-item .chat-item-header .unread-badge{min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-item .last-message{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .last-message.has-unread{font-weight:600;color:var(--text)}.chat-header{height:64px;padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.chat-header .back-btn{margin-right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text);display:none}@media (max-width: 768px){.chat-header .back-btn{display:flex}}.chat-header .chat-header-info{display:flex;align-items:center;gap:12px}.chat-header .chat-header-info .header-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.chat-header .chat-header-info .header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header .chat-header-info h3{margin:0;font-size:16px;color:var(--text)}.chat-header .chat-header-info p{margin:0;font-size:12px;color:var(--muted);text-transform:capitalize}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.messages-area .empty-chat{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.messages-area .empty-chat svg{font-size:48px;margin-bottom:12px;opacity:.5}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:16px;position:relative;font-size:14px;line-height:1.5}.chat-bubble.me{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:2px;box-shadow:0 4px 12px #2563eb33}.chat-bubble.me .msg-time{color:#ffffffb3}.chat-bubble.me .msg-actions button{color:#fff}.chat-bubble.me .msg-actions button:hover{background:#fff3}.chat-bubble.other{align-self:flex-start;background:var(--bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:2px}.chat-bubble.other .msg-time{color:var(--muted)}.chat-bubble .msg-time{font-size:11px;display:block;text-align:right;margin-top:4px}.chat-bubble .msg-actions{display:none;position:absolute;top:-30px;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow)}.chat-bubble .msg-actions button{background:none;border:none;cursor:pointer;padding:4px;font-size:14px}.msg-reservation-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px;margin-bottom:8px}.other .msg-reservation-card{background:var(--surface);border-color:var(--border)}.msg-reservation-card .res-card-header{font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px;font-size:13px}.msg-reservation-card .res-card-row{font-size:12px;margin-bottom:2px;opacity:.9}.message-input{flex-shrink:0;padding:16px 20px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.message-input input{flex:1;height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:all .2s}.message-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.message-input button{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .1s}.message-input button.attach-btn{background:transparent;color:var(--muted)}.message-input button.attach-btn:hover{background:var(--bg);color:var(--text)}.message-input button.send-btn{background:var(--primary);color:#fff;box-shadow:0 4px 10px #2563eb4d}.message-input button.send-btn:hover{transform:scale(1.05)}.message-input button.send-btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.attached-reservation{padding:10px 20px;background:#2563eb1a;border-top:1px solid rgba(37,99,235,.2);color:var(--primary);display:flex;justify-content:space-between;align-items:center;font-size:14px}.attached-reservation button{background:none;border:none;cursor:pointer;color:var(--primary);font-size:18px}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.reservation-modal{background:var(--surface);width:90vw;max-width:500px;max-height:80vh;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.reservation-modal .modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.reservation-modal .modal-header h3{margin:0;font-size:18px;color:var(--text)}.reservation-modal .modal-header button{background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer}.reservation-modal .modal-header button:hover{color:var(--text)}.reservation-modal .modal-search{padding:12px 20px;border-bottom:1px solid var(--border);position:relative;background:var(--bg)}.reservation-modal .modal-search input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.reservation-modal .modal-search input:focus{outline:none;border-color:var(--primary)}.reservation-modal .modal-search svg{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:var(--muted)}.reservation-modal .reservation-list{flex:1;overflow-y:auto;padding:10px;background:var(--surface)}.reservation-modal .modal-pagination{padding:12px;border-top:1px solid var(--border);display:flex;justify-content:center;gap:16px;align-items:center;background:var(--bg)}.reservation-modal .modal-pagination span{color:var(--text);font-size:14px}.reservation-modal .modal-pagination button{padding:4px 12px;border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;color:var(--text)}.reservation-modal .modal-pagination button:disabled{opacity:.5}.reservation-modal .modal-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.reservation-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.reservation-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.reservation-item .res-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reservation-item .res-header .res-id{font-weight:700;color:var(--primary);font-size:13px}.reservation-item .res-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:uppercase}.reservation-item .res-status.status-done{background:#22c55e1a;color:#22c55e}.reservation-item .res-status.status-confirmed{background:#3b82f61a;color:#3b82f6}.reservation-item .res-status.status-pending{background:#f973161a;color:#f97316}.reservation-item .res-status.status-canceled{background:#ef44441a;color:#ef4444}.reservation-item .res-status{background:var(--chip-bg);color:var(--muted)}.reservation-item .res-main{display:flex;flex-direction:column;gap:2px}.reservation-item .res-main .res-customer{font-weight:600;color:var(--text);font-size:14px}.reservation-item .res-main .res-service{font-size:13px;color:var(--muted)}.reservation-item .res-main .res-address{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.reservation-item .res-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.reservation-item .res-footer .res-date{font-size:11px;color:var(--muted);font-weight:500}.edit-mode{padding:16px 20px;background:#f59e0b0d;border-top:1px solid rgba(245,158,11,.2);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.edit-mode .edit-content{display:flex;flex-direction:column;gap:8px}.edit-mode .edit-content .edit-label{font-size:12px;font-weight:700;color:#f59e0b;display:flex;align-items:center;gap:6px}.edit-mode .edit-content input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;transition:all .2s}.edit-mode .edit-content input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.edit-mode .edit-actions{display:flex;justify-content:flex-end;gap:10px}.edit-mode .edit-actions button{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.edit-mode .edit-actions button.cancel-btn{background:transparent;border-color:var(--border);color:var(--text)}.edit-mode .edit-actions button.cancel-btn:hover{background:var(--bg);border-color:var(--muted)}.edit-mode .edit-actions button.save-btn{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.edit-mode .edit-actions button.save-btn:hover{background:#d97706;transform:translateY(-1px)}.msg-actions-context{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:140px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px;animation:fadeIn .15s ease-out}.msg-actions-context button{width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.msg-actions-context button:hover{background:var(--bg)}.msg-actions-context button.delete{color:#ef4444}.msg-actions-context button.delete:hover{background:#ef44441a}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.msg-actions{display:none;position:absolute;top:-16px;right:8px;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow-sm);z-index:10}.msg-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:14px}.msg-actions button:hover{background:var(--bg);color:var(--primary)}.chat-bubble:hover .msg-actions{display:flex}.chat-list,.messages-area,.reservation-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-list::-webkit-scrollbar,.messages-area::-webkit-scrollbar,.reservation-list::-webkit-scrollbar{width:6px;height:6px}.chat-list::-webkit-scrollbar-track,.messages-area::-webkit-scrollbar-track,.reservation-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb,.messages-area::-webkit-scrollbar-thumb,.reservation-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:background-color .2s}.chat-list:hover::-webkit-scrollbar-thumb,.messages-area:hover::-webkit-scrollbar-thumb,.reservation-list:hover::-webkit-scrollbar-thumb{background-color:var(--muted)}:global(html[data-theme=dark]) .chat-list,:global(html[data-theme=dark]) .messages-area,:global(html[data-theme=dark]) .reservation-list{scrollbar-color:#334155 transparent}:global(html[data-theme=dark]) .chat-list::-webkit-scrollbar-thumb,:global(html[data-theme=dark]) .messages-area::-webkit-scrollbar-thumb,:global(html[data-theme=dark]) .reservation-list::-webkit-scrollbar-thumb{background-color:#334155}:global(html[data-theme=dark]) .chat-list:hover::-webkit-scrollbar-thumb,:global(html[data-theme=dark]) .messages-area:hover::-webkit-scrollbar-thumb,:global(html[data-theme=dark]) .reservation-list:hover::-webkit-scrollbar-thumb{background-color:#475569}:root{--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 6px 18px rgba(2, 6, 23, .06);--shadow: 0 16px 40px rgba(2, 6, 23, .1);--shadow-lg: 0 28px 64px rgba(2, 6, 23, .16);--gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 50%, #06b6d4 100%)}html[data-theme=light],html:not([data-theme]){--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--ring: rgba(37, 99, 235, .35);--primary: #2563eb;--primary-600: #1d4ed8;--body-bg: linear-gradient(180deg,#f8fafc 0%, #eef2ff 100%);--header-blur-bg: rgba(255,255,255,.75);--chip-bg: #f1f5f9}html[data-theme=dark]{--bg: #0b1220;--surface: #0f172a;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--ring: rgba(37, 99, 235, .45);--primary: #60a5fa;--primary-600: #3b82f6;--body-bg: linear-gradient(180deg,#0b1220 0%, #0f172a 100%);--header-blur-bg: rgba(15,23,42,.6);--chip-bg: rgba(255,255,255,.06)}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}::selection{background:#2563eb26}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:var(--body-bg);letter-spacing:-.011em}.container{width:100%;max-width:1160px;padding:24px;margin:0 auto}.app header{position:sticky;top:0;z-index:20;background:var(--header-blur-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.nav .brand a{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;text-decoration:none;color:var(--text);letter-spacing:-.02em}.nav .nav-links{display:flex;align-items:center;gap:10px}.nav .nav-links a{text-decoration:none;color:var(--text);padding:8px 12px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .2s ease}.nav .nav-links a:hover{background:#0206170d;transform:translateY(-1px)}.nav .nav-links a.active{background:#eef2ff;color:var(--primary)}html[data-theme=dark] .nav .nav-links a:hover{background:#ffffff0f}html[data-theme=dark] .nav .nav-links a.active{background:#6366f12e}.btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.btn.btn-lg{height:52px;padding:0 20px;border-radius:14px;font-weight:600}.btn.btn-sm{height:36px;padding:0 12px;border-radius:10px}.btn.btn-primary{border:none;color:#fff;background:var(--gradient);box-shadow:0 6px 18px #2563eb40}.btn.btn-primary:hover{filter:brightness(.98)}.btn.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.btn-outline{background:transparent;border-color:#2563eb66;color:var(--primary)}.input,.select{width:100%;height:46px;border-radius:12px;border:1px solid var(--border);padding:0 14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-sm)}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}html[data-theme=dark] .input,html[data-theme=dark] .select{background:#0b1220;color:var(--text)}.input-lg{height:52px;border-radius:14px}.input-group{display:grid;grid-template-columns:1fr auto;gap:10px}.input-wrap{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.input-with-icon{padding-left:40px}.label{display:block;margin-bottom:8px;font-size:13px;color:var(--muted)}.field{display:grid;gap:8px}.form{display:grid;gap:16px}.hero{display:grid;gap:18px;padding:clamp(42px,6vw,96px) 0 16px}.hero h1{font-size:clamp(38px,5vw,58px);line-height:1.06;margin:0;letter-spacing:-.025em}.hero p{color:var(--muted);margin:0}.hero .gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:999px;font-size:12px;background:#6366f11f;color:#4338ca;border:1px solid rgba(99,102,241,.18)}html[data-theme=dark] .badge{background:#6366f12e;color:#c7d2fe;border-color:#6366f140}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card.accent{position:relative;overflow:hidden}.card.accent:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(180deg,#6366f159,#6366f100);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1000px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.grid-3,.grid-2{grid-template-columns:1fr}}.section-title{font-size:20px;margin:0 0 8px;letter-spacing:-.01em}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--chip-bg);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.chip:hover{transform:translateY(-1px)}.selected{outline:3px solid rgba(37,99,235,.25);outline-offset:0}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left}.kpi{display:grid;gap:8px;padding:16px;border:1px dashed var(--border);border-radius:12px;background:var(--surface)}.kpi .value{font-size:26px;font-weight:700}.kpi .delta.up{color:#22c55e}.kpi .delta.down{color:#ef4444}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.report{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}@media (prefers-reduced-motion: no-preference){[data-animate=fade-up]{opacity:0;transform:translateY(6px);animation:fadeUp .5s ease forwards var(--delay, 0s)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.table-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.file-input-container{display:flex;align-items:center;gap:12px}.input-file-hidden{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input-container .btn{flex-shrink:0}.file-name-display{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-panel-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.edit-panel-overlay.open{opacity:1;pointer-events:auto}.edit-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--surface);z-index:1000;display:flex;flex-direction:column;padding:24px;box-shadow:var(--shadow-lg);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);transform:translate(100%);transition:transform .3s ease-in-out}.edit-panel.open{transform:translate(0)}.edit-panel h3{margin-top:0}.edit-panel .form{flex-grow:1;overflow-y:auto;padding-right:8px}.edit-panel-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.spinner{width:50px;height:50px;border-radius:50%;border:5px solid #f3f3f3;border-top:5px solid #3498db;animation:spin 1s linear infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-primary.loading{background:linear-gradient(270deg,#6366f1,#2563eb,#06b6d4,#6366f1);background-size:300% 300%;animation:gradientShift 2.5s ease infinite;color:#fff;position:relative;overflow:hidden;pointer-events:none;filter:brightness(1.05)}.btn-primary.loading:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff1a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.edit-panel{max-width:95%}}.grid-wrapper{transition:filter .3s ease-in-out}.grid-wrapper.blurred{filter:blur(5px);pointer-events:none}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;width:100%;max-width:420px;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-overlay.open .modal-dialog{transform:scale(1);opacity:1}.modal-dialog{margin:0 0 24px}.modal-dialog h3{margin:0 0 8px}.modal-dialog p{margin:0 0 24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}