:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-header h1,.page-header p,h1,h2,h3,h4,h5,h6{color:#1e293b!important}.page-header p,.page-header .subtitle{color:#64748b!important}.stat-value,.stat-card .value,.stat-content .stat-value,.analytics-stat-card .stat-value,.summary-value{color:#1e293b!important}.stat-label,.stat-card h3,.summary-label{color:#64748b!important}.empty-state h2,.empty-state h3{color:#1e293b!important}.empty-state p,.loading-state p{color:#64748b!important}table th,table td{color:#1e293b!important}p,span,label{color:inherit}.notification-bell{position:relative}.bell-button{background:none;border:none;cursor:pointer;padding:.6rem;color:#64748b;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.bell-button:hover{background:#f1f5f9;color:#1e293b;transform:scale(1.05)}.bell-button svg{width:22px;height:22px}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #ef444466;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e,0 0 1px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:1000;overflow:hidden;animation:dropdownIn .25s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fafafa,#f8fafc)}.dropdown-header h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.mark-all-read{background:none;border:none;color:#3b82f6;font-size:.8rem;font-weight:500;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:all .2s}.mark-all-read:hover{background:#eff6ff}.notification-list{max-height:420px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.no-notifications{padding:3rem 2rem;text-align:center;color:#64748b}.no-notifications span{font-size:2.5rem;display:block;margin-bottom:.75rem;opacity:.5}.no-notifications p{margin:0;color:#94a3b8}.notification-item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-bottom:1px solid #f8fafc;text-decoration:none;color:inherit;transition:all .2s;position:relative}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:linear-gradient(90deg,rgba(59,130,246,.08),transparent)}.notification-item.unread:hover{background:linear-gradient(90deg,#3b82f61f,#f8fafc)}.notif-icon{font-size:1.35rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px}.notif-content{flex:1;min-width:0}.notif-title{margin:0;font-weight:600;font-size:.9rem;color:#1e293b}.notif-message{margin:.25rem 0 0;font-size:.8rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.notif-time{font-size:.7rem;color:#94a3b8;margin-top:.35rem;display:block}.unread-dot{width:8px;height:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;flex-shrink:0;margin-top:8px;box-shadow:0 0 8px #3b82f680}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 2rem);right:-.5rem}}.language-switcher{position:relative}.language-switcher-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:inherit;cursor:pointer;font-size:13px;transition:all .2s ease}.language-switcher-toggle:hover{background:#ffffff1a;border-color:#ffffff4d}.flag-img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0003}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 40px #0000004d;z-index:1000;overflow:hidden}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#e2e8f0;cursor:pointer;font-size:14px;text-align:left;transition:background .15s ease}.language-option:hover{background:#ffffff1a}.language-option.active{background:#f59e0b26;color:#f59e0b}.language-name{flex:1}.check-icon{color:#f59e0b}@media(prefers-color-scheme:light){.language-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 40px #0000001a}.language-option{color:#1e293b}.language-option:hover{background:#f1f5f9}}@media(max-width:768px){.language-code{display:none}.language-switcher-toggle{padding:6px 8px}}.dashboard-layout{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.sidebar{width:220px;background:linear-gradient(180deg,#0f172a,#1e293b,#334155);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;box-shadow:4px 0 24px #00000026}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{font-size:1.15rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.sidebar-logo .accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;color:#ffffffa6;text-decoration:none;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.85rem}.nav-item svg{width:18px;height:18px;opacity:.7;transition:opacity .2s;flex-shrink:0}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.nav-item:hover svg{opacity:1}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.nav-item.active svg{opacity:1}.nav-item.new-order{background:linear-gradient(135deg,#3b82f633,#8b5cf626);color:#93c5fd;margin-top:.5rem;border:1px solid rgba(59,130,246,.2)}.nav-item.new-order:hover,.nav-item.new-order.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 4px 16px #3b82f666}.sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.08);background:#00000040}.user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.user-avatar{width:32px;height:32px;min-width:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;box-shadow:0 2px 6px #3b82f64d}.user-details{flex:1;min-width:0}.sidebar-footer .user-name{font-weight:600;font-size:.8rem;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-footer .user-email{font-size:.65rem;color:#ffffffb3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.logout-btn{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.4rem .5rem;color:#fca5a5;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:500}.logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fecaca}.logout-btn svg{width:14px;height:14px}.main-content{flex:1;margin-left:220px;width:calc(100% - 220px);min-height:100vh;display:flex;flex-direction:column}.header-spacer{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.stat-card.clickable{cursor:pointer;text-decoration:none;display:block}.stat-card.clickable:hover{border-color:#3b82f6;transform:translateY(-4px) scale(1.02)}.stat-card h3{font-size:.85rem;color:#64748b;margin:0 0 .5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:2.25rem;font-weight:700;color:#0f172a}.stat-card .value.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.clickable.active{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.filter-tabs{display:flex;gap:0;background:#f8fafc}.tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#0f172a;background:#00000005}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.orders-table{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.orders-table table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:1rem 1.25rem;text-align:left}.orders-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.orders-table td{border-top:1px solid #f1f5f9}.orders-table tr:hover td{background:#fafafa}.orders-table tr.clickable-row{cursor:pointer;transition:all .15s ease}.orders-table tr.clickable-row:hover td{background:#e0f2fe}.order-link{display:inline-flex;align-items:center;gap:.5rem;color:#0f172a;text-decoration:none;padding:4px 8px;margin:-4px -8px;border-radius:6px;transition:all .2s}.order-link:hover{background:#e0f2fe;color:#0369a1}.order-link strong{color:inherit}.status-badge{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.pending_review{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.pending_payment{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.status-badge.in_planning,.status-badge.in_design{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.status-badge.pending_approval{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7e22ce}.status-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.empty-state svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.empty-state h2,.empty-state h3{margin:0 0 .5rem;color:#0f172a;font-weight:600}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.type-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap}.sidebar-header{display:flex;align-items:center;justify-content:space-between}@media(max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px;width:calc(100% - 200px)}}@media(max-width:768px){.hamburger-btn,.mobile-close{display:flex}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;left:-280px;top:0;width:280px;height:100vh;z-index:100;transition:left .3s ease}.sidebar.open{left:0}.main-content{margin-left:0;width:100%}.stats-grid{grid-template-columns:1fr}.content-wrapper{padding:1rem}.orders-table{overflow-x:auto}.orders-table table{min-width:600px}.btn{min-height:44px;padding:.75rem 1.25rem}.nav-item{min-height:44px}}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.specialist-layout{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.specialist-sidebar{width:220px;background:linear-gradient(180deg,#0f172a,#1e293b,#334155);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;box-shadow:4px 0 24px #00000026}.specialist-sidebar .sidebar-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.specialist-sidebar .sidebar-logo{font-size:1.15rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.specialist-sidebar .sidebar-logo .accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.role-label{display:inline-block;margin-top:.5rem;padding:.25rem .6rem;background:linear-gradient(135deg,#10b98140,#05966926);color:#34d399;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(16,185,129,.3)}.specialist-sidebar .sidebar-nav{flex:1;padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.specialist-sidebar .nav-item{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;color:#ffffffa6;text-decoration:none;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.85rem}.specialist-sidebar .nav-item svg{width:18px;height:18px;opacity:.7;transition:opacity .2s;flex-shrink:0}.specialist-sidebar .nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.specialist-sidebar .nav-item:hover svg{opacity:1}.specialist-sidebar .nav-item.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98166}.specialist-sidebar .nav-item.active svg{opacity:1}.specialist-sidebar .nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.specialist-sidebar .nav-item.active .nav-badge{background:#fff;color:#059669}.specialist-sidebar .sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.08);background:#00000040}.specialist-sidebar .user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.specialist-sidebar .specialist-avatar{width:32px;height:32px;min-width:32px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem;box-shadow:0 2px 6px #10b9814d}.specialist-sidebar .user-details{flex:1;min-width:0}.specialist-sidebar .user-name{font-weight:600;color:#fff;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.specialist-sidebar .user-role{font-size:.65rem;color:#ffffff80;display:block}.specialist-sidebar .logout-btn{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.4rem .5rem;color:#fca5a5;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:500}.specialist-sidebar .logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fecaca}.specialist-sidebar .logout-btn svg{width:14px;height:14px}.specialist-layout .main-content{flex:1;margin-left:220px;width:calc(100% - 220px);min-height:100vh;display:flex;flex-direction:column}.top-header{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:50}.content-wrapper{flex:1;padding:1.5rem}.page-header h1{font-size:1.85rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.5px}.page-header p{color:#64748b;margin:0;font-size:1rem}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;width:100%}.specialist-dashboard,.queue-page,.my-orders-page{width:100%}.queue-stat{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;align-items:center;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04)}.queue-stat:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.queue-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.queue-stat-icon svg{width:24px;height:24px}.queue-stat-icon.new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.queue-stat-icon.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.queue-stat-icon.completed{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.queue-stat-content h3{margin:0;font-size:1.75rem;font-weight:700;color:#0f172a}.queue-stat-content p{margin:.25rem 0 0;font-size:.85rem;color:#64748b;font-weight:500}.quick-actions{display:flex;gap:1rem;margin-bottom:2rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-queue-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 2px 12px #0000000a;text-decoration:none;color:inherit}.order-queue-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 24px #10b98126}.order-queue-card .order-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2563eb}.order-queue-card .order-icon svg{width:24px;height:24px}.order-queue-card .order-info{flex:1;min-width:0}.order-queue-card .order-title{font-weight:600;font-size:1.05rem;margin:0 0 .35rem;color:#0f172a}.order-queue-card .order-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#64748b}.order-queue-card .order-title .order-num{color:#2563eb;font-weight:700}.order-queue-card .patient-subtitle{margin:0 0 .35rem;font-size:.85rem;color:#64748b}.order-queue-card .price-tag{color:#059669;font-weight:600}.order-queue-card .client-name{margin:0 0 .35rem;font-size:.8rem;color:#3b82f6}.order-queue-card .order-meta span{display:inline-flex;align-items:center}.order-queue-card.new-order{position:relative;border:2px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #10b98126}50%{box-shadow:0 4px 25px #10b9814d}}.order-queue-card .new-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b98166;animation:bounce-badge 1s ease-in-out infinite}@keyframes bounce-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.order-queue-card .patient-name{margin:0 0 .35rem;font-size:.85rem;color:#475569;font-weight:500}.order-queue-card .price-highlight{color:#059669;font-weight:600}.order-queue-card .order-actions{display:flex;gap:.75rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-take{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98159}.btn-take:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #10b98173}.btn-take:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-view{background:#f1f5f9;color:#475569;padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.btn-view:hover{background:#e2e8f0;color:#1e293b}.status-badge{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-dropdown{display:flex;align-items:center;gap:.75rem}.status-dropdown label{font-weight:500;color:#64748b;font-size:.9rem}.status-dropdown select{appearance:none;padding:.6rem 2.5rem .6rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:500;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center;cursor:pointer;transition:all .2s}.status-dropdown select:hover{border-color:#cbd5e1}.status-dropdown select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.specialist-actions{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8}.empty-icon svg{width:40px;height:40px}.empty-state h2{margin:0 0 .5rem;color:#0f172a;font-weight:600}.empty-state p{color:#64748b;margin:0 0 1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.filter-tabs{display:flex;gap:.5rem;padding:.5rem;background:#fff;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a}.filter-tab{padding:.65rem 1.25rem;border:none;background:transparent;border-radius:8px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.filter-tab:hover{background:#f1f5f9;color:#334155}.filter-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.recent-section{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000000a;width:100%}.recent-section h2{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 1.25rem}.hamburger-btn{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:#374151}.hamburger-btn svg{width:24px;height:24px}.mobile-close{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:#ffffffb3;margin-left:auto}.mobile-close svg{width:24px;height:24px}.mobile-overlay{display:none}@media(max-width:1024px){.specialist-sidebar{width:200px}.specialist-layout .main-content{margin-left:200px;width:calc(100% - 200px)}}@media(max-width:768px){.hamburger-btn,.mobile-close{display:flex}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.specialist-sidebar{position:fixed;left:-280px;top:0;width:280px;height:100vh;z-index:100;transition:left .3s ease}.specialist-sidebar.open{left:0}.specialist-layout .main-content{margin-left:0;width:100%}.queue-stats{grid-template-columns:1fr}.order-queue-card{flex-direction:column;text-align:center}.order-queue-card .order-actions{width:100%;justify-content:center;margin-top:1rem}.content-wrapper{padding:1rem}.btn,.nav-item{min-height:44px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:20px}.auth-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:1.5rem;font-weight:700;color:#1a1a2e;text-decoration:none;display:inline-block;margin-bottom:24px}.auth-logo .accent{color:#06f}.auth-header h1{font-size:1.75rem;color:#1a1a2e;margin:0 0 8px}.auth-header p{color:#666;margin:0}.auth-error{background:#fee;color:#c00;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-btn:hover{background:#f5f5f5;border-color:#ccc}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.auth-divider span{padding:0 16px;color:#999;font-size:.875rem}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:.9rem}.auth-form input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.auth-form input:focus{outline:none;border-color:#06f}.auth-form input::placeholder{color:#aaa}.submit-btn{width:100%;padding:14px 20px;background:#06f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.submit-btn:hover{background:#0052cc}.submit-btn:disabled{background:#99c2ff;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;color:#666;font-size:.9rem}.auth-footer a{color:#06f;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-option{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.role-option:hover{border-color:#99c2ff;background:#f8faff}.role-option.selected{border-color:#06f;background:linear-gradient(135deg,#f0f7ff,#e6f0ff)}.role-option input[type=radio]{display:none}.role-icon{font-size:2rem;margin-bottom:8px}.role-name{font-weight:600;color:#1a1a2e;font-size:.9rem;margin-bottom:4px}.role-desc{font-size:.75rem;color:#666}.terms-checkbox{margin-top:8px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.85rem;line-height:1.4}.checkbox-label input[type=checkbox]{width:auto;margin-top:3px;cursor:pointer}.checkbox-text{color:#666}.checkbox-text a{color:#06f;text-decoration:none;font-weight:500}.checkbox-text a:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.terms-modal h2{margin:0 0 12px;color:#1a1a2e;font-size:1.5rem}.terms-modal>p{color:#666;margin-bottom:20px}.terms-scroll{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;max-height:200px;overflow-y:auto}.terms-scroll ul{margin:12px 0;padding-left:20px}.terms-scroll li{margin-bottom:8px}.terms-scroll a{color:#06f;font-weight:500;text-decoration:none}.terms-scroll a:hover{text-decoration:underline}.terms-highlight{background:#fff3cd;padding:12px;border-radius:6px;margin-top:12px;font-size:.9rem;color:#856404}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{padding:12px 24px;background:#06f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#0052cc}.btn-primary:disabled{background:#99c2ff;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#fff;color:#666;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;border-color:#ccc}.forgot-password-link{text-align:right;margin-top:-12px;margin-bottom:16px}.forgot-password-link a{color:#06f;font-size:.85rem;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.auth-success{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.join-tenant-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81);padding:2rem}.join-card{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.join-header{text-align:center;margin-bottom:1.5rem}.join-header h1{margin:0 0 .5rem;color:#1e1b4b;font-size:1.5rem}.join-header p{margin:0;color:#6b7280}.join-header strong{color:#f59e0b;text-transform:capitalize}.mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:1.5rem}.mode-toggle button{flex:1;padding:.625rem 1rem;border:none;background:none;border-radius:6px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.mode-toggle button.active{background:#fff;color:#1e1b4b;box-shadow:0 1px 3px #0000001a}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.google-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.google-btn:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 1rem;color:#9ca3af;font-size:.875rem}.join-card .form-group{margin-bottom:1rem}.join-card .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.join-card .form-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.join-card .form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.join-card .form-group input:disabled{background:#f3f4f6;color:#6b7280}.submit-btn{width:100%;margin-top:.5rem}.join-card .error-message{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;text-align:center}.join-card.success-state,.join-card.error-state{text-align:center;padding:3rem 2rem}.success-icon,.error-icon{font-size:3.5rem;margin-bottom:1rem}.join-card.success-state h2,.join-card.error-state h2{margin:0 0 .5rem;color:#1e1b4b}.join-card.success-state p,.join-card.error-state p{color:#6b7280;margin-bottom:1rem}.redirect-note{font-size:.875rem;color:#9ca3af!important}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.join-card .btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none;text-align:center}.join-card .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.join-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.join-card .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:3rem}.legal-document{color:#1e293b;line-height:1.8}.legal-document h1{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;text-align:center;border-bottom:3px solid #3b82f6;padding-bottom:1rem}.legal-document>p:first-of-type{text-align:center;color:#64748b;margin-bottom:2rem}.legal-document h2{font-size:1.4rem;font-weight:600;color:#1e40af;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.legal-document h3{font-size:1.15rem;font-weight:600;color:#334155;margin-top:1.5rem;margin-bottom:.75rem}.legal-document p{margin-bottom:1rem;text-align:justify}.legal-document ul{margin:1rem 0;padding-left:1.5rem}.legal-document li{margin-bottom:.75rem;position:relative}.legal-document li::marker{color:#3b82f6}.legal-document strong{color:#0f172a}.legal-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:color .2s}.legal-back-link:hover{color:#1d4ed8}@media(max-width:768px){.legal-container{padding:1.5rem;margin:0 .5rem}.legal-document h1{font-size:1.75rem}.legal-document h2{font-size:1.2rem}}.status-badge{display:inline-flex;flex-direction:column;gap:.25rem}.status-badge-label{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;border:1px solid}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}.status-badge-small .status-badge-label{padding:.25rem .5rem;font-size:.65rem}.status-badge-small .status-dot{width:6px;height:6px}.status-badge-large .status-badge-label{padding:.5rem 1rem;font-size:.875rem}.status-badge-large .status-dot{width:10px;height:10px}.status-badge-label[style*="10b981"] .status-dot,.status-badge-label[style*="6b7280"] .status-dot{animation:none}.client-balance-widget{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:16px 20px;margin-bottom:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.client-balance-widget.has-debt{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.client-balance-widget.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.client-balance-widget.loading{background:#f1f5f9}.balance-skeleton{height:60px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.balance-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.balance-icon{font-size:20px}.balance-title{font-size:14px;font-weight:500;color:#64748b}.balance-amount{display:flex;align-items:baseline;gap:8px}.debt-label{font-size:14px;color:#92400e}.debt-value{font-size:28px;font-weight:700;color:#b45309}.paid-label{font-size:18px;font-weight:600;color:#059669}.balance-details{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);font-size:13px;color:#64748b}.dental-chart{background:#fff;border-radius:12px;padding:1.5rem;position:relative}.chart-header,.chart-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;margin-bottom:.5rem}.chart-footer{margin-top:.5rem;margin-bottom:0}.side-label{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.jaw-label{font-size:.875rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.1em}.jaw{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:.75rem 0}.upper-jaw{border-bottom:2px dashed #e5e7eb;padding-bottom:1rem}.lower-jaw{padding-top:1rem}.quadrant{display:flex;gap:4px}.jaw-divider{width:2px;height:50px;background:linear-gradient(to bottom,#e5e7eb,#d1d5db,#e5e7eb);margin:0 8px;border-radius:1px}.jaw-separator{display:flex;justify-content:center;align-items:center;padding:.25rem}.notation-label{font-size:.7rem;color:#9ca3af;font-weight:600;text-transform:uppercase}.tooth{position:relative;width:36px;height:50px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;border-radius:6px;padding:4px}.tooth:hover:not(.disabled){background:#f3f4f6;transform:scale(1.1)}.tooth.disabled{cursor:not-allowed;opacity:.5}.tooth-svg{width:28px;height:36px}.tooth-svg path{fill:#e5e7eb;stroke:#9ca3af;stroke-width:1.5;transition:all .2s ease}.tooth:hover:not(.disabled) .tooth-svg path{fill:#d1d5db;stroke:#6b7280}.tooth.selected .tooth-svg path{stroke-width:2}.tooth.selected-implant .tooth-svg path{fill:#818cf8;stroke:#4f46e5}.tooth.selected-extraction .tooth-svg path{fill:#fca5a5;stroke:#dc2626}.tooth.selected-missing .tooth-svg path{fill:#fef3c7;stroke:#f59e0b}.tooth-number{font-size:.65rem;font-weight:600;color:#6b7280;margin-top:2px}.tooth.selected .tooth-number{color:#4f46e5}.tooth-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.selection-summary{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.selection-summary strong{color:#0369a1;font-size:.875rem}.selected-list{color:#0c4a6e;font-family:SF Mono,Consolas,monospace;font-size:.875rem;font-weight:500}.tooth-tooltip{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;z-index:100;box-shadow:0 10px 25px #0003;animation:fadeIn .15s ease}.tooth-tooltip small{color:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:600px){.tooth{width:28px;height:42px}.tooth-svg{width:22px;height:28px}.tooth-number{font-size:.55rem}.quadrant{gap:2px}.jaw-divider{margin:0 4px}}.price-summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;position:sticky;top:2rem}.price-summary-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.price-icon{font-size:1.25rem}.price-summary-header h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.price-empty{text-align:center;padding:1.5rem 0}.price-empty p{margin:0;color:#9ca3af;font-size:.875rem}.price-service{font-size:.875rem;font-weight:600;color:#6366f1;margin-bottom:1rem;padding:.5rem;background:#f0f0ff;border-radius:6px;text-align:center}.price-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.breakdown-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:.875rem}.breakdown-item{color:#4b5563;flex:1;padding-right:1rem}.breakdown-price{color:#111827;font-weight:500;white-space:nowrap}.price-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #e5e7eb;margin-top:.5rem}.price-total span:first-child{font-weight:600;color:#111827}.total-amount{font-size:1.5rem;font-weight:700;color:#6366f1}.price-note{margin:1rem 0;font-size:.75rem;color:#9ca3af;font-style:italic;text-align:center}.btn-proceed-payment{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.btn-proceed-payment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-proceed-payment:active{transform:translateY(0)}.upload-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 25px 50px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.upload-modal h3{margin:0 0 .75rem;font-size:1.25rem;color:#1e293b}.upload-file-name{margin:0 0 1.25rem;font-size:.875rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upload-progress-bar{height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:1rem}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#0ea5e9);border-radius:10px;transition:width .3s ease}.upload-stats{display:flex;justify-content:space-between;font-size:.875rem;color:#475569;margin-bottom:1rem}.upload-stats span:last-child{font-weight:700;color:#2563eb}.upload-note{margin:0;font-size:.75rem;color:#94a3b8;font-style:italic}.new-order-page{padding:0;width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.new-order-page .page-header,.new-order-page .order-steps,.new-order-page .error-message{grid-column:1 / -1}.new-order-page .order-form{grid-column:1}.price-sidebar{grid-column:2;position:sticky;top:2rem}@media(max-width:900px){.new-order-page{grid-template-columns:1fr;max-width:800px}.new-order-page .page-header,.new-order-page .order-steps,.new-order-page .error-message,.new-order-page .order-form,.price-sidebar{grid-column:1}.price-sidebar{position:relative;top:0;margin-top:1rem}}.page-header{margin-bottom:2rem}.order-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.order-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e5e7eb;z-index:0}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1;cursor:pointer;transition:opacity .2s}.step:hover{opacity:.8}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.step.active .step-number{background:var(--primary, #2563eb);color:#fff}.step-label{font-size:.875rem;color:#6b7280;font-weight:500}.step.active .step-label{color:var(--primary, #2563eb)}.client-info-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:1.5rem}.client-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.client-details h3{margin:0;font-size:1rem;color:var(--text-primary, #111827)}.client-details p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.form-step{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-step h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary, #111827)}.step-desc{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #111827)}.form-label.required:after{content:" *";color:#ef4444}.form-hint{font-size:.8rem;color:var(--text-secondary, #6b7280);margin:.25rem 0 .5rem;font-style:italic}.date-picker-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-input{flex:1;min-width:180px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;color:#111827}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.3);padding:4px;margin-left:8px}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.date-or{color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500}.date-text-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.date-text-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:inherit;color:#111827;background-color:#fff;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}input,textarea,select{color:#111827!important}.option-grid{display:grid;gap:.75rem}.option-grid.cols-2{grid-template-columns:repeat(2,1fr)}.option-grid.cols-3{grid-template-columns:repeat(3,1fr)}.option-grid.cols-4{grid-template-columns:repeat(4,1fr)}.option-box{display:block;position:relative;cursor:pointer}.option-box input{position:absolute;opacity:0;pointer-events:none}.option-box-content{display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;text-align:center;font-weight:500;color:var(--text-primary, #111827);transition:all .2s;min-height:60px}.option-box:hover .option-box-content{border-color:var(--primary, #2563eb);background:#f0f9ff}.option-box.selected .option-box-content,.option-box input:checked+.option-box-content{border-color:var(--primary, #2563eb);background:#2563eb;color:#fff}.conditional-section{padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:1.5rem;border-left:3px solid var(--primary, #2563eb)}.slider-wrapper{display:flex;align-items:center;gap:1rem}input[type=range]{flex:1;height:8px;border-radius:4px;background:#e5e7eb;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary, #2563eb);cursor:pointer}.slider-value{min-width:50px;font-weight:600;color:var(--primary, #2563eb)}.preference-options{display:flex;flex-direction:column;gap:.75rem}.preference-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.preference-option:hover{background:#f0f9ff;border-color:var(--primary, #2563eb)}.preference-option input{margin-top:4px;width:18px;height:18px;accent-color:var(--primary, #2563eb)}.preference-text{flex:1;font-size:.9rem;color:var(--text-primary, #111827);line-height:1.5}.segmentation-pills{display:flex;flex-wrap:wrap;gap:.75rem}.segmentation-pill{position:relative;cursor:pointer}.segmentation-pill input{position:absolute;opacity:0;pointer-events:none}.pill-content{display:inline-block;padding:.75rem 1.25rem;border:2px solid #e5e7eb;border-radius:9999px;font-weight:500;color:var(--text-primary, #111827);transition:all .2s}.segmentation-pill:hover .pill-content{border-color:var(--primary, #2563eb)}.segmentation-pill.selected .pill-content,.segmentation-pill input:checked+.pill-content{background:var(--primary, #2563eb);border-color:var(--primary, #2563eb);color:#fff}.segmentation-pill.highlight .pill-content{border-color:#10b981}.segmentation-pill.highlight.selected .pill-content{background:#10b981;border-color:#10b981}.file-info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem}.file-info-box .file-icon{font-size:3rem;margin-bottom:.75rem}.file-info-box h3{color:#16a34a;margin:0 0 .5rem;font-size:1.25rem}.file-info-box p{color:#0c4a6e;margin:0;line-height:1.6}.file-formats{color:#64748b!important;font-size:.9rem;margin-top:.75rem!important}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.upload-card{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s}.upload-card:hover{border-color:var(--primary, #2563eb);background:#f0f9ff}.upload-card .upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-card h3{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary, #111827)}.upload-card p{margin:0 0 1rem;font-size:.8rem;color:var(--text-secondary, #6b7280)}.upload-card input[type=file]{display:none}.upload-btn{display:inline-block;padding:.5rem 1rem;background:var(--primary, #2563eb);color:#fff;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-btn:hover{background:#1d4ed8}.selected-files{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;justify-content:center}.file-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#dbeafe;color:#1e40af;font-size:.7rem;border-radius:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#0000001a;border:none;border-radius:50%;color:#1e40af;font-size:.75rem;line-height:1;cursor:pointer;transition:all .2s}.remove-file:hover{background:#dc2626;color:#fff}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.error-message{padding:1rem;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:1.5rem;font-weight:500}@media(max-width:768px){.option-grid.cols-3,.option-grid.cols-4{grid-template-columns:repeat(2,1fr)}.order-steps:before{left:30px;right:30px}.form-step{padding:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(max-width:480px){.option-grid.cols-2,.option-grid.cols-3,.option-grid.cols-4{grid-template-columns:1fr}}.info-card{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-section h4{font-size:1rem;font-weight:700;color:#92400e;margin:0 0 .75rem}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;font-size:.9rem;color:#78350f;line-height:1.4}.info-section li:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700}@media(max-width:768px){.info-card{grid-template-columns:1fr;gap:1rem}}.express-option{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.express-toggle{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.express-toggle:hover{border-color:#fbbf24;background:#fffbeb}.express-toggle.active{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7);box-shadow:0 2px 8px #f59e0b33}.express-toggle input[type=checkbox]{display:none}.express-icon{font-size:1.75rem;flex-shrink:0}.express-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.express-title{font-weight:700;font-size:1rem;color:#1e293b}.express-price{font-size:.875rem;color:#64748b}.express-toggle.active .express-price{color:#b45309;font-weight:600}.express-checkbox{width:28px;height:28px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:transparent;transition:all .2s;flex-shrink:0}.express-toggle.active .express-checkbox{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;color:#fff}.orders-page{padding:0;width:100%}.header-content h1{margin:0;font-size:1.75rem;color:var(--text-primary, #111827)}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;padding:.5rem;border-radius:10px;box-shadow:0 1px 3px #0000001a}.filter-tab{padding:.625rem 1.25rem;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.filter-tab:hover{background:#f3f4f6;color:var(--text-primary, #111827)}.filter-tab.active{background:var(--primary, #2563eb);color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;color:var(--text-primary, #111827)}.empty-state p{color:var(--text-secondary, #6b7280);margin-bottom:1.5rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.order-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column;border:2px solid transparent}.order-card:hover{box-shadow:0 4px 12px #00000026;border-color:var(--primary, #2563eb);transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-number{font-weight:600;color:var(--text-secondary, #6b7280);font-size:.875rem}.order-status{padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize}.order-card-body{flex:1}.order-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #111827)}.order-title .order-num{color:var(--primary, #2563eb);font-weight:700}.patient-subtitle{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.patient-name{margin:0 0 .75rem;font-size:1.125rem;color:var(--text-primary, #111827)}.order-meta{display:flex;gap:1rem;margin-bottom:.75rem}.meta-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary, #6b7280)}.meta-item svg{flex-shrink:0;opacity:.7}.meta-item.surgery-date{color:#dc2626;font-weight:500}.meta-item.surgery-date svg{color:#dc2626;opacity:1}.order-price-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;color:#059669;background:#ecfdf5;padding:.25rem .6rem;border-radius:6px;margin-bottom:.5rem}.order-price-badge svg{flex-shrink:0;opacity:.8}.order-details{display:flex;flex-wrap:wrap;gap:.5rem}.detail-item{padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;font-size:.75rem;color:var(--text-secondary, #6b7280);text-transform:capitalize}.priority-indicator{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.priority-indicator.normal{background:#dbeafe;color:#1d4ed8}.priority-indicator.urgent{background:#fef3c7;color:#b45309}.priority-indicator.express{background:#fee2e2;color:#dc2626}.order-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.view-details{color:var(--primary, #2563eb);font-size:.875rem;font-weight:500}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}@media(max-width:640px){.header-content{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto}.orders-grid{grid-template-columns:1fr}}.chat-panel{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);height:450px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.chat-panel.minimized{height:auto;cursor:pointer;transition:all .3s}.chat-panel.minimized:hover{background:#f8fafc}.chat-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(0,0,0,.06);font-weight:600;color:#0f172a}.chat-icon{font-size:1.25rem}.message-count{margin-left:auto;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;background:linear-gradient(180deg,#fafafa,#fff)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.no-messages{text-align:center;padding:3rem 2rem;color:#64748b}.no-messages span{font-size:3rem;display:block;margin-bottom:.75rem;opacity:.6}.no-messages p{margin:0}.no-messages .hint{font-size:.85rem;color:#94a3b8;margin-top:.25rem}.message-group{margin-bottom:1.25rem}.date-divider{display:flex;align-items:center;margin:1.25rem 0}.date-divider:before,.date-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.date-divider span{padding:0 .85rem;font-size:.7rem;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.message{margin-bottom:.85rem;max-width:80%;animation:messageIn .3s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{margin-left:auto}.message.system{max-width:100%;margin:.75rem 0}.system-message{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.6rem 1rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:9999px;font-size:.8rem;color:#64748b}.system-icon{font-size:.9rem}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.sender-name{font-weight:600;font-size:.8rem;color:#374151}.role-badge{font-size:.6rem;padding:.15rem .45rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-badge.specialist{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.message-time{font-size:.7rem;color:#94a3b8}.message-content{background:#f1f5f9;padding:.85rem 1.1rem;border-radius:4px 16px 16px;font-size:.9rem;line-height:1.5;color:#1e293b;box-shadow:0 1px 3px #0000000a}.message.own .message-content{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-top-left-radius:16px;border-top-right-radius:4px;box-shadow:0 2px 8px #3b82f64d}.chat-input{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid rgba(0,0,0,.06);background:#fafafa}.chat-input input{flex:1;padding:.85rem 1.25rem;border:1px solid #e2e8f0;border-radius:9999px;font-size:.9rem;outline:none;transition:all .2s;background:#fff}.chat-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.chat-input input::placeholder{color:#94a3b8}.chat-input button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f659}.chat-input button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px #3b82f673}.chat-input button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.chat-input button svg{width:18px;height:18px}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:12px;text-align:center;min-height:200px}.upgrade-prompt__icon{font-size:3rem;margin-bottom:1rem}.upgrade-prompt__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b}.upgrade-prompt__description{margin:0 0 1.5rem;color:#64748b;font-size:.95rem;max-width:300px}.upgrade-prompt__button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.upgrade-prompt__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.upgrade-prompt--compact{flex-direction:row;padding:.75rem 1rem;min-height:auto;gap:.5rem;background:#fef3c7;border:1px solid #fbbf24}.upgrade-prompt--compact .upgrade-prompt__icon{font-size:1rem;margin:0}.upgrade-prompt--compact .upgrade-prompt__text{font-size:.85rem;color:#92400e}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 40px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026,0 0 1px #0000001a;pointer-events:all;animation:toastSlideIn .3s cubic-bezier(.21,1.02,.73,1) forwards;border-left:4px solid #3b82f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:22px;height:22px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.95rem;color:#1f2937;margin-bottom:2px}.toast-message{font-size:.9rem;color:#4b5563;line-height:1.4;word-wrap:break-word}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;opacity:.5;transition:all .2s ease;padding:0;margin:-4px -4px -4px 0}.toast-close:hover{opacity:1;background:#0000000d}.toast-close svg{width:16px;height:16px;stroke:#6b7280}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-success .toast-title{color:#065f46}.toast-error{border-left-color:#ef4444;background:#fef2f2}.toast-error .toast-icon{color:#ef4444}.toast-error .toast-title{color:#991b1b}.toast-error .toast-message{color:#7f1d1d}.toast-warning{border-left-color:#f59e0b;background:#fffbeb}.toast-warning .toast-icon{color:#f59e0b}.toast-warning .toast-title{color:#92400e}.toast-warning .toast-message{color:#78350f}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-payment{border-left-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.toast-payment .toast-icon{color:#8b5cf6}.toast-payment .toast-title{color:#5b21b6}.toast-payment .toast-message{color:#6d28d9}.toast-upload{border-left-color:#06b6d4;background:linear-gradient(135deg,#ecfeff,#f0fdfa)}.toast-upload .toast-icon{color:#06b6d4}.toast-upload .toast-title{color:#0e7490}@media(max-width:480px){.toast-container{top:10px;right:10px;left:10px;width:auto;max-width:none}.toast{padding:12px 14px}.toast-title{font-size:.9rem}.toast-message{font-size:.85rem}}@media(prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 4px 12px #0006,0 0 1px #0000004d}.toast-title{color:#f9fafb}.toast-message{color:#d1d5db}.toast-close svg{stroke:#9ca3af}.toast-success .toast-title{color:#6ee7b7}.toast-error{background:#451a16}.toast-error .toast-title{color:#fca5a5}.toast-error .toast-message{color:#f87171}.toast-warning{background:#451a03}.toast-warning .toast-title{color:#fcd34d}.toast-warning .toast-message{color:#fbbf24}.toast-payment{background:linear-gradient(135deg,#2e1065,#1e1b4b)}.toast-payment .toast-title{color:#c4b5fd}.toast-payment .toast-message{color:#a78bfa}.toast-upload{background:linear-gradient(135deg,#083344,#042f2e)}.toast-upload .toast-title{color:#67e8f9}}.deliverable-card{background:#fff;border-radius:12px;padding:1.25rem;border:2px solid #e5e7eb;transition:all .2s}.deliverable-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.deliverable-card.status-approved{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}.deliverable-card.status-revision_requested{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fff)}.deliverable-card.status-pending{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#fff)}.card-header{display:flex;align-items:flex-start;gap:1rem}.card-header .file-icon{width:40px;height:40px;flex-shrink:0;color:#6b7280}.card-header .file-icon svg{width:100%;height:100%}.status-approved .card-header .file-icon{color:#10b981}.status-pending .card-header .file-icon{color:#3b82f6}.status-revision_requested .card-header .file-icon{color:#f59e0b}.file-details{flex:1;min-width:0}.file-details .file-name{margin:0;font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.version-tag{font-size:.75rem;font-weight:500;padding:.125rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:10px}.file-meta{margin:.25rem 0 0;font-size:.8125rem;color:#6b7280}.card-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status-tag{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:20px;white-space:nowrap}.status-tag.pending{background:#dbeafe;color:#1e40af}.status-tag.approved{background:#d1fae5;color:#065f46}.status-tag.revision{background:#fef3c7;color:#92400e}.delete-btn{background:#fef2f2;border:1px solid #fecaca;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .2s;color:#dc2626;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.delete-btn svg{width:18px;height:18px;pointer-events:none}.delete-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c;transform:scale(1.05)}.file-description{margin:.75rem 0 0;padding:.75rem;background:#f9fafb;border-radius:8px;font-size:.875rem;color:#4b5563;line-height:1.5}.revision-feedback{margin:.75rem 0 0;padding:.75rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border-left:3px solid #f59e0b;border-radius:0 8px 8px 0}.revision-feedback strong{display:block;font-size:.75rem;color:#92400e;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.revision-feedback p{margin:0;font-size:.875rem;color:#78350f}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.card-actions .btn{padding:.5rem .875rem;font-size:.8125rem}.card-actions .btn svg{width:16px;height:16px}.approval-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem}.approval-actions .btn svg{width:16px;height:16px}.feedback-form{width:100%}.feedback-form textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;margin-bottom:.75rem}.feedback-form textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.feedback-actions{display:flex;gap:.5rem}.version-history{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.version-history h5{margin:0 0 .75rem;font-size:.875rem;color:#374151}.version-history ul{list-style:none;margin:0;padding:0}.version-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-size:.8125rem}.version-item:last-child{border-bottom:none}.version-number{font-weight:600;color:#4338ca}.version-date{color:#6b7280}.version-note{flex:1;color:#4b5563}.version-item a{color:#3b82f6;text-decoration:none}.version-item a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.btn-download-preview{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#2563eb}.btn-download-preview:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#3b82f6;color:#1d4ed8;transform:translateY(-1px)}.btn-download-final{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;color:#059669}.btn-download-final:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-color:#10b981;color:#047857;transform:translateY(-1px)}.btn-download-client{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#2563eb}.btn-download-client:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#3b82f6;color:#1d4ed8;transform:translateY(-1px)}.btn-outline.btn-locked{background:#fef3c7;border-color:#fbbf24;color:#92400e;cursor:not-allowed;opacity:.9}.btn-outline.btn-locked svg{width:14px;height:14px}.btn-ghost:hover{background:#f3f4f6;color:#374151}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}@media(max-width:480px){.card-header{flex-wrap:wrap}.card-header-right{width:100%;justify-content:flex-end;margin-top:.5rem}.card-actions{flex-direction:column}.card-actions .btn{justify-content:center}}.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:1rem}.upload-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.75rem}.modal-header .header-icon{width:24px;height:24px;color:#3b82f6}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;padding:6px}.close-btn svg{width:100%;height:100%}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.category-selector{display:flex;flex-direction:column;gap:.5rem}.category-selector>label{font-size:.875rem;font-weight:500;color:#374151}.category-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.category-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.category-btn:hover{background:#f3f4f6;border-color:#d1d5db}.category-btn.active{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:8px;color:#6b7280;flex-shrink:0}.category-btn.active .category-icon{background:#3b82f6;color:#fff}.category-icon svg{width:18px;height:18px}.category-text{display:flex;flex-direction:column;gap:2px}.category-text strong{font-size:.875rem;color:#111827}.category-text small{font-size:.75rem;color:#6b7280}.drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.drop-zone:hover{border-color:#3b82f6;background:#f0f9ff}.drop-zone.drag-over{border-color:#3b82f6;background:#eff6ff;transform:scale(1.01)}.drop-zone.has-files{padding:1rem}.drop-icon{width:48px;height:48px;margin:0 auto .75rem;color:#9ca3af}.drop-zone:hover .drop-icon{color:#3b82f6}.drop-icon svg{width:100%;height:100%}.drop-text{color:#374151;margin:0 0 .5rem;font-size:.9375rem}.drop-text span{color:#3b82f6;font-weight:600;text-decoration:underline}.drop-hint{color:#9ca3af;font-size:.8125rem;margin:0}.selected-files-list{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.files-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f3f4f6;font-size:.8125rem;font-weight:500;color:#6b7280}.clear-all-btn{background:none;border:none;color:#ef4444;font-size:.8125rem;cursor:pointer;padding:0;font-weight:500}.clear-all-btn:hover{text-decoration:underline}.selected-files-list ul{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;transition:background .15s;min-width:0}.file-item:last-child{border-bottom:none}.file-item:hover{background:#f3f4f6}.file-item .file-icon{width:24px;height:24px;min-width:24px;color:#6b7280;flex-shrink:0}.file-item .file-icon svg{width:100%;height:100%}.file-item .file-icon-pdf{color:#ef4444}.file-item .file-icon-image{color:#10b981}.file-item .file-icon-video{color:#8b5cf6}.file-item .file-icon-3d{color:#f59e0b}.file-item .file-name{flex:1;min-width:0;font-size:.875rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item .file-size{font-size:.75rem;color:#9ca3af;flex-shrink:0;margin-left:auto}.remove-file-btn{background:none;border:none;color:#9ca3af;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s;flex-shrink:0;padding:6px}.remove-file-btn svg{width:100%;height:100%}.remove-file-btn:hover{background:#fee2e2;color:#ef4444}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea::placeholder{color:#9ca3af}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.selected-files-list ul::-webkit-scrollbar{width:6px}.selected-files-list ul::-webkit-scrollbar-track{background:#f3f4f6}.selected-files-list ul::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.selected-files-list ul::-webkit-scrollbar-thumb:hover{background:#9ca3af}.project-files{display:flex;flex-direction:column;gap:1.5rem}.project-files-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.project-files-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.75rem}.project-files-header h2 .section-icon{width:24px;height:24px;color:#3b82f6}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.875rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b98140}.upload-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.upload-btn svg{width:18px;height:18px}.files-section{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e5e7eb}.files-section.client-files{background:linear-gradient(135deg,#f0f9ff,#fefce8);border-color:#bae6fd}.files-section.approval-section{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#93c5fd}.files-section.final-section{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#86efac}.files-section.final-section.locked{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:#d1d5db}.lock-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;border-radius:20px;margin-left:auto}.lock-badge svg{width:14px;height:14px}.locked-state{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#fefce8,#fff7ed);border-radius:12px;border:2px dashed #fbbf24}.locked-state .locked-icon{width:56px;height:56px;margin:0 auto 1rem;padding:1rem;background:#fef3c7;border-radius:50%;color:#d97706}.locked-state .locked-icon svg{width:100%;height:100%}.locked-state p{margin:0;color:#78350f;font-size:1rem;font-weight:500}.locked-state .hint{margin-top:.5rem;font-size:.875rem;color:#92400e;font-weight:400}.locked-state.clickable{cursor:pointer;transition:all .2s}.locked-state.clickable:hover{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.locked-state.clickable:hover .hint{text-decoration:underline}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.section-title .section-icon{width:24px;height:24px;color:#6b7280}.approval-section .section-title .section-icon{color:#3b82f6}.final-section .section-title .section-icon{color:#10b981}.section-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.file-count{background:#e5e7eb;color:#4b5563;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:20px}.approval-section .file-count{background:#dbeafe;color:#1e40af}.final-section .file-count{background:#d1fae5;color:#065f46}.section-description{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.client-file-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.client-file-card .file-icon{width:32px;height:32px;color:#6b7280}.client-file-card .file-icon svg{width:100%;height:100%}.client-file-card .file-info{flex:1;min-width:0}.client-file-card .file-name{margin:0;font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-file-card .file-meta{margin:.25rem 0 0;font-size:.75rem;color:#9ca3af}.deliverables-list{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:2rem 1rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.empty-state .empty-icon{width:48px;height:48px;margin:0 auto .75rem;color:#d1d5db}.empty-state .empty-icon svg{width:100%;height:100%}.empty-state p{margin:0;color:#6b7280;font-size:.9375rem}.empty-state .hint{margin-top:.5rem;font-size:.8125rem;color:#9ca3af}.empty-state .btn{margin-top:1rem}.project-files-loading{text-align:center;padding:3rem;color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.bulk-approval-section{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:16px}.bulk-approval-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:1rem 2rem!important;font-size:1rem!important;font-weight:600!important;min-width:200px}.btn-large svg{width:20px;height:20px}.bulk-feedback-form{display:flex;flex-direction:column;gap:1rem}.bulk-feedback-form h4{margin:0;color:#0369a1;font-size:1.1rem;text-align:center}.bulk-feedback-form textarea{width:100%;padding:1rem;border:2px solid #bae6fd;border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px}.bulk-feedback-form textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e926}.bulk-feedback-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:640px){.files-section{padding:1rem}.files-grid{grid-template-columns:1fr}.project-files-header{flex-direction:column;align-items:stretch}.upload-btn{justify-content:center}}.upload-progress-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.upload-file-name{font-size:.875rem;font-weight:500;color:#1e40af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.upload-stats{font-size:.75rem;color:#3b82f6;white-space:nowrap;font-weight:500}.upload-progress-bar{width:100%;height:8px;background:#e0e7ff;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.upload-progress-percent{text-align:right;font-size:.875rem;font-weight:600;color:#1d4ed8;margin-top:.5rem}.upload-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;color:#64748b}.icon-btn:hover{background:#f1f5f9;color:#1e293b}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-text{display:inline-flex;align-items:center;gap:.5rem}.icon-primary{color:#3b82f6}.icon-success{color:#22c55e}.icon-warning{color:#f59e0b}.icon-danger{color:#ef4444}.icon-muted{color:#94a3b8}.payment-gate{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 16px #0000000f}.payment-gate.payment-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;text-align:center;padding:2rem}.payment-success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.payment-success h3{color:#065f46;font-size:1.25rem;margin:0 0 .5rem}.payment-success p{color:#047857;margin:0}.payment-gate-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.payment-check-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.payment-gate-title h3{margin:0 0 .25rem;color:#1e293b;font-size:1.125rem;font-weight:600}.payment-gate-title p{margin:0;color:#64748b;font-size:.875rem}.payment-file-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem}.preview-lock-icon{width:48px;height:48px;background:#64748b1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#64748b}.payment-file-preview p{margin:0 0 .25rem;font-weight:600;color:#475569}.payment-file-preview span{font-size:.8rem;color:#94a3b8}.payment-summary{background:#f8fafc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.payment-summary h4{margin:0 0 1rem;color:#1e293b;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-line{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#64748b;border-bottom:1px solid #e2e8f0}.summary-line.discount{color:#10b981}.summary-total{display:flex;justify-content:space-between;padding-top:.75rem;margin-top:.5rem;font-weight:600;color:#1e293b}.total-price{font-size:1.25rem;color:#f59e0b}.payment-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1rem;color:#dc2626;font-size:.875rem}.payment-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn-pay-now{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b4d}.btn-pay-now:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-pay-now:active:not(:disabled){transform:translateY(0)}.btn-pay-now:disabled{opacity:.7;cursor:not-allowed}.btn-request-invoice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-request-invoice:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.btn-request-invoice:disabled{opacity:.5;cursor:not-allowed}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.75rem;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.75rem}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:640px){.payment-gate{padding:1.25rem;margin:1rem 0}.payment-gate-header{flex-direction:column;text-align:center}.payment-check-icon{margin:0 auto}.payment-file-preview{padding:1.5rem}.btn-pay-now{padding:.875rem 1.25rem}}.order-details-page{padding:0;width:100%}.page-header{margin-bottom:2rem;display:flex;flex-direction:column}.header-nav{margin-bottom:1rem}.back-link{color:var(--text-secondary, #6b7280);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--primary, #2563eb)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.header-badges,.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{margin:0;font-size:1.75rem;color:var(--text-primary, #111827)}.status-badge{padding:.5rem 1rem;border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500}.order-date{color:var(--text-secondary, #6b7280);margin:.5rem 0 0}.order-date-small{color:#94a3b8;font-size:.8rem;margin:.25rem 0 0}.header-meta-row{display:flex;align-items:center;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.surgery-date-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px}.surgery-date-badge svg{color:#dc2626}.surgery-date-badge .surgery-label{font-size:.8rem;color:#991b1b;font-weight:500}.surgery-date-badge .surgery-value{font-size:1rem;color:#dc2626;font-weight:700}.price-badge-large{display:inline-flex;align-items:baseline;padding:.5rem 1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px}.price-badge-large .price-currency{font-size:1rem;color:#3b82f6;font-weight:500;margin-right:.1rem}.price-badge-large .price-label{font-size:.8rem;color:#6b7280;font-weight:500;margin-right:.5rem;text-transform:uppercase;letter-spacing:.03em}.price-badge-large .price-amount{font-size:1.5rem;color:#1d4ed8;font-weight:800;letter-spacing:-.5px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--primary, #2563eb);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{color:#ef4444;margin-bottom:.5rem}.order-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.order-content{display:flex;flex-direction:column;gap:1.5rem}.chat-sidebar{position:sticky;top:90px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;border:2px solid #e2e8f0}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.chat-sidebar-header h3{margin:0;font-size:1rem;font-weight:600}.online-indicator{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.25rem .6rem;background:#fff3;border-radius:12px}.online-indicator:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-sidebar .chat-panel{flex:1;min-height:400px;max-height:calc(100vh - 200px)}.order-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.order-section h2{font-size:1.125rem;color:var(--text-primary, #111827);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.client-prefs-section{background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.prefs-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.prefs-column h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-primary, #111827)}.prefs-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.prefs-icon.manufacturing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.prefs-icon.clinical{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.prefs-list{display:flex;flex-direction:column;gap:.5rem}.prefs-list .pref-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.prefs-list .pref-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary, #6b7280);font-weight:500}.prefs-list .pref-item p{margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.offset-badge{display:inline-block;padding:.15rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-weight:600;font-size:.8rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.info-item p{margin:0;font-size:1rem;color:var(--text-primary, #111827)}.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.priority-badge.normal{background:#dbeafe;color:#1d4ed8}.priority-badge.urgent{background:#fef3c7;color:#b45309}.priority-badge.express{background:#fee2e2;color:#dc2626}.payment-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.payment-badge.unpaid{background:#fef3c7;color:#b45309}.payment-badge.paid{background:#d1fae5;color:#047857}.payment-badge.refunded{background:#fee2e2;color:#dc2626}.tooth-positions{display:flex;flex-wrap:wrap;gap:.5rem}.tooth-badge{padding:.375rem .75rem;background:var(--primary, #2563eb);color:#fff;border-radius:6px;font-size:.875rem;font-weight:500}.files-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.file-icon{font-size:1.5rem}.file-info{flex:1}.file-name{margin:0;font-weight:500;color:var(--text-primary, #111827)}.file-meta{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary, #6b7280)}.file-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.file-status.pending{background:#fef3c7;color:#b45309}.file-status.uploaded{background:#d1fae5;color:#047857}.files-note{margin:1rem 0 0;padding:1rem;background:#eff6ff;border-radius:8px;font-size:.875rem;color:#1e40af}.no-files{color:var(--text-secondary, #6b7280);font-style:italic}.service-type-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:8px;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.375rem .75rem;background:#e0e7ff;color:#4338ca;border-radius:6px;font-size:.875rem;font-weight:500}.description-text{white-space:pre-wrap;line-height:1.6;background:#f9fafb;padding:1rem;border-radius:8px;border-left:3px solid #2563eb;margin:0}.subsection{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.subsection h3{font-size:.95rem;color:var(--text-primary, #111827);margin:0 0 1rem;font-weight:600}.teeth-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tooth-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:.875rem;border-radius:8px;padding:0 .5rem;box-shadow:0 2px 4px #6366f14d}.files-note.info{background:#eff6ff;padding:1rem;border-radius:8px;color:#1e40af}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:0;width:16px;height:16px;border-radius:50%;background:#e5e7eb;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb}.timeline-item.active .timeline-dot{background:var(--primary, #2563eb);box-shadow:0 0 0 2px var(--primary, #2563eb)}.timeline-content h4{margin:0;font-size:.9rem;color:var(--text-primary, #111827)}.timeline-content p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary, #6b7280)}.timeline-item:not(.active) .timeline-content h4,.timeline-item:not(.active) .timeline-content p{color:#9ca3af}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s;border:none}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159}.client-section-compact{padding:1rem 1.25rem!important}.client-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.client-header h2{margin:0;font-size:1rem}.prefs-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;font-size:.75rem;font-weight:500;color:#0369a1;cursor:pointer;transition:all .2s}.prefs-toggle:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:scale(1.02)}.prefs-toggle.open{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#0284c7}.prefs-toggle svg{width:14px;height:14px;transition:transform .3s}.prefs-toggle.open svg{transform:rotate(90deg)}.client-info-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.client-main{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.client-name-highlight{font-weight:600;font-size:1.05rem;color:#0f172a}.patient-badge{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.client-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#64748b}.client-meta .surgery-date{display:inline-flex;align-items:center;gap:.25rem;color:#dc2626;font-weight:500}.client-meta .surgery-date svg{opacity:.6}.surgery-date-badge-compact{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px;padding:.4rem .75rem;display:inline-flex;flex-direction:column;gap:.1rem}.surgery-date-badge-compact label{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;font-weight:500;color:#991b1b}.surgery-date-badge-compact .surgery-date-value{font-size:.9rem;font-weight:700;color:#dc2626}.client-meta .project-id{background:#f1f5f9;padding:.15rem .5rem;border-radius:8px;font-size:.75rem}.prefs-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e2e8f0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.prefs-row{display:flex;gap:1.5rem;flex-wrap:wrap}.prefs-group{flex:1;min-width:200px}.prefs-group h5{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.35rem}.prefs-group.manufacturing h5{color:#0284c7}.prefs-group.clinical h5{color:#059669}.prefs-items{display:flex;flex-wrap:wrap;gap:.4rem}.pref-tag{display:inline-block;background:#f8fafc;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;color:#475569}.pref-tag strong{color:#64748b;font-weight:500}.pref-tag.offset{background:#dcfce7;border-color:#86efac;color:#166534}@media(max-width:1200px){.order-layout{grid-template-columns:1fr 340px}}@media(max-width:1024px){.order-layout{grid-template-columns:1fr}.chat-sidebar{position:relative;top:0;max-height:none;order:-1;margin-bottom:1.5rem}.chat-sidebar .chat-panel{max-height:500px}}.preferences-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.preference-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0;font-size:.9rem;color:#1e293b;line-height:1.5}.preference-item svg{margin-top:2px}@media(max-width:768px){.header-content{flex-direction:column}.header-title{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}.prefs-row{flex-direction:column}}.payment-message{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.payment-message.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.payment-message.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b;color:#92400e}.payment-message:before{content:"";width:24px;height:24px;border-radius:50%;flex-shrink:0}.payment-message.success:before{background:#10b981 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/14px no-repeat}.payment-message.warning:before{background:#f59e0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") center/14px no-repeat}.order-header-pro{background:#fff;padding:0;margin-bottom:1.5rem}.order-header-pro .header-nav{padding:.5rem 0;margin-bottom:1rem}.order-header-pro .back-link{display:inline-flex;align-items:center;gap:.375rem;color:#64748b;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s}.order-header-pro .back-link:hover{color:#0f172a}.header-row-1{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;width:100%}.order-identity{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.order-id{font-size:1.375rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.express-badge-pro{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fef3c7;color:#b45309;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:4px}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.price-display{display:flex;align-items:baseline;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px}.price-display .price-label{font-size:.75rem;font-weight:500;color:#10b981}.price-display .price-value{font-size:1.125rem;font-weight:700;color:#047857}.header-right .btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.5rem .875rem;border-radius:6px}.header-meta{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:#64748b;padding-top:.875rem;border-top:1px solid #f1f5f9}.header-meta .meta-item{display:inline-flex;align-items:center;gap:.375rem}.header-meta .meta-item svg{opacity:.5}.header-meta .meta-separator{color:#cbd5e1}.header-meta .meta-item.surgery{color:#dc2626;font-weight:500}.header-meta .meta-item.surgery svg{color:#ef4444;opacity:1}.header-actions{display:flex;gap:.75rem;margin-left:0;margin-right:auto}.due-date-highlight{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px;padding:.5rem 1rem;display:inline-flex;flex-direction:column;gap:.15rem;width:auto;min-width:auto}.due-date-highlight label{color:#991b1b;font-size:.7rem}.due-date-value{font-size:1rem!important;font-weight:700!important;color:#dc2626!important;margin:0!important}@media(max-width:768px){.header-row-1{flex-direction:column;align-items:flex-start;gap:.75rem}.header-right{width:100%;justify-content:space-between}.header-meta{flex-wrap:wrap}.header-actions{margin-left:0;margin-top:.5rem;width:100%;justify-content:flex-start}}.profile-page{padding:0;width:100%}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.75rem;color:var(--text-primary, #111827)}.page-header p{margin:.5rem 0 0;color:var(--text-secondary, #6b7280)}.success-message{padding:1rem;background:#d1fae5;color:#047857;border-radius:8px;margin-bottom:1.5rem}.error-message{padding:1rem;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:1.5rem}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px;font-weight:500;font-size:.9rem;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:var(--text-primary, #111827)}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px #2563eb4d}.tab-btn svg{opacity:.7}.tab-btn.active svg{opacity:1}.profile-content{display:flex;flex-direction:column;gap:1rem}.profile-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.card-header h2{margin:0;font-size:1.125rem;color:var(--text-primary, #111827)}.card-title-group{display:flex;align-items:center;gap:.75rem}.card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-icon.manufacturing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.card-icon.clinical{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.card-description{color:var(--text-secondary, #6b7280);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.profile-card h2:not(.card-header h2){font-size:1.125rem;color:var(--text-primary, #111827);margin:0 0 1rem}.profile-info{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;flex-direction:column;gap:.125rem}.info-row label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);font-weight:500}.info-row p{margin:0;font-size:1rem;color:var(--text-primary, #111827)}.role-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:capitalize;width:fit-content}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:var(--text-primary, #111827);font-weight:500}.form-hint{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:.25rem}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.radio-label{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-label:hover{border-color:#d1d5db;background:#f3f4f6}.radio-label input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;transition:all .2s}.radio-label input:checked+.radio-custom{border-color:#2563eb}.radio-label input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#2563eb;border-radius:50%}.radio-text{font-size:.9rem;color:var(--text-primary, #111827)}.radio-text strong{color:#2563eb}.form-divider{display:flex;align-items:center;gap:.75rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid #e5e7eb}.form-divider h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.prefs-display{display:flex;flex-direction:column;gap:1.5rem}.prefs-section h4{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.prefs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pref-item{display:flex;flex-direction:column;gap:.25rem}.pref-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);font-weight:500}.pref-item p{margin:0;font-size:.95rem;color:var(--text-primary, #111827)}.offset-badge{display:inline-block;padding:.25rem .6rem;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-weight:600;width:fit-content}.prefs-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#eff6ff;border-radius:10px;color:#1e40af}.prefs-note svg{flex-shrink:0;margin-top:.1rem}.prefs-note p{margin:0;font-size:.875rem;line-height:1.5}.btn{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary, #2563eb);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:var(--text-primary, #111827)}.btn-secondary:hover{background:#e5e7eb}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border-radius:8px}.action-content{display:flex;flex-direction:column}.action-title{font-weight:500;color:var(--text-primary, #111827)}.action-desc{font-size:.8rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.form-row,.prefs-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-tabs{flex-direction:column}.tab-btn{justify-content:center}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);font-weight:500}.info-item p{margin:0;font-size:.95rem;color:var(--text-primary, #111827);line-height:1.5}.analytics-loading{padding:3rem;text-align:center;color:var(--text-secondary, #6b7280)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.analytics-stat-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.analytics-stat-card.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.spent{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-icon.date{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.stat-icon.credit{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.credit-card{border:2px solid #10b981}.credit-value{color:#059669!important}.credit-used-note{font-size:.75rem;color:#dc2626;margin-top:.25rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);line-height:1.2}.stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280);font-weight:500}.credit-section{padding:1.25rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:12px;border:1px solid #e9d5ff;margin-bottom:1.5rem}.credit-section h3{margin:0 0 1rem;font-size:1rem;color:#7c3aed}.credit-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.credit-item{display:flex;flex-direction:column;gap:.25rem}.credit-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;font-weight:500}.credit-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827)}.credit-value.warning{color:#dc2626}.credit-value.success{color:#059669}.credit-bar{height:8px;background:#e9d5ff;border-radius:999px;overflow:hidden}.credit-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:999px;transition:width .5s ease}.service-breakdown{padding:1.25rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.service-breakdown h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary, #111827)}.breakdown-list{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.breakdown-service{display:flex;flex-direction:column;gap:.125rem}.service-name{font-weight:600;color:var(--text-primary, #111827)}.service-count{font-size:.8rem;color:var(--text-secondary, #6b7280)}.breakdown-total{font-size:1.125rem;font-weight:700;color:#059669}.analytics-empty{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary, #6b7280)}.analytics-empty svg{margin-bottom:1rem;opacity:.5}.analytics-empty h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary, #111827)}.analytics-empty p{margin:0;font-size:.9rem}@media(max-width:768px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.credit-info,.info-grid{grid-template-columns:1fr}}@media(max-width:480px){.analytics-stats-grid{grid-template-columns:1fr}}.order-history-section{margin-top:1.5rem;padding:1.25rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.order-history-section h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary, #111827)}.order-history-table{display:flex;flex-direction:column;gap:.5rem}.table-header-row{display:grid;grid-template-columns:100px 120px 1fr 140px 100px 100px;gap:.75rem;padding:.75rem 1rem;background:#e5e7eb;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280)}.table-row{display:grid;grid-template-columns:100px 120px 1fr 140px 100px 100px;gap:.75rem;padding:.875rem 1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;align-items:center;font-size:.9rem;transition:all .2s}.table-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.order-number{font-weight:600;color:#2563eb}.order-link{text-decoration:none;cursor:pointer;transition:all .2s}.order-link:hover{color:#1d4ed8;text-decoration:underline}.order-date{color:var(--text-secondary, #6b7280)}.order-patient{font-weight:500;color:var(--text-primary, #111827)}.order-service{color:var(--text-secondary, #6b7280);font-size:.85rem}.payment-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;width:fit-content}.payment-badge.paid{background:#d1fae5;color:#059669}.payment-badge.pending{background:#fef3c7;color:#d97706}.order-price{font-weight:700;color:#059669;text-align:right}.invoices-list{display:flex;flex-direction:column;gap:.75rem}.invoice-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.invoice-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.invoice-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-radius:10px;flex-shrink:0}.invoice-details{flex:1;min-width:0}.invoice-title{font-weight:600;color:var(--text-primary, #111827);margin-bottom:.25rem}.invoice-meta{font-size:.8rem;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-amount{font-size:1.125rem;font-weight:700;color:var(--text-primary, #111827);white-space:nowrap}.invoice-status{padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.invoice-status.paid{background:#d1fae5;color:#059669}.invoice-status.pending{background:#fef3c7;color:#d97706}.invoice-download{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem!important;font-size:.8rem!important}.invoice-download:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.table-header-row,.table-row{grid-template-columns:80px 100px 1fr 100px 80px}.table-header-row span:nth-child(4),.table-row .order-service{display:none}}@media(max-width:640px){.table-header-row{display:none}.table-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.5rem}.order-date{text-align:right}.order-patient{grid-column:1 / -1}.order-service{display:none}.invoice-item{flex-wrap:wrap}.invoice-details{flex:1 1 calc(100% - 60px)}.invoice-amount,.invoice-status,.invoice-download{flex:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#1a1a2e}a{color:inherit;text-decoration:none}button{font-family:inherit}