:root{--brand-red: #ed2433;--brand-green: #007a45;--brand-green-light: #059669;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--text-main: #0f172a;--text-muted: #64748b;--text-light: #334155;--accent-blue: #0284c7;--accent-indigo: #4f46e5;--accent-teal: #007a45;--accent-cyan: #38bdf8;--accent-purple: #9333ea;--accent-red: #ed2433;--status-online: #007a45;--status-offline: #f59e0b;--status-error: #ed2433;--border-color: #e2e8f0;--border-focus: #0284c7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06);--shadow-glow: 0 0 15px rgba(2, 132, 199, .15);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .85);--bg-glass: rgba(15, 23, 42, .9);--text-main: #f8fafc;--text-muted: #94a3b8;--text-light: #cbd5e1;--border-color: rgba(255, 255, 255, .1);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.drawer-column-center{display:flex!important;flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;height:100%!important;overflow:hidden!important}.scroll-panel-container{flex:1 1 0%!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;position:relative!important;z-index:10!important;pointer-events:auto!important;padding-bottom:80px!important}.procedure-card-interactive{pointer-events:auto!important;position:relative!important;z-index:1!important}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.drawer-backdrop{animation:fadeInBackdrop .25s cubic-bezier(.16,1,.3,1) forwards}.drawer-panel{animation:slideInRight .35s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:1024px){.drawer-panel{width:96vw!important;max-width:100vw!important}}.mobile-tabs-nav{display:none}@media(max-width:820px){.mobile-tabs-nav{display:flex!important;background:#f8fafc;border-bottom:1px solid #cbd5e1;flex-shrink:0;width:100%;box-sizing:border-box}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:.725rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mobile-tab-btn:hover{color:#0f172a;background:#ffffff80}.mobile-tab-btn.active{color:#0284c7;border-bottom-color:#0284c7;background:#fff;font-weight:800}.drawer-body-container{flex-direction:row!important;overflow:hidden!important}.drawer-body-container[data-mobile-active-tab=catalog] .drawer-column-left{display:flex!important;width:100%!important;border-right:none!important}.drawer-body-container[data-mobile-active-tab=catalog] .drawer-column-center,.drawer-body-container[data-mobile-active-tab=catalog] .drawer-column-right{display:none!important}.drawer-body-container[data-mobile-active-tab=selected] .drawer-column-center{display:flex!important;width:100%!important;border-right:none!important}.drawer-body-container[data-mobile-active-tab=selected] .drawer-column-left,.drawer-body-container[data-mobile-active-tab=selected] .drawer-column-right{display:none!important}.drawer-body-container[data-mobile-active-tab=summary] .drawer-column-right{display:flex!important;width:100%!important}.drawer-body-container[data-mobile-active-tab=summary] .drawer-column-left,.drawer-body-container[data-mobile-active-tab=summary] .drawer-column-center{display:none!important}.drawer-column-left,.drawer-column-center,.drawer-column-right{border-right:none!important;border-bottom:none!important}}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease}.glass-card:hover{box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.btn-primary{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c740}.btn-primary:hover{background:#0369a1}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:8px 16px;color:var(--text-main);font-size:.875rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c71f}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulseGlow 2s cubic-bezier(.4,0,.6,1) infinite}.liquid-glass-container{width:100%;height:22px;background:#ffffff38;border-radius:11px;overflow:hidden;box-shadow:inset 0 3px 6px #0f172a14,inset 0 -2px 3px #ffffff59,0 4px 12px #0f172a08;border:1.5px solid rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:stretch;position:relative}.liquid-glass-fill{height:100%;border-radius:11px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001f,inset 0 2px #ffffff73,inset 0 -2px 4px #0000002e;transition:width .6s cubic-bezier(.4,0,.2,1)}.liquid-glass-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#ffffffa6,#fff3 20%,#fff0,#0000001a 80%,#0000004d);border-radius:11px;z-index:2}.liquid-glass-fill:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff40 30%,#fff6,#ffffff40 70%,#fff0);opacity:.8;transform:skew(-20deg);animation:liquid-glass-glow 3.5s infinite linear;z-index:3}@keyframes liquid-glass-glow{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(100%) skew(-20deg)}}@media(max-height:480px){header{padding:6px 12px!important;height:42px!important}header h1{font-size:.95rem!important}header .logo-container svg{width:20px!important;height:20px!important}.pipeline-column{padding:8px!important}.pipeline-column h2{font-size:.775rem!important;margin-bottom:6px!important}.glass-card{padding:8px 10px!important;margin-bottom:8px!important}.drawer-panel{width:100vw!important;max-width:100vw!important;height:100vh!important}.drawer-column-left{padding:8px!important}.catalog-category-header{padding:3px 6px!important}.catalog-category-header span{font-size:.65rem!important}.catalog-item-card{padding:6px 8px!important;gap:2px!important}.catalog-item-card span{font-size:.65rem!important}.catalog-item-card strong{font-size:.7rem!important}.drawer-column-center{padding:8px!important}.procedure-card-interactive{padding:6px 8px!important;margin-bottom:6px!important;border-radius:var(--radius-sm)!important}.procedure-card-interactive h4{font-size:.75rem!important}.procedure-card-interactive span{font-size:.65rem!important}.procedure-card-interactive div[style*="background: rgb(248, 250, 252)"]{padding:4px 6px!important;gap:4px!important}.procedure-card-interactive div[style*="border-bottom: 1px solid rgb(241, 245, 249)"]{padding-bottom:2px!important}.procedure-card-interactive button{height:18px!important;width:18px!important;font-size:.65rem!important}.treatment-plan-session-row{padding:1px 2px!important;gap:2px!important}.treatment-plan-session-row button{width:16px!important;height:16px!important;font-size:.6rem!important}.treatment-plan-session-row span{font-size:.6rem!important}.drawer-column-right{padding:8px!important}.drawer-column-right h3{font-size:.775rem!important;margin-bottom:4px!important;padding-bottom:4px!important}.drawer-column-right div[style*="margin-bottom: 12px"]{padding:8px 10px!important;gap:6px!important;margin-bottom:6px!important}.drawer-column-right div[style*="margin-bottom: 12px"] div{font-size:.7rem!important}.drawer-column-right div[style*="margin-bottom: 10px"]{padding:4px 6px!important;margin-bottom:6px!important}.drawer-column-right .form-group{margin-bottom:6px!important}.drawer-column-right textarea{height:28px!important;padding:4px!important;font-size:.7rem!important}.drawer-column-right div[style*="border-top: 1px solid rgb(203, 213, 225)"]{padding-top:6px!important;margin-top:4px!important;gap:4px!important}.drawer-column-right button.btn{padding:6px!important;font-size:.725rem!important}}