:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}}.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}.user-name{font-weight:600;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-email{font-size:.65rem;color:#ffffff80;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}.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 .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 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}.google-btn:disabled{opacity:.6;cursor:not-allowed}.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}.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}.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}}.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}.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-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}}.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}.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}.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}.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}.profile-page{padding:0;width:100%}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px #2563eb4d}.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-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}.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}.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)}.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}.btn-primary{background:var(--primary, #2563eb);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.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-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border-radius:8px}@media(max-width:768px){.form-row,.prefs-grid{grid-template-columns:1fr}}.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}}.specialist-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,#059669,#10b981);color:#fff;box-shadow:0 2px 8px #0596694d}.tab-btn svg{opacity:.7}.tab-btn.active svg{opacity:1}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.card-header h2{margin:0;font-size:1.125rem;color:var(--text-primary, #111827)}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.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;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:capitalize;width:fit-content}.role-badge.specialist{background:#d1fae5;color:#059669}.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-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;background:#fff;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.btn{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#059669;color:#fff}.btn-primary:hover{background:#047857}.btn-primary:disabled{background:#6ee7b7;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:1rem;width:100%;padding:1rem;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:#d1fae5;color:#059669;border-radius:8px}.action-icon.danger{background:#fee2e2;color:#dc2626}.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)}.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}.prefs-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#ecfdf5;border-radius:10px;color:#047857}.prefs-note svg{flex-shrink:0;margin-top:.1rem}.prefs-note p{margin:0;font-size:.875rem;line-height:1.5}@media(max-width:768px){.form-row,.info-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%}}.stats-loading{padding:2rem;text-align:center;color:var(--text-secondary, #6b7280)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card.earnings .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-card.this-month .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-card.month-earnings .stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);line-height:1}.stat-card .stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280)}.in-progress-notice{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fef3c7;border-radius:8px;color:#92400e;font-size:.9rem}.in-progress-notice svg{flex-shrink:0;color:#d97706}.orders-history{display:flex;flex-direction:column;gap:.5rem}.history-header{display:grid;grid-template-columns:100px 100px 1fr 100px;gap:1rem;padding:.75rem 1rem;background:#f3f4f6;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280)}.history-row{display:grid;grid-template-columns:100px 100px 1fr 100px;gap:1rem;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;transition:all .2s}.history-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.order-num{font-weight:600;color:#059669}.order-date{color:var(--text-secondary, #6b7280);font-size:.9rem}.order-service{color:var(--text-primary, #111827)}.order-earning{font-weight:700;color:#059669;text-align:right}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.history-header{display:none}.history-row{grid-template-columns:1fr 1fr;gap:.5rem}.order-service{grid-column:1 / -1}}.admin-layout{display:flex;min-height:100vh;background:#f8fafc}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1e293b,#334155);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;z-index:100;box-shadow:4px 0 20px #0000001a}.admin-layout.sidebar-collapsed .admin-sidebar{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.5rem}.logo-text{font-weight:700;font-size:1.125rem;color:#fff;white-space:nowrap}.collapse-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.collapse-btn:hover{background:#fff3}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#ffffffb3;text-decoration:none;border-radius:8px;transition:all .2s;white-space:nowrap}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#f59e0b,#f97316);color:#1e293b;font-weight:600;box-shadow:0 4px 12px #f59e0b4d}.nav-icon{font-size:1.25rem;min-width:24px;text-align:center}.nav-label{font-size:.9rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.admin-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.admin-avatar{width:36px;height:36px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.admin-details{display:flex;flex-direction:column;min-width:0}.admin-name{color:#fff;font-weight:600;font-size:.875rem}.admin-email{color:#ffffff80;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{width:100%;padding:.625rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-btn:hover{background:#ef444440;color:#fecaca}.admin-main{flex:1;margin-left:260px;padding:2rem;background:#f1f5f9;min-height:100vh;transition:margin-left .3s ease}.admin-layout.sidebar-collapsed .admin-main{margin-left:70px}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{color:#0f172a;font-size:1.875rem;font-weight:800;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.admin-page-header p{color:#64748b;font-size:1rem;margin:0}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.admin-card-title{color:#0f172a;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#f97316)}.metric-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.metric-value{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;line-height:1}.metric-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.metric-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;margin-top:.75rem;padding:.375rem .625rem;border-radius:6px;font-weight:600}.metric-change.positive{background:#dcfce7;color:#15803d}.metric-change.negative{background:#fee2e2;color:#b91c1c}.admin-table-container{overflow-x:auto;margin:-.5rem;padding:.5rem}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table th{text-align:left;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;background:#f8fafc}.admin-table th:first-child{border-radius:8px 0 0}.admin-table th:last-child{border-radius:0 8px 0 0}.admin-table td{padding:1rem 1.25rem;color:#1e293b;font-size:.9rem;border-bottom:1px solid #f1f5f9;background:#fff}.admin-table tr:hover td{background:#f8fafc}.admin-table tr:last-child td:first-child{border-radius:0 0 0 8px}.admin-table tr:last-child td:last-child{border-radius:0 0 8px}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-client{background:#dbeafe;color:#1d4ed8}.badge-specialist{background:#ede9fe;color:#6d28d9}.badge-admin{background:#fee2e2;color:#b91c1c}.badge-suspended{background:#f3f4f6;color:#4b5563}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-purple{background:#ede9fe;color:#6d28d9}.badge-pink{background:#fce7f3;color:#be185d}.badge-default{background:#f1f5f9;color:#475569}.admin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.admin-btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 12px #f59e0b40}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.admin-btn-secondary{background:#fff;color:#475569;border:1px solid #d1d5db}.admin-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.admin-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.admin-btn-danger:hover{background:#fee2e2}.admin-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-search{flex:1;min-width:250px;position:relative}.admin-search input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.admin-search input::placeholder{color:#94a3b8}.admin-search input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.admin-search:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.admin-select{padding:.875rem 2.5rem .875rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9rem;font-weight:500;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 12 12'%3E%3Cpath fill='%23475569' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.admin-select:focus{outline:none;border-color:#f59e0b}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading{display:flex;justify-content:center;align-items:center;padding:4rem}.admin-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.admin-empty{text-align:center;padding:3rem;color:#64748b}.admin-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.admin-empty-text{font-size:1.1rem;margin-bottom:.5rem;color:#475569}.hamburger-btn{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:#374151}.mobile-close{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:#ffffffb3}.mobile-overlay,.admin-mobile-header{display:none}.desktop-only{display:flex}@media(max-width:1024px){.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}}@media(max-width:768px){.hamburger-btn,.mobile-close{display:flex}.desktop-only{display:none}.admin-mobile-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.mobile-title{font-weight:700;font-size:1.1rem;color:#0f172a}.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}}.admin-sidebar{position:fixed;left:-280px;top:0;width:280px!important;height:100vh;z-index:100;transition:left .3s ease}.admin-sidebar.open{left:0}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .admin-details{display:block!important}.admin-main{margin-left:0;width:100%;padding:0}.admin-page-header,.admin-card,.admin-toolbar{margin:0 1rem}.admin-page-header{padding-top:1rem}.admin-btn,.nav-item{min-height:44px}}.admin-dashboard{max-width:1400px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.card-link{font-size:.875rem;color:#f59e0b;text-decoration:none;font-weight:600;transition:color .2s}.card-link:hover{color:#d97706}.order-link{color:#2563eb;text-decoration:none;font-weight:600}.order-link:hover{text-decoration:underline;color:#1d4ed8}.user-cell{display:flex;align-items:center;gap:.875rem}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;text-transform:uppercase;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions{margin-top:2rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1.25rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;text-decoration:none;transition:all .2s}.action-btn:hover{background:#fff;border-color:#f59e0b;transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;color:#f59e0b}.action-btn span:last-child{font-size:.9rem;font-weight:600;color:#475569}.metric-card.clickable{text-decoration:none;cursor:pointer;display:block}.metric-card.clickable:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f;border-color:#f59e0b}.metric-card.clickable:active{transform:translateY(-2px)}.metric-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:1rem}.metric-icon.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.metric-icon.new{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.metric-icon.progress{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.metric-icon.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.metric-icon.users{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.metric-icon.clients{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.metric-icon.designers{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.admin-card-title{display:flex;align-items:center;gap:.5rem}.admin-card-title svg{flex-shrink:0}.admin-empty-icon{display:flex;align-items:center;justify-content:center}.admin-users{max-width:1400px}.user-count{font-size:.9rem;color:#64748b;margin-left:auto;font-weight:500}.action-buttons{display:flex;gap:.5rem}.admin-btn.small{padding:.5rem .875rem;font-size:.8rem;border-radius:8px}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{color:#0f172a;font-size:1.375rem;font-weight:700;margin:0}.modal-close{background:#f1f5f9;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.user-preview{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1.5rem}.user-avatar.large{width:56px;height:56px;font-size:1.375rem;border-radius:14px}.user-preview .user-name{font-size:1.125rem;margin-bottom:.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#374151;font-size:.875rem;margin-bottom:.5rem;font-weight:600}.form-group textarea{width:100%;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.9rem;resize:vertical;font-family:inherit;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:#f59e0b}.form-group textarea::placeholder{color:#94a3b8}.role-options{display:flex;flex-wrap:wrap;gap:.75rem}.role-option{cursor:pointer}.role-option input{display:none}.role-badge{display:inline-block;padding:.625rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;border:2px solid transparent;transition:all .2s}.role-option.selected .role-badge{border-width:2px;box-shadow:0 4px 12px #0000001a}.role-option:hover .role-badge{transform:translateY(-1px)}.credit-settings-section{margin-top:1.5rem;padding-top:0}.section-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.section-divider span{font-weight:700;color:#374151;font-size:.95rem}.form-row{margin-bottom:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-weight:500;color:#374151;transition:all .2s}.checkbox-label:hover{border-color:#cbd5e1;background:#f1f5f9}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#f59e0b}.checkbox-label input:checked+.checkmark{background:#f59e0b}.credit-input{width:100%;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;transition:border-color .2s}.credit-input:focus{outline:none;border-color:#f59e0b}.credit-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:1rem;margin-top:1rem}.credit-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.credit-row:not(:last-child){border-bottom:1px solid rgba(251,191,36,.3)}.credit-row span:first-child{color:#92400e;font-weight:500}.credit-used{font-weight:700;color:#dc2626;font-size:1.1rem}.credit-available{font-weight:700;color:#059669;font-size:1.1rem}.admin-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.admin-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.credit-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:8px;font-weight:600;font-size:.85rem}.trusted-star{font-size:.9rem}.credit-available{color:#059669}.credit-used-small{color:#64748b;font-weight:400;font-size:.75rem}.no-credit{color:#94a3b8}.admin-orders{max-width:1400px}.order-stats{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000a;transition:all .2s;cursor:pointer;font-family:inherit}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#f59e0b}.stat-item.active{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;box-shadow:0 4px 12px #f59e0b4d}.stat-item.active .stat-value{color:#fff}.stat-item.active .stat-label{color:#ffffffe6}.stat-value{font-size:1.5rem;font-weight:800;color:#f59e0b}.stat-label{font-size:.875rem;color:#475569;font-weight:500}.order-count{font-size:.9rem;color:#64748b;margin-left:auto;font-weight:500}.order-number{font-weight:700;color:#2563eb}.client-cell{display:flex;flex-direction:column}.client-name{font-weight:600;color:#0f172a}.client-email{font-size:.8rem;color:#64748b}.service-type{font-size:.8rem;background:#f1f5f9;padding:.375rem .75rem;border-radius:6px;color:#475569;font-weight:500}.designer-name{color:#7c3aed;font-weight:600}.unassigned{color:#94a3b8;font-style:italic}.order-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.preview-row{display:flex;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid #e2e8f0}.preview-row:last-child{border-bottom:none}.preview-row .label{color:#64748b;font-size:.875rem;font-weight:500}.preview-row .value{color:#0f172a;font-weight:600}.admin-select.full-width{width:100%}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;color:#475569!important;font-weight:500!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#f59e0b}.admin-specialists{max-width:1400px}.specialist-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.summary-icon.designers{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.summary-icon.waiting{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.summary-icon.progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.summary-icon.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:1.5rem;font-weight:700;color:#1e293b}.summary-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.summary-card.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.summary-card.highlight .summary-value{color:#b45309}.summary-card.highlight .summary-label{color:#92400e}.specialists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.specialist-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.specialist-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.specialist-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.specialist-avatar{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;text-transform:uppercase}.specialist-info{display:flex;flex-direction:column;min-width:0}.specialist-name{font-weight:600;color:#1e293b;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialist-email{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.specialist-stats{display:flex;justify-content:space-around;padding:1rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.stat{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#1e293b}.stat-value.active{color:#f59e0b}.stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.specialist-footer{margin-top:1rem;text-align:center}.joined-date{font-size:.75rem;color:#94a3b8}.earnings-section{display:flex;gap:.75rem;padding:.75rem 0;margin-top:.5rem;border-top:1px solid #e2e8f0}.earning{flex:1;display:flex;flex-direction:column;align-items:center;padding:.625rem;border-radius:8px;background:#f8fafc}.earning-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.earning-value{font-size:1rem;font-weight:700}.earning-value.month{color:#2563eb;background:#dbeafe;padding:.25rem .5rem;border-radius:6px}.earning-value.total{color:#059669;background:#d1fae5;padding:.25rem .5rem;border-radius:6px}.commission-section{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-top:.5rem;border-top:1px dashed #e2e8f0}.commission-label{font-size:.8rem;color:#64748b;font-weight:500}.commission-display{display:flex;align-items:center;gap:.5rem}.commission-value{font-size:1rem;font-weight:700;color:#059669;background:#ecfdf5;padding:.25rem .75rem;border-radius:20px}.btn-edit{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-edit:hover{background:#e2e8f0;color:#1e293b}.commission-edit{display:flex;align-items:center;gap:.5rem}.commission-input{width:60px;padding:.375rem .5rem;border:2px solid #059669;border-radius:6px;font-size:.9rem;font-weight:600;text-align:center}.commission-input:focus{outline:none;box-shadow:0 0 0 3px #05966933}.percent-sign{font-weight:600;color:#1e293b}.btn-save,.btn-cancel{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-save{background:#059669;color:#fff}.btn-save:hover{background:#047857}.btn-save:disabled{background:#6ee7b7;cursor:not-allowed}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#dc2626}.earnings-section.clickable{cursor:pointer;transition:all .2s;position:relative}.earnings-section.clickable:hover{background:#f0f9ff;border-radius:10px;padding:.75rem;margin:.5rem -.75rem 0}.view-orders-btn{position:absolute;bottom:-.5rem;right:0;background:transparent;border:none;color:#0ea5e9;font-size:.75rem;font-weight:600;cursor:pointer;opacity:0;transition:opacity .2s}.earnings-section.clickable:hover .view-orders-btn{opacity:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.orders-modal{background:#fff;border-radius:16px;width:100%;max-width:1000px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.orders-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.orders-modal .modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.orders-modal .modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;border-radius:8px;font-size:1.5rem;color:#64748b;cursor:pointer;transition:all .2s}.orders-modal .modal-close:hover{background:#fee2e2;color:#dc2626}.modal-stats{display:flex;gap:1rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.modal-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.modal-stats .stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.modal-stats .stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.modal-stats .stat-value.success{color:#059669}.modal-stats .stat-value.earnings{color:#0ea5e9}.orders-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.empty-orders{text-align:center;padding:3rem;color:#64748b}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:.75rem 1rem;background:#f8fafc;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:2px solid #e5e7eb}.orders-table td{padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.9rem;color:#374151}.orders-table tbody tr:hover{background:#f8fafc}.orders-table .earning-cell{color:#059669;font-weight:600}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.info{background:#dbeafe;color:#2563eb}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.pink{background:#fce7f3;color:#db2777}.status-badge.danger{background:#fee2e2;color:#dc2626}@media(max-width:768px){.modal-stats{flex-wrap:wrap}.modal-stats .stat-item{flex:1;min-width:calc(50% - .5rem)}.orders-modal .modal-body{padding:1rem;overflow-x:auto}.orders-table{min-width:700px}}.admin-finance{max-width:1400px}.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.finance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.finance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.finance-card.main{background:linear-gradient(135deg,#1e3a5f,#2d4a6f);border:none}.finance-card.main .finance-label{color:#fffc}.finance-card.main .finance-value{color:#fff}.finance-card.main .finance-icon{background:#fff3}.finance-icon{width:56px;height:56px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.finance-icon.revenue{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.finance-icon.month{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.finance-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.finance-icon.completed{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.finance-info{display:flex;flex-direction:column;gap:.25rem}.finance-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.finance-value{font-size:1.5rem;font-weight:700;color:#1e293b}.finance-value.pending{color:#f59e0b}.order-id{font-weight:600;color:#2563eb}.price-cell{font-weight:600;color:#16a34a}.coming-soon-notice{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.25rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px}.notice-icon{font-size:1.5rem}.notice-content{flex:1}.notice-content strong{display:block;color:#92400e;margin-bottom:.25rem}.notice-content p{margin:0;color:#a16207;font-size:.875rem}.client-cell{display:flex;flex-direction:column;gap:.125rem}.client-cell .client-name{font-weight:600;color:var(--text-primary, #111827)}.client-cell .patient-name{font-size:.8rem;color:#f59e0b}.earnings-breakdown{margin-bottom:1.5rem}.section-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.earnings-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.earnings-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.earnings-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.earnings-card.designer{border-left:4px solid #10b981;background:linear-gradient(135deg,#fff,#ecfdf5)}.earnings-card.company{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.earnings-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.earnings-icon{font-size:1.5rem}.earnings-title{font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.earnings-amount{font-size:2rem;font-weight:800;margin-bottom:.25rem}.earnings-card.designer .earnings-amount{color:#059669}.earnings-card.company .earnings-amount{color:#2563eb}.earnings-percent{font-size:.85rem;color:#94a3b8}@media(max-width:768px){.earnings-cards{grid-template-columns:1fr}}.outstanding-credits{border-left:4px solid #dc2626}.outstanding-credits .admin-card-header{display:flex;justify-content:space-between;align-items:center}.outstanding-total{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;font-weight:700;padding:.5rem 1rem;border-radius:8px;font-size:1rem}.credit-owed{color:#dc2626;font-weight:700;font-size:1rem}.admin-analytics{max-width:1400px}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d}.kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.kpi-icon.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.kpi-icon.users{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.kpi-icon.time{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.kpi-icon.designers{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.kpi-content{display:flex;flex-direction:column}.kpi-value{font-size:1.5rem;font-weight:700;color:#1e293b}.kpi-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}}.bar-chart{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.bar-item{display:flex;flex-direction:column;gap:.375rem}.bar-label{display:flex;justify-content:space-between;font-size:.875rem;color:#475569}.bar-count{font-weight:600;color:#1e293b}.bar-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.role-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.role-stat{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border-radius:8px}.role-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.client{background:#3b82f626;color:#2563eb}.role-badge.specialist{background:#8b5cf626;color:#7c3aed}.role-badge.admin{background:#ef444426;color:#dc2626}.role-count{font-weight:700;font-size:1.25rem;color:#1e293b}.workload-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.workload-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px}.workload-rank{font-weight:700;color:#f59e0b;min-width:30px}.workload-name{flex:1;font-weight:500;color:#1e293b}.workload-count{font-size:.875rem;color:#64748b;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #e2e8f0}.admin-settings{max-width:900px}.settings-description{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.settings-description code{background:#f1f5f9;padding:.125rem .5rem;border-radius:4px;font-size:.85rem;color:#7c3aed}.pricing-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.pricing-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pricing-section h4{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.pricing-subsection{margin-left:1.5rem;margin-bottom:1rem}.pricing-subsection h5{color:#475569;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.pricing-table{display:flex;flex-direction:column;gap:.5rem}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pricing-row span:first-child{color:#334155;font-size:.9rem}.pricing-row .price{font-weight:700;color:#f59e0b;font-size:1rem}.pricing-row.editable{background:#fff;border:2px solid #e2e8f0;transition:border-color .2s}.pricing-row.editable:hover{border-color:#f59e0b}.pricing-row .price-input{display:flex;align-items:center;gap:.25rem}.pricing-row .price-input .currency{color:#f59e0b;font-weight:700;font-size:1rem}.pricing-row .price-input input{width:80px;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;font-weight:600;color:#0f172a;text-align:right;background:#f8fafc;transition:all .2s}.pricing-row .price-input input:focus{outline:none;border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.settings-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem}.admin-email-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.admin-email-display code{color:#7c3aed;font-size:.95rem}.settings-hint{font-size:.85rem;color:#94a3b8}.settings-hint code{background:#f1f5f9;padding:.125rem .375rem;border-radius:4px;font-size:.8rem}.system-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:8px}.info-label{color:#64748b;font-size:.9rem}.info-value{color:#0f172a;font-weight:600}.alert{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem}.alert-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.admin-logs{max-width:900px}.log-count{font-size:.9rem;color:#64748b;margin-left:auto;font-weight:500}.logs-list{display:flex;flex-direction:column}.log-item{display:flex;gap:1.25rem;padding:1.25rem;border-bottom:1px solid #f1f5f9;transition:background .2s}.log-item:hover{background:#fafbfc}.log-item:last-child{border-bottom:none}.log-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.log-content{flex:1;min-width:0}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.log-action-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f1f5f9;padding:.25rem .625rem;border-radius:4px}.log-time{font-size:.8rem;color:#94a3b8;font-weight:500}.log-description{color:#0f172a;font-size:1rem;font-weight:500;margin-bottom:.5rem;line-height:1.5}.log-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.log-detail{font-size:.8rem;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:.25rem .625rem;border-radius:6px}.log-meta{display:flex;gap:1.5rem;font-size:.8rem;color:#64748b}.log-admin{color:#f59e0b;font-weight:600}.log-timestamp{color:#94a3b8}.admin-logs .admin-empty p:not(.admin-empty-text){font-size:.875rem;color:#94a3b8;margin:0}*{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}