:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--secondary-500:#8b5cf6;--secondary-600:#7c3aed;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--sidebar-width:250px;--sidebar-width-collapsed:80px;--header-height:64px;--border-radius-sm:6px;--border-radius:10px;--border-radius-lg:16px;--border-radius-xl:24px;--transition-fast:150ms ease;--transition:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-toast:600;--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--border-color:var(--gray-200)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.9375rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:0.875rem}p{margin-bottom:1rem}a{color:var(--primary-600);text-decoration:none}a:hover{color:var(--primary-700)}.main-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:rgba(255,255,255,0.95);border-bottom:1px solid var(--border-color);z-index:var(--z-fixed);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 1rem;max-width:100%}.header-left{display:flex;align-items:center;gap:1rem;flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--border-radius);color:var(--gray-600);cursor:pointer;transition:var(--transition-fast);font-size:1.5rem}.sidebar-toggle:hover{background:var(--gray-100);color:var(--primary-600)}.sidebar-toggle:active{transform:scale(0.95)}.logo{display:flex;align-items:center;gap:0.75rem;font-size:1.25rem;font-weight:700;color:var(--primary-600);white-space:nowrap}.logo i{font-size:1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-img{width:150px;height:auto;object-fit:contain}.logo span{display:none}.header-right{display:flex;align-items:center;gap:0.5rem}.header-search{position:relative;display:none}.search-input{width:280px;padding:0.625rem 1rem;padding-right:3rem;background:var(--gray-100);border:2px solid transparent;border-radius:50px;font-size:0.875rem;transition:var(--transition)}.search-input:focus{outline:none;background:var(--white);border-color:var(--primary-500);width:320px;box-shadow:var(--shadow-md)}.search-input::placeholder{color:var(--gray-400)}.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.search-btn:hover{transform:translateY(-50%) scale(1.05)}.user-menu{position:relative}.user-info{display:flex;align-items:center;gap:0.75rem;padding:0.375rem 0.75rem;border-radius:50px;cursor:pointer;transition:var(--transition-fast);border:2px solid transparent}.user-info:hover{background:var(--gray-100)}.user-info:active,.user-info.active{border-color:var(--primary-200);background:var(--primary-50)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:none;flex-direction:column;align-items:flex-start}.user-name{font-weight:600;font-size:0.875rem;color:var(--text-primary);line-height:1.2}.user-role{font-size:0.75rem;color:var(--text-secondary);line-height:1.2}.user-info i.fa-chevron-down{display:none;font-size:0.75rem;color:var(--gray-400);transition:var(--transition-fast)}.user-info.active i.fa-chevron-down{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:var(--z-dropdown);overflow:hidden}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.25rem;color:var(--text-primary);font-size:0.875rem;transition:var(--transition-fast)}.user-dropdown a:hover{background:var(--gray-50);color:var(--primary-600)}.user-dropdown a i{width:18px;text-align:center;color:var(--gray-500)}.user-dropdown a:hover i{color:var(--primary-600)}.user-dropdown hr{margin:0.25rem 0;border:none;border-top:1px solid var(--border-color)}.user-dropdown .text-danger{color:var(--danger-600)}.user-dropdown .text-danger i{color:var(--danger-500)}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;transition:var(--transition);z-index:var(--z-sticky);transform:translateX(-100%);display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.sidebar.active{transform:translateX(0)}.sidebar-nav{padding:1rem 0;flex:1}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:0.125rem 0.75rem}.sidebar-nav a{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1rem;color:var(--text-secondary);border-radius:var(--border-radius);transition:var(--transition-fast);font-size:0.9375rem;font-weight:500;position:relative}.sidebar-nav a:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-nav a.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar-nav a.active::before{content:'';position:absolute;left:-0.75rem;top:0.5rem;bottom:0.5rem;width:4px;background:var(--primary-500);border-radius:0 4px 4px 0}.sidebar-nav a i{font-size:1.125rem;width:24px;text-align:center;flex-shrink:0}.sidebar-nav .badge{margin-left:auto;padding:0.125rem 0.5rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:var(--white);border-radius:50px;font-size:0.6875rem;font-weight:600}.nav-section{padding:1.5rem 1rem 0.5rem;font-size:0.6875rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:0.5px;margin:0 0.75rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.version{font-size:0.75rem;color:var(--gray-400);text-align:center}.main-content{margin-top:var(--header-height);margin-left:0;padding:0.75rem;min-height:calc(100vh - var(--header-height));transition:var(--transition);box-sizing:border-box;width:100%;overflow-x:hidden;background:var(--bg-secondary)}.container-fluid{width:100%;max-width:100%;margin:0;padding:0}.dashboard-container{width:100%;max-width:100%;margin:0}.page-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0.5rem;margin-bottom:1rem}.page-header h1{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:0.5rem;margin:0}.page-header h1 i{color:var(--primary-500);font-size:1rem}.page-header .text-muted{color:var(--text-secondary);font-size:0.8rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:0.5rem;flex-shrink:0}.header-actions .btn{padding:0.5rem 0.75rem;font-size:0.8rem}.dashboard-card,.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden;margin-bottom:0.75rem;transition:var(--transition)}.dashboard-card:hover,.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.card-header h3{font-size:0.875rem;font-weight:600;display:flex;align-items:center;gap:0.5rem;margin:0}.card-header h3 i{color:var(--primary-500);font-size:0.875rem}.card-body{padding:0.75rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-bottom:1rem}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius);padding:0.75rem;display:flex;align-items:center;gap:0.625rem;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}.stat-primary::before{background:linear-gradient(90deg,var(--primary-500),var(--primary-400))}.stat-success::before{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.stat-info::before{background:linear-gradient(90deg,var(--info-500),var(--info-600))}.stat-warning::before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.stat-danger::before{background:linear-gradient(90deg,var(--danger-500),var(--danger-600))}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.stat-primary .stat-icon{background:var(--primary-100);color:var(--primary-600)}.stat-success .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-info .stat-icon{background:var(--info-100);color:var(--info-600)}.stat-warning .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-danger .stat-icon{background:var(--danger-100);color:var(--danger-600)}.stat-details{min-width:0;flex:1}.stat-details h3{font-size:1.125rem;font-weight:700;margin:0;line-height:1.2;color:var(--text-primary)}.stat-details p{margin:0;color:var(--text-secondary);font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:0.75rem;margin-bottom:1rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:-0.25rem;padding:0.25rem}.data-table{width:100%;border-collapse:collapse;font-size:0.75rem}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:0.625rem 0.5rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border-bottom:1px solid var(--border-color)}.data-table td{padding:0.625rem 0.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1.25rem;border:none;border-radius:var(--border-radius);font-size:0.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:var(--transition-fast);white-space:nowrap;min-height:44px;line-height:1}.btn:active{transform:scale(0.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);box-shadow:0 2px 8px rgba(99,102,241,0.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px rgba(99,102,241,0.4);color:var(--white)}.btn-success{background:var(--success-500);color:var(--white)}.btn-success:hover{background:var(--success-600);color:var(--white)}.btn-danger{background:var(--danger-500);color:var(--white)}.btn-danger:hover{background:var(--danger-600);color:var(--white)}.btn-warning{background:var(--warning-500);color:var(--white)}.btn-warning:hover{background:var(--warning-600);color:var(--white)}.btn-info{background:var(--info-500);color:var(--white)}.btn-info:hover{background:var(--info-600);color:var(--white)}.btn-outline{background:transparent;border:2px solid var(--primary-500);color:var(--primary-600)}.btn-outline:hover{background:var(--primary-500);color:var(--white)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:0.375rem 0.75rem;font-size:0.8125rem;min-height:36px}.btn-lg{padding:0.875rem 1.75rem;font-size:1rem;min-height:52px}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0}.btn-icon.btn-sm{width:36px;height:36px}.btn-group{display:flex;flex-wrap:wrap;gap:0.5rem}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.625rem;border-radius:50px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.25px}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-info{background:var(--info-100);color:var(--info-600)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--text-primary);font-size:0.875rem}.form-control{width:100%;padding:0.75rem 1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;color:var(--text-primary);transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{min-height:120px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.form-check{display:flex;align-items:center;gap:0.625rem}.form-check-input{width:1.125rem;height:1.125rem;margin:0;border:2px solid var(--border-color);border-radius:4px;appearance:none;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.form-check-input:checked{background:var(--primary-500);border-color:var(--primary-500);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");background-size:0.75rem;background-position:center;background-repeat:no-repeat}.form-check-input:focus{outline:none;box-shadow:0 0 0 3px var(--primary-100)}.form-check-label{font-size:0.875rem;font-weight:400;color:var(--text-secondary);cursor:pointer;margin:0}.form-row{display:flex;flex-direction:column;gap:1rem}.search-box{display:flex;flex-direction:column;gap:0.75rem;position:relative}.search-box i.fa-search{position:absolute;left:1rem;top:0.875rem;color:var(--gray-400);pointer-events:none}.search-box .form-control{padding-left:2.75rem}.search-form{width:100%}.empty-state{text-align:center;padding:1.5rem 1rem;color:var(--text-secondary)}.empty-state i{font-size:2rem;margin-bottom:0.75rem;color:var(--gray-300)}.empty-state p{margin-bottom:1rem;font-size:0.875rem}.quick-actions{margin-bottom:1rem}.quick-actions h3{font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.action-card{background:var(--bg-primary);padding:0.75rem 0.5rem;border-radius:var(--border-radius);text-align:center;text-decoration:none;color:var(--text-primary);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:0.375rem}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-200);color:var(--primary-600)}.action-card i{font-size:1.125rem;color:var(--primary-500)}.action-card span{font-size:0.65rem;font-weight:500;line-height:1.2}.followup-list{display:flex;flex-direction:column;gap:0.5rem}.followup-item{display:flex;align-items:center;gap:0.625rem;padding:0.625rem;background:var(--bg-secondary);border-radius:var(--border-radius);transition:var(--transition-fast)}.followup-item:hover{background:var(--gray-100)}.followup-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);border-radius:var(--border-radius);flex-shrink:0}.followup-date .day{font-size:1rem;font-weight:700;line-height:1}.followup-date .month{font-size:0.5rem;text-transform:uppercase;font-weight:600}.followup-details{flex:1;min-width:0}.followup-details strong{display:block;margin-bottom:0.125rem;font-size:0.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followup-details p{margin:0;font-size:0.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followup-action{flex-shrink:0}.footer{margin-left:0;padding:0.5rem;text-align:center;color:var(--gray-400);font-size:0.75rem}body.auth-page .footer{display:none}.alert{padding:1rem 1.25rem;border-radius:var(--border-radius);margin-bottom:1rem;display:flex;align-items:flex-start;gap:0.75rem;font-size:0.9375rem}.alert i{flex-shrink:0;margin-top:0.125rem}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.alert-danger{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-100)}.alert-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-100)}.alert-info{background:var(--info-50);color:var(--info-600);border:1px solid var(--info-100)}.alert-dismissible{padding-right:3rem;position:relative}.alert .close{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:0.5;color:inherit;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}.alert .close:hover{opacity:1;background:rgba(0,0,0,0.05)}html.auth-page-html,body.auth-page{height:100%;min-height:100%;max-height:100%;margin:0;padding:0;overflow:hidden;position:fixed;width:100%;top:0;left:0}.auth-layout{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0.75rem;background:linear-gradient(135deg,var(--primary-100) 0%,var(--gray-100) 100%);overflow:hidden;box-sizing:border-box;flex-direction:column}.auth-layout>.alert{position:absolute;top:0.5rem;left:50%;transform:translateX(-50%);z-index:100;max-width:90%;font-size:0.8rem;padding:0.5rem 1rem}.auth-layout::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,0.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(99,102,241,0.12) 0%,transparent 40%),radial-gradient(circle at 20% 90%,rgba(139,92,246,0.12) 0%,transparent 40%),radial-gradient(circle,rgba(99,102,241,0.18) 1px,transparent 1px),radial-gradient(circle,rgba(139,92,246,0.15) 1.5px,transparent 1.5px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,30px 30px,50px 50px;background-position:0 0,0 0,0 0,0 0,0 0,15px 15px;pointer-events:none;z-index:0}.auth-layout::after{content:'✚';position:absolute;font-size:30rem;color:rgba(99,102,241,0.35);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;font-weight:bold;text-shadow:0 0 60px rgba(99,102,241,0.15)}.auth-container{width:100%;max-width:400px;max-height:calc(100% - 1rem);display:flex;flex-direction:column;margin:auto;position:relative;z-index:1;overflow:hidden}.auth-box{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl),0 0 60px rgba(99,102,241,0.15);overflow:hidden;display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}.auth-back-btn{padding:0.75rem 1rem;background:rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.1)}.auth-back-btn .btn-back{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-secondary);text-decoration:none;font-size:0.85rem;padding:0.4rem 0.75rem;border-radius:var(--border-radius);transition:all 0.3s ease;background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2)}.auth-back-btn .btn-back:hover{background:rgba(99,102,241,0.2);color:var(--primary-500);transform:translateX(-3px)}.auth-back-btn .btn-back i{font-size:0.75rem}.auth-box::before{content:'🌿';position:absolute;top:-20px;right:-20px;font-size:6rem;opacity:0.1;transform:rotate(15deg);pointer-events:none;z-index:0}.auth-box::after{content:'💊';position:absolute;bottom:-15px;left:-15px;font-size:4rem;opacity:0.1;transform:rotate(-15deg);pointer-events:none;z-index:0}.auth-header{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));padding:1rem 1rem;text-align:center;color:var(--white);flex-shrink:0}.auth-logo{display:flex;align-items:center;justify-content:center;margin:0 auto 0.5rem}.auth-logo i{font-size:1.25rem}.auth-logo-img{width:120px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(99,102,241,0.3))}.auth-header h1{font-size:1.125rem;margin-bottom:0.125rem;color:var(--white)}.auth-header p{font-size:0.7rem;opacity:0.9;margin:0}.auth-body{padding:1rem 1rem 0.75rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-body h2{font-size:1rem;margin-bottom:0.125rem;text-align:center}.auth-body>p{text-align:center;color:var(--text-secondary);font-size:0.75rem;margin-bottom:0.875rem}.auth-form .form-group{margin-bottom:0.75rem}.auth-form .form-group label{display:flex;align-items:center;gap:0.375rem;font-size:0.8rem;margin-bottom:0.25rem}.auth-form .form-group label i{color:var(--gray-500);font-size:0.75rem}.auth-form .form-control{padding:0.5rem 0.625rem;font-size:0.85rem}.auth-form .form-check{margin-bottom:0.625rem}.auth-form .btn-block{padding:0.5rem 0.875rem;font-size:0.85rem}.form-hint{display:block;font-size:0.7rem;color:var(--gray-500);margin-top:0.25rem}.verification-notice{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:linear-gradient(135deg,var(--primary-50),var(--info-50));border:1px solid var(--primary-200);border-radius:var(--border-radius);margin-bottom:1rem}.verification-notice>i{color:var(--primary-500);font-size:1.25rem;margin-top:0.125rem}.verification-notice strong{display:block;color:var(--primary-700);font-size:0.85rem;margin-bottom:0.25rem}.verification-notice p{margin:0;font-size:0.75rem;color:var(--text-secondary);line-height:1.4}.auth-form select.form-control{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='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;padding-right:2rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-control{padding-right:2.75rem}.password-toggle{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0.375rem 0.5rem;cursor:pointer;color:var(--gray-400);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--gray-600)}.password-toggle:focus{outline:none;color:var(--primary-500)}.password-toggle i{font-size:0.95rem}.auth-footer{text-align:center;padding:0.625rem 0.75rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:0.75rem;color:var(--text-secondary);flex-shrink:0}.auth-footer p{margin:0}.auth-footer a{font-weight:500}@media (max-width:480px){.auth-layout{padding:0.5rem}.auth-container{max-width:100%;max-height:calc(100% - 0.5rem)}.auth-box{border-radius:var(--border-radius)}.auth-header{padding:0.75rem}.auth-logo{margin-bottom:0.25rem}.auth-logo-img{width:80px}.auth-logo i{font-size:1.125rem}.auth-header h1{font-size:1rem}.auth-header p{font-size:0.65rem}.auth-body{padding:0.75rem}.auth-body h2{font-size:0.9rem}.auth-body>p{font-size:0.7rem;margin-bottom:0.75rem}.auth-form .form-group{margin-bottom:0.625rem}.auth-form .form-group label{font-size:0.75rem}.auth-form .form-control{padding:0.45rem 0.5rem;font-size:0.8rem}.auth-form .form-check{margin-bottom:0.5rem}.auth-form .btn-block{padding:0.45rem 0.75rem;font-size:0.8rem}.auth-footer{padding:0.5rem;font-size:0.7rem}}@media (max-height:600px){.auth-layout{padding:0.375rem}.auth-container{max-height:calc(100% - 0.5rem)}.auth-header{padding:0.5rem}.auth-logo{margin-bottom:0.25rem}.auth-logo-img{width:70px}.auth-logo i{font-size:1rem}.auth-header h1{font-size:0.9rem}.auth-header p{font-size:0.6rem}.auth-body{padding:0.625rem 0.75rem}.auth-body h2{font-size:0.85rem;margin-bottom:0}.auth-body>p{font-size:0.65rem;margin-bottom:0.5rem}.auth-form .form-group{margin-bottom:0.5rem}.auth-form .form-group label{font-size:0.7rem;margin-bottom:0.2rem}.auth-form .form-control{padding:0.4rem 0.5rem;font-size:0.75rem}.auth-form .form-check{margin-bottom:0.4rem}.auth-form .btn-block{padding:0.4rem 0.625rem;font-size:0.75rem}.auth-footer{padding:0.4rem 0.5rem;font-size:0.65rem}}@media (max-height:480px){.auth-layout{padding:0.25rem}.auth-container{max-height:calc(100% - 0.25rem)}.auth-box{border-radius:8px}.auth-header{padding:0.375rem 0.5rem}.auth-logo{margin-bottom:0.125rem}.auth-logo-img{width:60px}.auth-logo i{font-size:0.875rem}.auth-header h1{font-size:0.8rem}.auth-header p{display:none}.auth-body{padding:0.5rem 0.625rem}.auth-body h2{font-size:0.8rem}.auth-body>p{display:none}.auth-form .form-group{margin-bottom:0.375rem}.auth-form .form-group label{font-size:0.65rem;margin-bottom:0.125rem}.auth-form .form-control{padding:0.3rem 0.4rem;font-size:0.7rem}.auth-form .form-check{margin-bottom:0.3rem}.auth-form .form-check-label{font-size:0.65rem}.auth-form .btn-block{padding:0.3rem 0.5rem;font-size:0.7rem}.auth-footer{padding:0.3rem 0.4rem;font-size:0.6rem}}@media (min-width:576px) and (min-height:700px){.auth-container{max-width:420px}.auth-header{padding:1.25rem 1rem}.auth-logo{margin-bottom:0.5rem}.auth-logo-img{width:100px}.auth-logo i{font-size:1.5rem}.auth-header h1{font-size:1.25rem}.auth-header p{font-size:0.75rem}.auth-body{padding:1.25rem}.auth-body h2{font-size:1.125rem}.auth-body>p{font-size:0.8rem;margin-bottom:1rem}.auth-form .form-group{margin-bottom:0.875rem}.auth-form .form-control{padding:0.625rem 0.75rem;font-size:0.9rem}.auth-form .btn-block{padding:0.625rem 1rem;font-size:0.9rem}.auth-footer{padding:0.75rem 1rem;font-size:0.8rem}}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:var(--transition);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-overlay.active{opacity:1;visibility:visible}.patients-container{width:100%}.patient-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.25rem;margin-bottom:0.75rem;box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.patient-info{display:flex;align-items:center;gap:1rem}.patient-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;flex-shrink:0}.patient-details{flex:1;min-width:0}.patient-name{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:0.25rem}.patient-meta{font-size:0.8125rem;color:var(--text-secondary)}.patient-actions{display:flex;gap:0.5rem;flex-wrap:wrap}@media (max-width:991.98px){.patients-container{padding:0.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.header-actions{width:100%;justify-content:flex-end;margin-top:0.25rem}.dashboard-card{padding:0.5rem 0.25rem;border-radius:8px}.search-form .search-box{flex-direction:column;gap:0.5rem}.search-form .form-control{width:100%;min-width:0;font-size:0.95em}.search-form .btn{width:100%;margin-top:0.25rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -0.5rem;padding:0.25rem 0.5rem}.data-table{min-width:600px;font-size:0.85em}.data-table th,.data-table td{padding:0.5rem 0.25rem}.action-buttons{flex-direction:row;gap:0.25rem}.pagination-container{margin-top:1rem}.pagination li a,.pagination li span{min-width:32px;height:32px;font-size:0.85em;padding:0.25rem 0.5rem}}@media (max-width:575.98px){.patients-container{padding:0.25rem}.dashboard-card{padding:0.25rem 0.1rem;border-radius:6px}.page-header h1{font-size:1.1rem}.data-table{font-size:0.8em}.data-table th,.data-table td{padding:0.35rem 0.15rem}.action-buttons{flex-direction:row !important;flex-wrap:nowrap !important;gap:0.15rem !important;justify-content:flex-start;align-items:center}.action-buttons .btn{min-width:32px;min-height:32px;font-size:0.9em;padding:0.25rem 0.5rem}.pagination li a,.pagination li span{min-width:28px;height:28px;font-size:0.8em;padding:0.15rem 0.3rem}}@media (max-width:767.98px){.data-table thead th{position:sticky;top:0;background:var(--bg-secondary,#f9fafb);z-index:2}}@media (max-width:480px){.action-buttons{flex-wrap:nowrap;overflow-x:auto;gap:0.15rem}}@media (max-width:359px){.main-content{padding:0.5rem}.page-header h1{font-size:1rem}.page-header .text-muted{font-size:0.7rem}.stats-grid{gap:0.375rem}.stat-card{padding:0.5rem;gap:0.5rem}.stat-icon{width:30px;height:30px;font-size:0.875rem}.stat-details h3{font-size:1rem}.stat-details p{font-size:0.625rem}.actions-grid{grid-template-columns:repeat(2,1fr);gap:0.375rem}.action-card{padding:0.625rem 0.375rem}.action-card i{font-size:1rem}.action-card span{font-size:0.6rem}.card-header{padding:0.5rem 0.625rem}.card-header h3{font-size:0.75rem}.card-body{padding:0.5rem}.data-table th,.data-table td{padding:0.5rem 0.375rem;font-size:0.65rem}.followup-date{width:35px;height:35px}.followup-date .day{font-size:0.875rem}.followup-date .month{font-size:0.4375rem}.followup-details strong{font-size:0.75rem}.btn{padding:0.5rem 0.75rem;font-size:0.75rem;min-height:38px}.btn-sm{padding:0.375rem 0.5rem;font-size:0.7rem}}@media (min-width:576px){.main-content{padding:1rem}.page-header{flex-direction:row;justify-content:space-between;align-items:center}.page-header h1{font-size:1.375rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}.stat-card{padding:1rem}.stat-icon{width:42px;height:42px;font-size:1.125rem}.stat-details h3{font-size:1.375rem}.stat-details p{font-size:0.75rem}.actions-grid{grid-template-columns:repeat(3,1fr);gap:0.625rem}.action-card{padding:1rem 0.625rem;gap:0.5rem}.action-card i{font-size:1.25rem}.action-card span{font-size:0.75rem}.card-body{padding:1rem}.search-box{flex-direction:row;align-items:center}.search-box .form-control{flex:1}.form-row{flex-direction:row}.auth-body{padding:2.5rem}.patient-card{flex-direction:row;align-items:center}.patient-info{flex:1}.logo span{display:inline}}@media (min-width:768px){.header-search{display:block}.user-details{display:flex}.user-info i.fa-chevron-down{display:block}.sidebar{transform:translateX(0);width:var(--sidebar-width)}.main-content{margin-left:var(--sidebar-width);padding:1rem;width:calc(100% - var(--sidebar-width))}.footer{margin-left:var(--sidebar-width);padding:0.5rem}.page-header h1{font-size:1.5rem}.page-header h1 i{font-size:1.25rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0.875rem}.stat-card{padding:1.125rem}.stat-icon{width:48px;height:48px;font-size:1.25rem}.stat-details h3{font-size:1.5rem}.stat-details p{font-size:0.8rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-card,.card{margin-bottom:0}.card-header{padding:1rem 1.25rem}.card-header h3{font-size:1rem}.card-body{padding:1.25rem}.actions-grid{grid-template-columns:repeat(4,1fr);gap:0.875rem}.action-card{padding:1.25rem 0.75rem;gap:0.5rem}.action-card i{font-size:1.5rem}.action-card span{font-size:0.8125rem}.card-header{flex-direction:row;justify-content:space-between;align-items:center}.followup-date{width:48px;height:48px}.followup-date .day{font-size:1.125rem}.followup-date .month{font-size:0.5625rem}.followup-details strong{font-size:0.9rem}.data-table{font-size:0.8125rem}.data-table th{padding:0.75rem;font-size:0.7rem}.data-table td{padding:0.875rem 0.75rem}.mobile-only{display:none}.desktop-only{display:block}.hide-mobile{display:block}.page-header h1{font-size:1.75rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.sidebar-toggle{display:none}}@media (min-width:992px){.main-content{padding:1.5rem}.stats-grid{gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:52px;height:52px;font-size:1.375rem}.stat-details h3{font-size:1.625rem}.actions-grid{grid-template-columns:repeat(6,1fr);gap:1rem}.action-card{padding:1.375rem 1rem}.action-card i{font-size:1.625rem}.action-card span{font-size:0.875rem}.dashboard-grid{gap:1.25rem}}@media (min-width:1200px){.main-content{padding:1.5rem 2rem}}@media (min-width:1400px){.stats-grid{gap:1.25rem}.stat-card{padding:1.75rem}.stat-details h3{font-size:2rem}}@media (hover:none) and (pointer:coarse){.btn,.sidebar-nav a,.action-card,button{min-height:44px}.btn:hover,.stat-card:hover,.action-card:hover,.dashboard-card:hover{transform:none}.table-responsive{-webkit-overflow-scrolling:touch}.data-table td{padding:0.625rem 0.5rem}}@media print{.sidebar,.main-header,.footer,.btn,.header-actions,.quick-actions,.no-print{display:none !important}.main-content{margin-left:0;margin-top:0;padding:0}.dashboard-card,.stat-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}body{background:white;font-size:12pt}}@media (max-width:767px) and (orientation:landscape){:root{--header-height:56px}.sidebar{width:260px}.auth-layout{padding:1rem}.auth-header{padding:1.5rem}}@supports (padding-bottom:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.sidebar{padding-bottom:env(safe-area-inset-bottom)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:var(--transition);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-backdrop.show{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);width:calc(100% - 2rem);max-width:500px;max-height:calc(100vh - 2rem);background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);z-index:calc(var(--z-modal) + 1);opacity:0;visibility:hidden;transition:var(--transition);overflow:hidden;display:flex;flex-direction:column}.modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.125rem}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--border-radius);color:var(--gray-500);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:0.75rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--gray-100)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}html{scroll-behavior:auto}}.remedy-reference{display:flex;align-items:flex-start;gap:0.5rem;padding:0.5rem 0;color:var(--gray-600);font-size:0.8rem;border-top:1px dashed var(--gray-200);margin-top:0.5rem}.remedy-reference i{color:var(--primary-500);margin-top:2px}.remedy-reference small{line-height:1.4}.book-reference{background:linear-gradient(135deg,var(--primary-50),var(--info-50));padding:0.75rem 1rem;border-radius:var(--border-radius);border-left:4px solid var(--primary-500);font-style:italic;color:var(--gray-700)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:0.5rem}.info-item label{font-weight:600;color:var(--gray-600);font-size:0.875rem;display:flex;align-items:center;gap:0.5rem}.info-item label i{color:var(--primary-500)}.info-value{font-size:1rem;color:var(--gray-800)}.remedy-name-large{font-size:1.25rem;font-weight:600;color:var(--primary-700)}.latin-name{color:var(--gray-600)}.badge-lg{font-size:0.9rem;padding:0.5rem 1rem}.remedy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.remedy-card{background:var(--white);border-radius:var(--border-radius);border:1px solid var(--gray-200);padding:1.25rem;transition:var(--transition);display:flex;flex-direction:column}.remedy-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.remedy-header{display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem}.remedy-header h3{margin:0;font-size:1.1rem}.remedy-header h3 a{color:var(--primary-700);text-decoration:none}.remedy-header h3 a:hover{color:var(--primary-500);text-decoration:underline}.remedy-common{font-size:0.9rem;color:var(--gray-600);margin-bottom:0.5rem}.remedy-keynote{font-size:0.875rem;color:var(--gray-700);flex-grow:1;margin:0.75rem 0}.remedy-keynote strong{color:var(--gray-800);display:block;margin-bottom:0.25rem}.remedy-keynote p{margin:0;line-height:1.5}.remedy-footer{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem;border-top:1px solid var(--gray-100)}.keynote-content,.clinical-content{line-height:1.7;color:var(--gray-700)}@media (max-width:576px){.remedy-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}}.progress-bar{width:100%;height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:4px;transition:width var(--transition);min-width:2px}.grade-breakdown{display:flex;gap:4px;flex-wrap:wrap}.grade-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;color:var(--white)}.grade-dot.grade-1{background-color:var(--gray-400)}.grade-dot.grade-2{background-color:var(--warning-500)}.grade-dot.grade-3{background-color:var(--success-500)}.score-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:20px;font-weight:600;font-size:14px}.score-badge.score-high{background-color:var(--success-100);color:var(--success-700)}.score-badge.score-medium{background-color:var(--warning-100);color:var(--warning-600)}.score-badge.score-low{background-color:var(--gray-100);color:var(--gray-600)}.repertorization-table{width:100%;border-collapse:collapse}.repertorization-table th,.repertorization-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--gray-200)}.repertorization-table th{background-color:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:13px;text-transform:uppercase;letter-spacing:0.5px}.repertorization-table tbody tr:hover{background-color:var(--gray-50)}.repertorization-table-wrapper{overflow-x:auto}.selected-rubrics{display:flex;flex-wrap:wrap;gap:8px}.rubric-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:20px;font-size:14px}.rubric-chip .rubric-category{font-weight:600;color:var(--primary-700)}.rubric-chip .rubric-text{color:var(--gray-700)}.rubric-chip .remove-rubric{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background-color:var(--primary-200);color:var(--primary-700);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.rubric-chip .remove-rubric:hover{background-color:var(--danger-500);color:var(--white)}.pagination-nav{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:16px 0}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.page-item{list-style:none}.page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 14px;font-size:14px;font-weight:500;color:var(--gray-700);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.page-link:hover{color:var(--primary-600);background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-item.active .page-link{color:var(--white);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-color:transparent;box-shadow:0 4px 12px rgba(99,102,241,0.4);transform:scale(1.05)}.page-item.disabled .page-link{color:var(--gray-400);background:var(--gray-100);border-color:var(--gray-200);cursor:not-allowed;pointer-events:none}.page-ellipsis{border:none !important;background:transparent !important;cursor:default !important;color:var(--gray-500) !important}.pagination-info{font-size:13px;color:var(--gray-500);font-weight:500}@media (max-width:576px){.pagination-nav{padding:12px 0}.pagination{gap:4px}.page-link{min-width:36px;height:36px;padding:6px 10px;font-size:13px}.page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){display:none}}.page-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:opacity 0.3s ease,visibility 0.3s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-spinner{position:relative;width:60px;height:60px}.loader-spinner::before,.loader-spinner::after{content:'';position:absolute;border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(0.215,0.61,0.355,1) infinite}.loader-spinner::before{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));animation-delay:0s}.loader-spinner::after{width:60%;height:60%;top:20%;left:20%;background:linear-gradient(135deg,var(--secondary-500),var(--primary-400));animation-delay:0.3s}@keyframes pulse-ring{0%{transform:scale(0.5);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.loader-text{margin-top:20px;font-size:14px;font-weight:500;color:var(--gray-600);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,100%{opacity:0.5}50%{opacity:1}}.btn-loader{display:inline-flex;align-items:center;gap:8px}.btn-loader .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--gray-50),var(--white));border-radius:var(--border-radius-lg)}.content-loader .loader-icon{width:50px;height:50px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.content-loader .loader-message{margin-top:16px;font-size:14px;color:var(--gray-600);text-align:center}.skeleton{background:linear-gradient( 90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75% );background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.full{width:100%}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;width:100%}.ai-brain-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ai-brain-loader .brain-icon{font-size:4rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brain-pulse 2s ease-in-out infinite}@keyframes brain-pulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.ai-brain-loader .loader-title{margin-top:20px;font-size:18px;font-weight:600;color:var(--gray-800)}.ai-brain-loader .loader-subtitle{margin-top:8px;font-size:14px;color:var(--gray-500)}.ai-brain-loader .progress-bar{margin-top:20px;width:200px;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.ai-brain-loader .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translateX(-100%);width:30%}50%{transform:translateX(100%);width:60%}100%{transform:translateX(300%);width:30%}}.dot-loader{display:flex;gap:6px;align-items:center;justify-content:center}.dot-loader .dot{width:10px;height:10px;background:var(--primary-500);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite both}.dot-loader .dot:nth-child(1){animation-delay:-0.32s}.dot-loader .dot:nth-child(2){animation-delay:-0.16s}.dot-loader .dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,100%{transform:scale(0.6);opacity:0.5}40%{transform:scale(1);opacity:1}}.upload-loader{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px;background:linear-gradient(135deg,var(--primary-50),var(--white));border-radius:var(--border-radius-lg);border:2px dashed var(--primary-300)}.upload-loader .upload-icon{font-size:3rem;color:var(--primary-500);animation:upload-bounce 1s ease-in-out infinite}@keyframes upload-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-loader .upload-text{font-size:16px;font-weight:500;color:var(--gray-700)}.upload-loader .upload-progress{width:100%;max-width:300px;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.upload-loader .upload-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:3px;transition:width 0.3s ease}html.landing-page-html,body.landing-page{min-height:100vh;margin:0;padding:0;overflow-x:hidden;background:var(--white)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all 0.3s ease;background:transparent}.landing-nav.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);padding:0.75rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-600);text-decoration:none}.nav-logo i{font-size:1.75rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-img{width:140px;height:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--gray-700);font-weight:500;text-decoration:none;transition:color 0.3s ease;position:relative}.nav-links a:hover{color:var(--primary-600)}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-500);transition:width 0.3s ease}.nav-links a:hover::after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:transparent;border:none;font-size:1.5rem;color:var(--gray-700);cursor:pointer;padding:0.5rem}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--white);padding:1rem 1.5rem;box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:1rem}.mobile-menu.active{display:flex}.mobile-menu a{padding:0.75rem 0;color:var(--gray-700);text-decoration:none;font-weight:500;border-bottom:1px solid var(--gray-100)}.mobile-menu hr{border:none;border-top:1px solid var(--gray-200);margin:0.5rem 0}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 1.5rem 4rem;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--white) 50%,var(--secondary-500) 200%);opacity:0.5}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.float-element{position:absolute;font-size:3rem;opacity:0.15;animation:float 6s ease-in-out infinite}.elem-1{top:10%;left:5%;animation-delay:0s}.elem-2{top:20%;right:10%;animation-delay:1s}.elem-3{top:60%;left:8%;animation-delay:2s}.elem-4{top:70%;right:5%;animation-delay:3s}.elem-5{top:40%;right:15%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-content{position:relative;z-index:1;max-width:600px;flex:1}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:linear-gradient(135deg,var(--primary-100),var(--secondary-500));background-size:200% 200%;color:var(--primary-700);border-radius:50px;font-size:0.875rem;font-weight:600;margin-bottom:1.5rem;animation:shimmer 3s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero-content h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--gray-900)}.gradient-text{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content>p{font-size:1.125rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.btn-outline{background:transparent;border:2px solid var(--primary-500);color:var(--primary-600)}.btn-outline:hover{background:var(--primary-50);color:var(--primary-700)}.hero-stats{display:flex;gap:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.stat-item{display:flex;flex-direction:column}.stat-item strong{font-size:1.75rem;font-weight:700;color:var(--primary-600)}.stat-item span{font-size:0.875rem;color:var(--gray-500)}.hero-image{position:relative;z-index:1;flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.dashboard-preview{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl),0 30px 60px rgba(99,102,241,0.15);overflow:hidden;max-width:450px;width:100%;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform 0.3s ease}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.preview-dots span:first-child{background:#ff5f57}.preview-dots span:nth-child(2){background:#febc2e}.preview-dots span:last-child{background:#28c840}.preview-title{font-weight:600;color:var(--gray-600);font-size:0.875rem}.preview-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.preview-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.25rem;background:var(--gray-50);border-radius:var(--border-radius);text-align:center;transition:all 0.3s ease}.preview-card:hover{background:var(--primary-50);transform:translateY(-2px)}.preview-card i{font-size:1.5rem;color:var(--primary-500)}.preview-card span{font-size:0.75rem;color:var(--gray-500)}.preview-card strong{font-size:1.25rem;color:var(--gray-900)}.section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-badge{display:inline-block;padding:0.375rem 1rem;background:var(--primary-100);color:var(--primary-700);border-radius:50px;font-size:0.875rem;font-weight:600;margin-bottom:1rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}.section-header p{font-size:1.125rem;color:var(--gray-600)}.features-section{padding:6rem 0;background:var(--gray-50)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{position:relative;background:var(--white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);transition:all 0.3s ease;opacity:0;transform:translateY(20px)}.feature-card.animate-in{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card.featured{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:var(--white)}.feature-card.featured h3,.feature-card.featured p{color:var(--white)}.feature-card.featured .feature-icon{background:rgba(255,255,255,0.2);color:var(--white)}.feature-icon{width:60px;height:60px;border-radius:var(--border-radius);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:var(--gray-900)}.feature-card p{color:var(--gray-600);line-height:1.6;margin:0}.feature-badge{position:absolute;top:1rem;right:1rem;padding:0.25rem 0.75rem;background:rgba(255,255,255,0.3);color:var(--white);border-radius:50px;font-size:0.75rem;font-weight:600}.about-section{padding:6rem 0;background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text .section-badge{margin-bottom:1rem}.about-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--gray-900)}.about-text>p{font-size:1.125rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.about-feature{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:var(--gray-50);border-radius:var(--border-radius);opacity:0;transform:translateX(-20px);transition:all 0.3s ease}.about-feature.animate-in{opacity:1;transform:translateX(0)}.about-feature i{color:var(--success-500);font-size:1.25rem}.about-feature span{font-weight:500;color:var(--gray-700)}.about-image{display:flex;justify-content:center}.about-card{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));padding:3rem;border-radius:var(--border-radius-xl);color:var(--white);text-align:center;max-width:350px;box-shadow:var(--shadow-xl),0 20px 40px rgba(99,102,241,0.3)}.about-card .card-icon{width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.about-card .card-icon i{font-size:2rem}.about-card h4{font-size:1.5rem;margin-bottom:1rem;color:var(--white)}.about-card p{opacity:0.9;line-height:1.6;margin:0}.how-it-works-section{padding:6rem 0;background:var(--gray-50)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:1rem}.step-card{flex:1;max-width:300px;background:var(--white);padding:2rem;border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow);transition:all 0.3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step-card h3{font-size:1.125rem;margin-bottom:0.75rem;color:var(--gray-900)}.step-card p{color:var(--gray-600);font-size:0.9375rem;margin:0}.step-connector{color:var(--gray-300);font-size:1.5rem}.contact-section{padding:6rem 0;background:var(--white)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info .section-badge{margin-bottom:1rem}.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}.contact-info>p{font-size:1.125rem;color:var(--gray-600);line-height:1.7;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;opacity:0;transform:translateX(-20px);transition:all 0.3s ease}.contact-item.animate-in{opacity:1;transform:translateX(0)}.contact-item i{width:50px;height:50px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.contact-item div strong{display:block;color:var(--gray-900);margin-bottom:0.25rem;font-size:0.9375rem}.contact-item div span{color:var(--gray-600);font-size:0.875rem;word-break:break-word;line-height:1.4}.contact-item div{flex:1;min-width:0}.contact-form-wrapper{position:relative}.contact-form-card{background:var(--white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.contact-form-card h3{display:flex;align-items:center;gap:0.75rem;font-size:1.25rem;color:var(--gray-900);margin-bottom:1.5rem}.contact-form-card h3 i{color:var(--primary-500)}.contact-form .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form .form-group{margin-bottom:1.25rem}.contact-form .form-group label{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.875rem;font-weight:500;color:var(--gray-700)}.contact-form .form-group label i{color:var(--gray-400);font-size:0.875rem}.contact-form textarea.form-control{min-height:120px;resize:vertical}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600))}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:1rem}.cta-content p{font-size:1.125rem;color:rgba(255,255,255,0.9);margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-white{background:var(--white);color:var(--primary-600)}.btn-white:hover{background:var(--gray-100)}.btn-outline-white{background:transparent;border:2px solid var(--white);color:var(--white)}.btn-outline-white:hover{background:rgba(255,255,255,0.1)}.landing-footer{background:var(--gray-900);color:var(--gray-400);padding:4rem 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-main{display:grid;grid-template-columns:2fr 3fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--gray-800)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:0.75rem;font-size:1.5rem;font-weight:700;color:var(--white);text-decoration:none;margin-bottom:1rem}.footer-logo i{color:var(--primary-400)}.footer-logo-img{width:140px;height:auto;object-fit:contain}.footer-brand p{font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:var(--gray-800);color:var(--gray-400);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.social-links a:hover{background:var(--primary-600);color:var(--white);transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:1.5rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:0.75rem}.footer-column a{color:var(--gray-400);text-decoration:none;transition:color 0.3s ease}.footer-column a:hover{color:var(--primary-400)}.footer-bottom{padding:1.5rem 0;text-align:center}.footer-bottom p{font-size:0.875rem;margin:0}@media (min-width:1400px){.nav-container,.section-container,.footer-container{max-width:1320px}.hero-content h1{font-size:3.5rem}.dashboard-preview{max-width:550px}}@media (min-width:1200px) and (max-width:1399px){.hero-section{padding:8rem 2rem 4rem}}@media (max-width:1199px){.hero-section{padding:7rem 1.5rem 3rem}.hero-content h1{font-size:2.75rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-header h2{font-size:2.25rem}}@media (max-width:1024px){.hero-section{flex-direction:column;padding-top:6rem;min-height:auto}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.hero-image{padding:0;margin-top:2rem}.dashboard-preview{transform:none;max-width:400px}.features-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr;gap:3rem}.about-text{text-align:center}.about-text .btn{margin:0 auto}.about-features{max-width:500px;margin:0 auto 2rem}.steps-grid{flex-direction:column;gap:2rem}.step-connector{transform:rotate(90deg)}.step-card{max-width:400px;width:100%}.contact-wrapper{grid-template-columns:1fr;gap:3rem}.contact-info{text-align:center}.contact-details{align-items:center}.contact-item{max-width:350px}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-brand{max-width:100%;text-align:center}.social-links{justify-content:center}.footer-links{justify-content:center}}@media (max-width:768px){.landing-nav{padding:0.75rem 0}.nav-container{padding:0 1rem}.nav-logo span{font-size:1.25rem}.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;transition:background 0.3s ease}.mobile-menu-btn:hover{background:rgba(99,102,241,0.1)}.hero-section{padding:5rem 1rem 2rem}.hero-badge{font-size:0.75rem;padding:0.375rem 0.75rem}.hero-content h1{font-size:1.875rem;line-height:1.2}.hero-content>p{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem;align-items:center;padding-top:1.5rem}.stat-item{text-align:center}.stat-item strong{font-size:1.5rem}.dashboard-preview{max-width:340px}.preview-content{grid-template-columns:repeat(2,1fr);gap:0.75rem;padding:1rem}.preview-card{padding:1rem}.preview-card i{font-size:1.25rem}.preview-card strong{font-size:1rem}.section-header h2,.about-text h2,.contact-info h2,.cta-content h2{font-size:1.75rem}.section-header p,.about-text>p,.contact-info>p{font-size:1rem}.features-section,.about-section,.how-it-works-section,.contact-section,.cta-section{padding:4rem 0}.section-container{padding:0 1rem}.section-header{margin-bottom:2.5rem}.features-grid{grid-template-columns:1fr;gap:1.25rem}.feature-card{padding:1.5rem}.feature-icon{width:50px;height:50px;font-size:1.25rem;margin-bottom:1rem}.feature-card h3{font-size:1.125rem}.about-features{grid-template-columns:1fr;gap:0.75rem}.about-feature{padding:0.625rem 0.875rem}.about-card{padding:2rem}.about-card .card-icon{width:60px;height:60px}.about-card .card-icon i{font-size:1.5rem}.about-card h4{font-size:1.25rem}.step-card{padding:1.5rem}.step-number{width:45px;height:45px;font-size:1.25rem}.contact-form .form-row-2{grid-template-columns:1fr}.contact-form-card{padding:1.5rem}.contact-form-card h3{font-size:1.125rem}.contact-item{flex-direction:row;align-items:flex-start;gap:0.75rem}.contact-item i{width:40px;height:40px;font-size:0.9rem;flex-shrink:0}.contact-item div{flex:1;min-width:0}.contact-item div strong{font-size:0.875rem}.contact-item div span{font-size:0.8125rem;display:block;word-break:break-word}.contact-details{gap:1rem}.cta-content p{font-size:1rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-column h4{font-size:0.9375rem;margin-bottom:1rem}.landing-footer{padding:3rem 0 0}.footer-main{padding-bottom:2rem}}@media (max-width:575px){.hero-content h1{font-size:1.625rem}.hero-buttons{flex-direction:column;gap:0.75rem}.hero-buttons .btn{width:100%;justify-content:center}.preview-content{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:0.75rem}.cta-buttons .btn{width:100%}.footer-links{grid-template-columns:1fr;text-align:center}}@media (max-width:375px){.nav-logo i{font-size:1.5rem}.nav-logo span{font-size:1rem}.hero-section{padding:4.5rem 0.75rem 1.5rem}.hero-content h1{font-size:1.5rem}.hero-content>p{font-size:0.9375rem}.section-header h2,.about-text h2,.contact-info h2,.cta-content h2{font-size:1.5rem}.btn-lg{padding:0.75rem 1.25rem;font-size:0.9375rem}.feature-card{padding:1.25rem}.contact-form-card{padding:1.25rem}.contact-item{gap:0.5rem}.contact-item i{width:36px;height:36px;font-size:0.8rem}.contact-item div strong{font-size:0.8125rem}.contact-item div span{font-size:0.75rem}.about-card{padding:1.5rem}.step-card{padding:1.25rem}}@media (hover:none) and (pointer:coarse){.feature-card:hover,.step-card:hover,.preview-card:hover{transform:none}.dashboard-preview:hover{transform:none}.btn:hover{transform:none}.btn{min-height:48px}.mobile-menu-btn{min-width:48px;min-height:48px}.nav-links a,.mobile-menu a{min-height:44px;display:flex;align-items:center}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-gradient{background:linear-gradient(135deg,var(--primary-50) 0%,var(--white) 50%,var(--secondary-500) 200%)}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:auto;padding:5rem 1.5rem 2rem}.hero-content h1{font-size:1.75rem}.hero-image{display:none}.hero-stats{flex-direction:row;gap:2rem}}@media print{.landing-nav,.mobile-menu,.hero-image,.cta-section,.floating-elements{display:none !important}.hero-section{min-height:auto;padding:2rem 0}.features-section,.about-section,.contact-section{padding:2rem 0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.float-element{animation:none}.hero-badge{animation:none}}.page-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.3s ease,visibility 0.3s ease}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader .loader-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 0.8s linear infinite}.page-loader .loader-text{margin-top:16px;color:var(--gray-600);font-size:0.95rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.btn-loader{display:inline-flex;align-items:center;gap:8px}.btn-loader .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}.btn-outline .btn-loader .spinner{border-color:rgba(99,102,241,0.3);border-top-color:var(--primary-600)}.content-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.content-loader .loader-icon{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.7s linear infinite;margin-bottom:16px}.content-loader .loader-message{color:var(--gray-500);font-size:0.9rem}.skeleton-container{padding:15px}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-text{height:16px;margin-bottom:12px}.skeleton-text.full{width:100%}.skeleton-text.medium{width:75%}.skeleton-text.short{width:50%}.skeleton-avatar{width:50px;height:50px;border-radius:50%}.skeleton-card{height:120px;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.ai-brain-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.ai-brain-loader .brain-icon{font-size:3rem;color:var(--primary-500);animation:brain-pulse 1.5s ease-in-out infinite}.ai-brain-loader .loader-title{margin-top:16px;font-size:1.1rem;font-weight:600;color:var(--gray-800)}.ai-brain-loader .loader-subtitle{margin-top:8px;font-size:0.9rem;color:var(--gray-500)}.ai-brain-loader .progress-bar{width:200px;height:4px;background:var(--gray-200);border-radius:2px;margin-top:20px;overflow:hidden}.ai-brain-loader .progress-fill{height:100%;width:30%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:2px;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes brain-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.dot-loader{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px}.dot-loader .dot{width:10px;height:10px;background:var(--primary-500);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite both}.dot-loader .dot:nth-child(1){animation-delay:-0.32s}.dot-loader .dot:nth-child(2){animation-delay:-0.16s}.dot-loader .dot:nth-child(3){animation-delay:0}@keyframes dot-bounce{0%,80%,100%{transform:scale(0.6);opacity:0.5}40%{transform:scale(1);opacity:1}}.table-loading-row td{text-align:center;padding:40px 20px}.table-loading-row .loading-spinner{display:inline-block;width:30px;height:30px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.7s linear infinite}.inline-loader{display:inline-flex;align-items:center;gap:6px}.inline-loader::after{content:'';width:14px;height:14px;border:2px solid var(--gray-300);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.6s linear infinite}.card-loading{position:relative;pointer-events:none}.card-loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}.card-loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.7s linear infinite;z-index:11}.toast-loader{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--gray-800);color:white;border-radius:8px;box-shadow:var(--shadow-lg);position:fixed;bottom:20px;right:20px;z-index:9999;animation:slideUp 0.3s ease}.toast-loader .toast-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:inherit}.overlay-loader .loader-ring{width:45px;height:45px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 0.8s linear infinite}.overlay-loader .loader-text{margin-top:12px;color:var(--gray-600);font-size:0.9rem}.pulse-loader{display:flex;align-items:center;justify-content:center;gap:8px}.pulse-loader .pulse{width:12px;height:12px;background:var(--primary-500);border-radius:50%;animation:pulse-scale 1s ease-in-out infinite}.pulse-loader .pulse:nth-child(2){animation-delay:0.2s}.pulse-loader .pulse:nth-child(3){animation-delay:0.4s}@keyframes pulse-scale{0%,100%{transform:scale(0.8);opacity:0.5}50%{transform:scale(1.2);opacity:1}}form.submitting{position:relative;pointer-events:none;opacity:0.7}form.submitting::after{content:'Processing...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);padding:20px 30px;border-radius:8px;box-shadow:var(--shadow-lg);font-weight:500;color:var(--gray-700);z-index:100}.search-loading{position:relative}.search-loading::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--gray-300);border-top-color:var(--primary-500);border-radius:50%;animation:spin 0.6s linear infinite}button:disabled,.btn:disabled{opacity:0.7;cursor:not-allowed}@media (max-width:576px){.page-loader .loader-spinner{width:40px;height:40px}.ai-brain-loader .brain-icon{font-size:2.5rem}.ai-brain-loader .progress-bar{width:160px}.toast-loader{left:20px;right:20px;bottom:10px}}.hero-section{min-height:100vh;contain:layout style}.hero-content{min-height:400px;contain:layout}.nav-logo-img{width:245px;height:52px;object-fit:contain}.footer-logo-img{width:200px;height:43px;object-fit:contain}.floating-elements{opacity:0;animation:fadeInFloats 0.5s ease-out 1s forwards}@keyframes fadeInFloats{to{opacity:1}}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.hero-badge-pill{background:#047857;color:#fff;padding:2px 8px;border-radius:4px;margin-left:8px;font-size:.8em;font-weight:600}.cx-icon-whatsapp,.cx-link-whatsapp{color:#25D366}.cx-relative{position:relative;z-index:1}.cx-cta-img{width:500px;height:auto;max-width:100%}.cx-footer-link{color:#c7d2fe;text-decoration:underline}.cta-bg-image{position:absolute;right:-10%;top:50%;transform:translateY(-50%);opacity:.08;pointer-events:none;z-index:0}.geo-pos-1{top:8%;left:5%}.geo-pos-2{top:55%;right:8%}.geo-pos-3{top:20%;right:12%}.geo-pos-4{top:75%;left:10%}.geo-pos-5{top:35%;left:15%}.geo-pos-6{top:85%;right:20%}.geo-pos-7{top:45%;right:5%}.geo-pos-8{top:15%;left:40%}.geo-pos-9{top:60%;left:3%}.geo-pos-10{top:30%;right:3%}.geo-pos-11{top:90%;left:50%}.geo-pos-12{top:5%;right:30%}.footer-disclaimer{font-size:.78rem;line-height:1.55;color:#9ca3af;margin:0 0 .75rem;max-width:1100px}.footer-disclaimer strong{color:#cbd5e1}.footer-meta{font-size:.78rem;color:#94a3b8;margin:0 0 .5rem}.footer-meta a{color:#c7d2fe;text-decoration:underline}.scroll-section{overflow:hidden}.scroll-slide-right{opacity:0;transform:translateX(100px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-slide-left{opacity:0;transform:translateX(-100px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-slide-right.scroll-visible,.scroll-slide-left.scroll-visible{opacity:1;transform:translateX(0)}.scroll-stagger>*{opacity:0;transform:translateX(60px);transition:opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.scroll-stagger.from-left>*{transform:translateX(-60px)}.scroll-stagger.scroll-visible>*{opacity:1;transform:translateX(0)}.scroll-stagger.scroll-visible>*:nth-child(1){transition-delay:0.05s}.scroll-stagger.scroll-visible>*:nth-child(2){transition-delay:0.1s}.scroll-stagger.scroll-visible>*:nth-child(3){transition-delay:0.15s}.scroll-stagger.scroll-visible>*:nth-child(4){transition-delay:0.2s}.scroll-stagger.scroll-visible>*:nth-child(5){transition-delay:0.25s}.scroll-stagger.scroll-visible>*:nth-child(6){transition-delay:0.3s}.scroll-stagger.scroll-visible>*:nth-child(7){transition-delay:0.35s}.scroll-stagger.scroll-visible>*:nth-child(8){transition-delay:0.4s}.section-header.scroll-slide-right,.section-header.scroll-slide-left{transition-duration:0.7s}.features-grid.scroll-stagger>*:nth-child(odd){transform:translateX(60px)}.features-grid.scroll-stagger>*:nth-child(even){transform:translateX(-60px)}.features-grid.scroll-stagger.scroll-visible>*:nth-child(odd),.features-grid.scroll-stagger.scroll-visible>*:nth-child(even){transform:translateX(0)}.steps-grid.scroll-stagger>*{transform:translateX(80px)}.steps-grid.scroll-stagger.scroll-visible>*{transform:translateX(0)}.about-content .about-text{opacity:0;transform:translateX(-80px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.about-content .about-image{opacity:0;transform:translateX(80px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s,transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s}.about-content.scroll-visible .about-text,.about-content.scroll-visible .about-image{opacity:1;transform:translateX(0)}.contact-wrapper .contact-info{opacity:0;transform:translateX(-80px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.contact-wrapper .contact-form-wrapper{opacity:0;transform:translateX(80px);transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s,transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s}.contact-wrapper.scroll-visible .contact-info,.contact-wrapper.scroll-visible .contact-form-wrapper{opacity:1;transform:translateX(0)}.cta-content{opacity:0;transform:translateY(40px) scale(0.95);transition:opacity 0.7s ease,transform 0.7s ease}.cta-content.scroll-visible{opacity:1;transform:translateY(0) scale(1)}.feedback-card.scroll-slide-right{transition-duration:0.9s}@media (prefers-reduced-motion:reduce){.scroll-slide-right,.scroll-slide-left,.scroll-stagger>*,.about-content .about-text,.about-content .about-image,.contact-wrapper .contact-info,.contact-wrapper .contact-form-wrapper,.cta-content{opacity:1 !important;transform:none !important;transition:none !important}}.perspective-wrapper{perspective:1200px;perspective-origin:50% 50%}.geo-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.geo-shape{position:absolute;opacity:0.07;will-change:transform;transition:none}.geo-shape.cube{width:60px;height:60px;transform-style:preserve-3d}.geo-shape.cube .face{position:absolute;width:60px;height:60px;border:2px solid #6366f1;border-radius:8px}.geo-shape.cube .face.front{transform:translateZ(30px)}.geo-shape.cube .face.back{transform:rotateY(180deg) translateZ(30px)}.geo-shape.cube .face.left{transform:rotateY(-90deg) translateZ(30px)}.geo-shape.cube .face.right{transform:rotateY(90deg) translateZ(30px)}.geo-shape.cube .face.top{transform:rotateX(90deg) translateZ(30px)}.geo-shape.cube .face.bottom{transform:rotateX(-90deg) translateZ(30px)}.geo-shape.ring{width:80px;height:80px;border:3px solid #8b5cf6;border-radius:50%}.geo-shape.diamond{width:40px;height:40px;border:2px solid #a855f7;transform:rotate(45deg);border-radius:4px}.geo-shape.triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid rgba(99,102,241,0.15)}.geo-shape.helix{width:50px;height:50px;border:3px solid #6366f1;border-radius:50% 0 50% 0}.geo-shape.cross{width:50px;height:50px;position:absolute}.geo-shape.cross::before,.geo-shape.cross::after{content:'';position:absolute;background:rgba(139,92,246,0.15);border-radius:4px}.geo-shape.cross::before{width:100%;height:30%;top:35%}.geo-shape.cross::after{width:30%;height:100%;left:35%}.feature-card,.step-card,.about-card,.feedback-item{transform-style:preserve-3d;transition:transform 0.4s cubic-bezier(0.03,0.98,0.52,0.99),box-shadow 0.4s ease}.feature-card:hover{transform:perspective(800px) rotateY(var(--rotateY,0deg)) rotateX(var(--rotateX,0deg)) translateZ(20px) !important;box-shadow:0 25px 50px rgba(99,102,241,0.15),0 0 30px rgba(99,102,241,0.05)}.feature-card .feature-icon{transition:transform 0.4s ease}.feature-card:hover .feature-icon{transform:translateZ(40px) scale(1.1)}.scroll-3d-flip{opacity:0;transform:perspective(800px) rotateX(25deg) translateY(60px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1),transform 0.9s cubic-bezier(0.16,1,0.3,1)}.scroll-3d-flip.scroll-visible{opacity:1;transform:perspective(800px) rotateX(0deg) translateY(0)}.scroll-3d-rotate-left{opacity:0;transform:perspective(1000px) rotateY(15deg) translateX(-80px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1),transform 0.9s cubic-bezier(0.16,1,0.3,1)}.scroll-3d-rotate-left.scroll-visible{opacity:1;transform:perspective(1000px) rotateY(0deg) translateX(0)}.scroll-3d-rotate-right{opacity:0;transform:perspective(1000px) rotateY(-15deg) translateX(80px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1),transform 0.9s cubic-bezier(0.16,1,0.3,1)}.scroll-3d-rotate-right.scroll-visible{opacity:1;transform:perspective(1000px) rotateY(0deg) translateX(0)}.scroll-3d-zoom{opacity:0;transform:perspective(600px) translateZ(-150px) scale(0.85);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.scroll-3d-zoom.scroll-visible{opacity:1;transform:perspective(600px) translateZ(0) scale(1)}.scroll-3d-stagger>*{opacity:0;transform:perspective(800px) rotateX(20deg) rotateY(-5deg) translateY(50px) translateZ(-30px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.scroll-3d-stagger.scroll-visible>*{opacity:1;transform:perspective(800px) rotateX(0) rotateY(0) translateY(0) translateZ(0)}.scroll-3d-stagger.scroll-visible>*:nth-child(1){transition-delay:0.05s}.scroll-3d-stagger.scroll-visible>*:nth-child(2){transition-delay:0.12s}.scroll-3d-stagger.scroll-visible>*:nth-child(3){transition-delay:0.19s}.scroll-3d-stagger.scroll-visible>*:nth-child(4){transition-delay:0.26s}.scroll-3d-stagger.scroll-visible>*:nth-child(5){transition-delay:0.33s}.scroll-3d-stagger.scroll-visible>*:nth-child(6){transition-delay:0.40s}.scroll-3d-stagger.scroll-visible>*:nth-child(7){transition-delay:0.47s}.scroll-3d-stagger.scroll-visible>*:nth-child(8){transition-delay:0.54s}.parallax-depth{will-change:transform}.hero-content{animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(1deg)}}.dashboard-preview{animation:dashboardFloat 7s ease-in-out infinite;transform-style:preserve-3d}@keyframes dashboardFloat{0%,100%{transform:perspective(800px) rotateY(-5deg) rotateX(3deg) translateY(0)}50%{transform:perspective(800px) rotateY(-2deg) rotateX(1deg) translateY(-15px)}}.section-3d-divider{height:80px;position:relative;overflow:hidden;margin-top:-40px;z-index:2}.section-3d-divider svg{position:absolute;bottom:0;width:100%;height:100%}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.08;pointer-events:none;will-change:transform}.glow-orb-1{width:400px;height:400px;background:#6366f1;top:10%;left:-5%}.glow-orb-2{width:300px;height:300px;background:#8b5cf6;top:40%;right:-3%}.glow-orb-3{width:350px;height:350px;background:#a855f7;top:70%;left:20%}.landing-page-html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.geo-shape,.glow-orb,.hero-content,.dashboard-preview,.scroll-3d-flip,.scroll-3d-rotate-left,.scroll-3d-rotate-right,.scroll-3d-zoom,.scroll-3d-stagger>*{animation:none !important;opacity:1 !important;transform:none !important;transition:none !important}.geo-canvas{display:none}}.stethoscope-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,10,46,0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),visibility 0.6s;overflow:hidden}.stethoscope-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-particles{position:absolute;width:100%;height:100%;overflow:hidden}.loader-particle{position:absolute;width:4px;height:4px;background:rgba(99,102,241,0.3);border-radius:50%;animation:particleFloat 4s ease-in-out infinite}.loader-particle:nth-child(1){top:15%;left:10%;animation-delay:0s;animation-duration:5s}.loader-particle:nth-child(2){top:25%;left:85%;animation-delay:0.5s;animation-duration:4.5s;width:3px;height:3px}.loader-particle:nth-child(3){top:55%;left:5%;animation-delay:1s;animation-duration:6s;width:5px;height:5px}.loader-particle:nth-child(4){top:70%;left:90%;animation-delay:1.5s;animation-duration:4s}.loader-particle:nth-child(5){top:40%;left:50%;animation-delay:0.8s;animation-duration:5.5s;width:3px;height:3px}.loader-particle:nth-child(6){top:80%;left:30%;animation-delay:2s;animation-duration:4s;width:6px;height:6px;background:rgba(139,92,246,0.2)}.loader-particle:nth-child(7){top:10%;left:65%;animation-delay:0.3s;animation-duration:5s}.loader-particle:nth-child(8){top:90%;left:70%;animation-delay:1.8s;animation-duration:4.5s;width:3px;height:3px}@keyframes particleFloat{0%,100%{transform:translateY(0) scale(1);opacity:0.3}50%{transform:translateY(-30px) scale(1.5);opacity:0.7}}.stethoscope-svg-wrap{position:relative;width:200px;height:200px;margin-bottom:30px}.stethoscope-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;border:2px solid rgba(99,102,241,0.15);animation:pulseRingExpand 2s ease-out infinite}.stethoscope-pulse-ring:nth-child(2){animation-delay:0.6s}.stethoscope-pulse-ring:nth-child(3){animation-delay:1.2s}@keyframes pulseRingExpand{0%{width:100px;height:100px;opacity:0.6;border-color:rgba(99,102,241,0.4)}100%{width:220px;height:220px;opacity:0;border-color:rgba(139,92,246,0)}}.stethoscope-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;filter:drop-shadow(0 0 20px rgba(99,102,241,0.4))}.stethoscope-icon .stetho-tube{fill:none;stroke:url(#stethGrad);stroke-width:4;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:drawTube 1.8s cubic-bezier(0.65,0,0.35,1) forwards}.stethoscope-icon .stetho-earpiece-l,.stethoscope-icon .stetho-earpiece-r{fill:none;stroke:url(#stethGrad);stroke-width:4;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:40;animation:drawEarpiece 0.5s cubic-bezier(0.65,0,0.35,1) 1.4s forwards}.stethoscope-icon .stetho-earpiece-r{animation-delay:1.55s}.stethoscope-icon .stetho-chest{fill:none;stroke:url(#stethGrad);stroke-width:4;opacity:0;animation:chestAppear 0.6s ease 0.8s forwards}.stethoscope-icon .stetho-chest-fill{fill:rgba(99,102,241,0.15);opacity:0;animation:chestAppear 0.6s ease 0.9s forwards}.stethoscope-icon .stetho-heartbeat{fill:none;stroke:#f43f5e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;opacity:0;animation:drawHeartbeat 0.8s ease 1.8s forwards}@keyframes drawTube{to{stroke-dashoffset:0}}@keyframes drawEarpiece{to{stroke-dashoffset:0}}@keyframes chestAppear{0%{opacity:0;transform:scale(0.5)}60%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes drawHeartbeat{0%{stroke-dashoffset:60;opacity:0}20%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}.stetho-glow{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(99,102,241,0.35) 0%,transparent 70%);border-radius:50%;animation:glowPulse 1.5s ease-in-out infinite 1s;opacity:0}@keyframes glowPulse{0%,100%{opacity:0.4;transform:translateX(-50%) scale(1)}50%{opacity:0.8;transform:translateX(-50%) scale(1.3)}}.loader-text{text-align:center}.loader-text h3{font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:0.5px;opacity:0;animation:textFadeIn 0.6s ease 0.5s forwards}.loader-subtext{font-family:'Inter',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.4);margin:0;opacity:0;animation:textFadeIn 0.6s ease 0.8s forwards}@keyframes textFadeIn{to{opacity:1}}.loader-progress{width:180px;height:3px;background:rgba(255,255,255,0.08);border-radius:3px;margin-top:20px;overflow:hidden;opacity:0;animation:textFadeIn 0.5s ease 1s forwards}.loader-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#a855f7,#6366f1);background-size:200% 100%;border-radius:3px;animation:progressFill 2s cubic-bezier(0.4,0,0.2,1) 1s forwards,progressShimmer 1.5s linear infinite}@keyframes progressFill{0%{width:0%}50%{width:70%}80%{width:90%}100%{width:100%}}@keyframes progressShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.loader-heartbeat-line{position:absolute;bottom:40px;left:0;width:100%;height:40px;opacity:0.15}.loader-heartbeat-line svg{width:100%;height:100%}.loader-heartbeat-line .hb-line{fill:none;stroke:#6366f1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:drawHeartbeatLine 3s linear infinite}@keyframes drawHeartbeatLine{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.stethoscope-loader{transition:opacity 0.2s}.stethoscope-icon .stetho-tube,.stethoscope-icon .stetho-earpiece-l,.stethoscope-icon .stetho-earpiece-r,.stethoscope-icon .stetho-heartbeat,.loader-progress-bar{animation:none !important;stroke-dashoffset:0 !important;opacity:1 !important;width:100% !important}.stethoscope-icon .stetho-chest,.stethoscope-icon .stetho-chest-fill,.loader-text h3,.loader-subtext,.loader-progress,.stetho-glow{animation:none !important;opacity:1 !important}.stethoscope-pulse-ring,.loader-particle,.loader-heartbeat-line{display:none}}@media (max-width:768px){.stethoscope-loader{transition:opacity 0.15s}.loader-particles,.stethoscope-pulse-ring,.loader-heartbeat-line{display:none !important}.stethoscope-loader .stetho-tube,.stethoscope-loader .stetho-earpiece-l,.stethoscope-loader .stetho-earpiece-r,.stethoscope-loader .stetho-heartbeat{animation-duration:0.5s !important}}.brand-identity-section{padding:100px 0;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 50%,#f1f5f9 100%);position:relative;overflow:hidden}.brand-identity-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('/assets/image/xrunbg.png') center/cover no-repeat;background:-webkit-image-set(url('/assets/image/xrunbg.webp') type('image/webp'),url('/assets/image/xrunbg.png') type('image/png')) center/cover no-repeat;background:image-set(url('/assets/image/xrunbg.webp') type('image/webp'),url('/assets/image/xrunbg.png') type('image/png')) center/cover no-repeat;opacity:0.04;pointer-events:none}.brand-identity-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.brand-identity-image{position:relative;display:flex;justify-content:center;align-items:center}.xrun-image{max-width:100%;height:auto;border-radius:20px;box-shadow:0 30px 80px rgba(99,102,241,0.15);transition:transform 0.5s ease}.brand-identity-image:hover .xrun-image{transform:scale(1.02) rotate(1deg)}.brand-glow{position:absolute;width:80%;height:80%;background:radial-gradient(circle,rgba(99,102,241,0.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}.brand-identity-content{color:#1e293b}.brand-identity-content .section-badge{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);color:#6366f1}.brand-identity-content h2{font-size:2.75rem;font-weight:800;margin:20px 0;line-height:1.2;color:#1e293b}.brand-tagline{font-size:1.15rem;color:#64748b;line-height:1.7;margin-bottom:35px}.brand-tagline strong{color:#6366f1}.brand-features{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.brand-feature{display:flex;align-items:flex-start;gap:18px;padding:20px;background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.04)}.brand-feature:hover{background:#ffffff;transform:translateX(10px);border-color:rgba(99,102,241,0.4);box-shadow:0 8px 25px rgba(99,102,241,0.1)}.brand-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-feature-icon i{font-size:22px;color:#fff}.brand-feature-text h3{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:#1e293b}.brand-feature-text p{margin:0;font-size:0.95rem;color:#64748b;line-height:1.5}.brand-quote{display:flex;align-items:center;gap:15px;padding:25px;background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(139,92,246,0.08));border-radius:16px;border-left:4px solid #8b5cf6}.brand-quote i{font-size:24px;color:#8b5cf6;opacity:0.8}.brand-quote p{margin:0;font-size:1.1rem;font-style:italic;color:#475569}@media (max-width:992px){.brand-identity-wrapper{grid-template-columns:1fr;gap:40px}.brand-identity-image{order:-1}.xrun-image{max-width:80%}.brand-identity-content h2{font-size:2.2rem}}@media (max-width:576px){.brand-identity-section{padding:60px 0}.brand-identity-content h2{font-size:1.8rem}.xrun-image{max-width:100%}.brand-feature{padding:15px}.brand-feature-icon{width:44px;height:44px}.brand-feature-icon i{font-size:18px}}.seo-content-section{padding:80px 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 60%,#f1f5f9 100%);color:#1f2937;position:relative}.seo-content-section .section-header{margin:0 auto 3rem}.seo-content-section .section-header h2{font-size:clamp(1.85rem,3.4vw,2.6rem);line-height:1.2;margin:0 0 .75rem;color:#0f172a;font-weight:700;letter-spacing:-0.01em}.seo-content-section .section-header p{color:#475569;font-size:1.05rem;line-height:1.65}.seo-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:28px;align-items:stretch}.seo-content-grid:last-child{margin-bottom:0}.seo-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:32px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0;display:flex;flex-direction:column}.seo-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(15,23,42,.06),0 24px 40px -16px rgba(99,102,241,.25);border-color:#c7d2fe}.seo-card-accent{background:linear-gradient(160deg,#ffffff 0%,#f5f3ff 100%);border-color:#ddd6fe}.seo-card-icon{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:1.25rem;margin-bottom:18px;box-shadow:0 8px 16px -8px rgba(99,102,241,.6)}.seo-card h3{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.3;margin:0 0 14px;color:#0f172a;font-weight:600}.seo-card p{font-size:.98rem;line-height:1.75;margin:0 0 14px;color:#475569}.seo-card p:last-child{margin-bottom:0}.seo-feature-list{padding-left:1.2rem;margin:0;color:#475569;line-height:1.7;font-size:.98rem}.seo-feature-list li{margin-bottom:10px}.seo-feature-list li:last-child{margin-bottom:0}.seo-feature-list li strong{color:#0f172a;font-weight:600}.seo-feature-list a{color:#6366f1;text-decoration:underline;text-underline-offset:2px;font-weight:500}.seo-feature-list a:hover{color:#4f46e5}.seo-steps{counter-reset:seo-step;list-style:none;padding-left:0}.seo-steps li{position:relative;padding-left:2.25rem;counter-increment:seo-step}.seo-steps li::before{content:counter(seo-step);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.seo-cta-line{margin-top:18px !important;padding-top:16px;border-top:1px dashed #e2e8f0;font-size:.95rem !important}@media (max-width:900px){.seo-content-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.seo-content-section{padding:60px 0}.seo-card{padding:26px}}@media (max-width:480px){.seo-content-section{padding:44px 0}.seo-card{padding:22px;border-radius:16px}.seo-card-icon{width:46px;height:46px;font-size:1.1rem;margin-bottom:14px}}.feedback-section{padding:80px 0;background:linear-gradient(135deg,#f0fdf4 0%,#ecfeff 50%,#fef3c7 100%)}.feedback-card{background:white;border-radius:24px;padding:50px 40px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.1);max-width:900px;margin:0 auto}.feedback-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.feedback-icon i{font-size:36px;color:white}.feedback-card h2{font-size:2.5rem;margin:0 0 10px}.feedback-subtitle{color:#6b7280;font-size:1.1rem;margin-bottom:40px}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:35px}.feedback-item{padding:25px 20px;background:#f9fafb;border-radius:16px;transition:transform 0.3s,box-shadow 0.3s}.feedback-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.feedback-item-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.feedback-item-icon.bug{background:linear-gradient(135deg,#dc2626,#ef4444)}.feedback-item-icon.feature{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.feedback-item-icon.improve{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.feedback-item-icon i{color:white;font-size:22px}.feedback-item h3{margin:0 0 10px;color:#1f2937;font-size:1.1rem}.feedback-item p{margin:0;color:#6b7280;font-size:0.9rem;line-height:1.5}.gratitude-banner{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:16px;padding:25px 30px;margin:30px 0;display:flex;align-items:center;gap:20px;text-align:left}.gratitude-star{width:60px;height:60px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gratitude-star i{color:white;font-size:28px}.gratitude-text h4{margin:0 0 8px;color:#92400e;font-size:1.15rem}.gratitude-text h4 i{margin-right:8px}.gratitude-text p{margin:0;color:#78350f;font-size:0.95rem;line-height:1.6}@media (max-width:768px){.feedback-card{padding:30px 20px}.feedback-card h2{font-size:1.8rem}.gratitude-banner{flex-direction:column;text-align:center}}.gratitude-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;justify-content:center;align-items:center;padding:20px}.gratitude-modal.active{display:flex;animation:fadeIn 0.3s ease}.gratitude-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px)}.gratitude-card{position:relative;background:linear-gradient(145deg,#ffffff,#f8f9ff);border-radius:24px;max-width:480px;width:100%;padding:40px 30px;text-align:center;box-shadow:0 25px 80px rgba(99,102,241,0.3),0 10px 40px rgba(0,0,0,0.2);animation:slideUp 0.4s ease;overflow:hidden}.gratitude-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gratitude-close{position:absolute;top:15px;right:15px;background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;color:#6b7280;transition:all 0.2s;display:flex;align-items:center;justify-content:center;line-height:1}.gratitude-close:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.gratitude-photo{position:relative;display:inline-block;margin-bottom:20px}.photo-frame{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px rgba(99,102,241,0.3);border:4px solid #fff}.photo-frame i{font-size:50px;color:white}.gratitude-badge{position:absolute;bottom:5px;right:5px;width:36px;height:36px;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;animation:pulse 2s infinite}.gratitude-badge i{color:white;font-size:16px}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.gratitude-ribbon{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:15px}.gratitude-content h2{font-size:32px;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.gratitude-content h3{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 5px}.gratitude-content h3 .degree{font-size:14px;font-weight:600;color:#6366f1;background:#eef2ff;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.clinic-name{color:#6b7280;font-size:15px;margin:8px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}.clinic-name i{color:#8b5cf6}.gratitude-divider{width:60px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);margin:20px auto;border-radius:2px}.gratitude-message{color:#4b5563;font-size:14px;line-height:1.7;margin:0 0 20px}.gratitude-footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-style:italic;font-size:13px}.gratitude-footer i{color:#d1d5db;font-size:10px}.gratitude-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px;transition:all 0.3s;box-shadow:0 4px 15px rgba(99,102,241,0.3)}.gratitude-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,0.4)}@media (max-width:480px){.gratitude-card{padding:30px 20px;margin:10px}.photo-frame{width:100px;height:100px}.photo-frame i{font-size:40px}.gratitude-content h2{font-size:26px}.gratitude-content h3{font-size:18px}.gratitude-message{font-size:13px}}.chatbot-widget{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(99,102,241,0.4);display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(99,102,241,0.5)}.chatbot-toggle-icon,.chatbot-toggle-close{color:white;font-size:24px;position:absolute;transition:all 0.3s}.chatbot-toggle-close{opacity:0;transform:rotate(-90deg) scale(0.5)}.chatbot-widget.open .chatbot-toggle-icon{opacity:0;transform:rotate(90deg) scale(0.5)}.chatbot-widget.open .chatbot-toggle-close{opacity:1;transform:rotate(0) scale(1)}.chatbot-notification-badge{position:absolute;top:-5px;right:-5px;width:22px;height:22px;background:#ef4444;color:white;font-size:12px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.chatbot-widget.open .chatbot-notification-badge{display:none}.chatbot-window{position:absolute;bottom:75px;right:0;width:380px;height:550px;max-height:calc(100vh - 100px);background:#fff;border-radius:20px;box-shadow:0 10px 50px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.chatbot-widget.open .chatbot-window{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chatbot-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.chatbot-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:42px;height:42px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.chatbot-avatar i{font-size:20px}.chatbot-status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid #6366f1}.chatbot-header-text h4{margin:0;font-size:16px;font-weight:600}.chatbot-status{font-size:12px;opacity:0.9}.chatbot-header-actions{display:flex;gap:8px}.chatbot-header-actions button{width:32px;height:32px;border:none;background:rgba(255,255,255,0.15);color:white;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.chatbot-header-actions button:hover{background:rgba(255,255,255,0.25)}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f9fafb}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chatbot-welcome{text-align:center;padding:15px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border-radius:16px;margin-bottom:10px}.chatbot-welcome-icon{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.chatbot-welcome-icon i{font-size:24px;color:white}.chatbot-welcome h3{margin:0 0 8px;font-size:16px;color:#1f2937}.chatbot-welcome p{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.chatbot-message{display:flex;gap:10px;max-width:90%;animation:messageSlide 0.3s ease}@keyframes messageSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot-message-avatar{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatbot-message-avatar i{font-size:14px;color:white}.chatbot-message.user .chatbot-message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.chatbot-message.user .chatbot-message-avatar i::before{content:"\f007"}.chatbot-message-content{background:white;padding:12px 16px;border-radius:16px;border-top-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.chatbot-message.user .chatbot-message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border-top-left-radius:16px;border-top-right-radius:4px}.chatbot-message-content p{margin:0;font-size:14px;line-height:1.5}.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:5px 0}.chatbot-suggestion{padding:8px 14px;background:white;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;color:#6366f1;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.2s}.chatbot-suggestion:hover{background:#6366f1;color:white;border-color:#6366f1}.chatbot-suggestion i{font-size:11px}.chatbot-input-area{padding:15px 20px;background:white;border-top:1px solid #e5e7eb}.chatbot-typing{display:flex;align-items:center;gap:6px;padding:8px 0;color:#6b7280;font-size:12px}.chatbot-typing span:not(.typing-text){width:6px;height:6px;background:#6366f1;border-radius:50%;animation:typingDot 1.4s infinite ease-in-out}.chatbot-typing span:nth-child(1){animation-delay:0s}.chatbot-typing span:nth-child(2){animation-delay:0.2s}.chatbot-typing span:nth-child(3){animation-delay:0.4s}@keyframes typingDot{0%,80%,100%{transform:scale(0.7);opacity:0.5}40%{transform:scale(1);opacity:1}}.typing-text{margin-left:6px}.chatbot-form{display:flex;gap:10px}.chatbot-input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.chatbot-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.chatbot-send{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.chatbot-send:disabled{background:#d1d5db;cursor:not-allowed}.chatbot-send:not(:disabled):hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(99,102,241,0.4)}.chatbot-powered{text-align:center;font-size:11px;color:#9ca3af;margin-top:8px}.chatbot-powered i{color:#f59e0b}@media (max-width:768px){.chatbot-widget{bottom:15px;right:15px}.chatbot-window{width:340px;height:500px;bottom:70px;right:0}.chatbot-toggle{width:56px;height:56px}.chatbot-header{padding:14px 16px}.chatbot-avatar{width:38px;height:38px}.chatbot-messages{padding:16px}.chatbot-welcome{padding:12px}.chatbot-welcome h3{font-size:15px}.chatbot-welcome p{font-size:12px}}@media (max-width:480px){.chatbot-widget{bottom:0;right:0;left:0;z-index:99999}.chatbot-widget.open{position:fixed;top:0;bottom:0;left:0;right:0}.chatbot-toggle{position:fixed;bottom:20px;right:20px;width:55px;height:55px;z-index:99998}.chatbot-widget.open .chatbot-toggle{display:none}.chatbot-window{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:100%;border-radius:0;z-index:99999}.chatbot-header{padding:12px 16px;border-radius:0}.chatbot-header-info{gap:10px}.chatbot-avatar{width:36px;height:36px}.chatbot-avatar i{font-size:18px}.chatbot-header-text h4{font-size:15px}.chatbot-status{font-size:11px}.chatbot-messages{padding:12px;gap:12px}.chatbot-welcome{padding:12px;margin-bottom:8px}.chatbot-welcome-icon{width:44px;height:44px}.chatbot-welcome-icon i{font-size:20px}.chatbot-welcome h3{font-size:14px;margin-bottom:6px}.chatbot-welcome p{font-size:12px;line-height:1.4}.chatbot-message{max-width:85%}.chatbot-message-avatar{width:28px;height:28px}.chatbot-message-avatar i{font-size:12px}.chatbot-message-content{padding:10px 14px;border-radius:14px}.chatbot-message-content p{font-size:13px}.chatbot-message.bot .chatbot-message-content{border-top-left-radius:4px}.chatbot-message.user .chatbot-message-content{border-top-right-radius:4px}.chatbot-suggestions{gap:6px;padding:4px 0}.chatbot-suggestion{padding:6px 12px;font-size:11px;border-radius:16px}.chatbot-suggestion i{font-size:10px}.chatbot-input-area{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.chatbot-typing{padding:6px 0;font-size:11px}.chatbot-typing span:not(.typing-text){width:5px;height:5px}.chatbot-form{gap:8px}.chatbot-input{padding:10px 14px;font-size:16px;border-radius:22px}.chatbot-send{width:42px;height:42px}.chatbot-send i{font-size:16px}.chatbot-powered{font-size:10px;margin-top:6px}.chatbot-notification-badge{width:20px;height:20px;font-size:11px;top:-4px;right:-4px}.chatbot-toggle-icon i,.chatbot-toggle-close i{font-size:22px}}@media (max-width:360px){.chatbot-welcome h3{font-size:13px}.chatbot-welcome p{font-size:11px}.chatbot-suggestion{padding:5px 10px;font-size:10px}.chatbot-message-content p{font-size:12px}.chatbot-header-text h4{font-size:14px}}@media (max-height:500px) and (max-width:900px){.chatbot-window{height:100vh;max-height:100vh}.chatbot-messages{max-height:calc(100vh - 140px)}.chatbot-welcome{padding:8px}.chatbot-welcome-icon{width:36px;height:36px}.chatbot-welcome h3{font-size:13px;margin-bottom:4px}.chatbot-welcome p{font-size:11px}}