:root{--primary-50:#e6f7f9;--primary-100:#b3e8ed;--primary-200:#80d9e1;--primary-300:#4dcad5;--primary-400:#1abac9;--primary-500:#0a7f8e;--primary-600:#086b78;--primary-700:#065762;--primary-800:#04434c;--primary-900:#022f36;--accent-teal:#06b6d4;--accent-teal-light:#67e8f9;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-green:#10b981;--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;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#0f172a;--bg-dark-secondary:#1e293b;--bg-overlay:#0f172ab3;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-link:#0a7f8e;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--gradient-primary:linear-gradient(135deg,#0a7f8e,#1abac9);--gradient-secondary:linear-gradient(135deg,#0a7f8e,#06b6d4);--gradient-accent:linear-gradient(135deg,#f4c075,#ee9981);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#f97316);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-purple-pink:linear-gradient(135deg,#a855f7,#ec4899);--gradient-teal-blue:linear-gradient(135deg,#0a7f8e,#06b6d4);--gradient-green:linear-gradient(135deg,#10b981,#34d399);--gradient-red:linear-gradient(135deg,#ef4444,#f87171);--gradient-blue:linear-gradient(135deg,#3b82f6,#60a5fa);--gradient-indigo:linear-gradient(135deg,#6366f1,#818cf8);--gradient-purple:linear-gradient(135deg,#8b5cf6,#a78bfa);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--text-xs:clamp(0.6875rem,0.65rem + 0.2vw,0.8125rem);--text-sm:clamp(0.8125rem,0.75rem + 0.2vw,0.9375rem);--text-base:clamp(0.9375rem,0.875rem + 0.2vw,1.0625rem);--text-lg:clamp(1.0625rem,1rem + 0.3vw,1.1875rem);--text-xl:clamp(1.1875rem,1.1rem + 0.4vw,1.375rem);--text-2xl:clamp(1.375rem,1.25rem + 0.6vw,1.75rem);--text-3xl:clamp(1.625rem,1.5rem + 0.8vw,2rem);--text-4xl:clamp(2rem,1.8rem + 1.2vw,2.625rem);--text-5xl:clamp(2.625rem,2.25rem + 2vw,3.375rem);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--sidebar-width:240px;--sidebar-collapsed-width:80px;--header-height:64px;--container-max-width:1440px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;overflow-x:hidden;scroll-behavior:smooth;text-rendering:optimizeLegibility;width:100%}body{background-color:#f9fafb;background-color:var(--bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-sans);font-size:clamp(.9375rem,.875rem + .2vw,1.0625rem);font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal);overflow-x:hidden}.heading-1,body{color:#111827;color:var(--text-primary)}.heading-1{font-size:clamp(2.625rem,2.25rem + 2vw,3.375rem);font-size:var(--text-5xl);font-weight:800;font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:1.25;line-height:var(--leading-tight)}.heading-2{font-size:clamp(2rem,1.8rem + 1.2vw,2.625rem);font-size:var(--text-4xl);letter-spacing:-.01em;line-height:1.25;line-height:var(--leading-tight)}.heading-2,.heading-3{color:#111827;color:var(--text-primary);font-weight:700;font-weight:var(--font-bold)}.heading-3{font-size:clamp(1.625rem,1.5rem + .8vw,2rem);font-size:var(--text-3xl);line-height:1.375;line-height:var(--leading-snug)}.heading-4{font-size:clamp(1.375rem,1.25rem + .6vw,1.75rem);font-size:var(--text-2xl)}.heading-4,.heading-5{color:#111827;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold);line-height:1.375;line-height:var(--leading-snug)}.heading-5{font-size:clamp(1.1875rem,1.1rem + .4vw,1.375rem);font-size:var(--text-xl)}.heading-6{color:#111827;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold);line-height:1.5;line-height:var(--leading-normal)}.heading-6,.text-body-lg{font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);font-size:var(--text-lg)}.text-body-lg{line-height:1.625;line-height:var(--leading-relaxed)}.text-body{font-size:clamp(.9375rem,.875rem + .2vw,1.0625rem);font-size:var(--text-base)}.text-body,.text-body-sm{line-height:1.5;line-height:var(--leading-normal)}.text-body-sm{font-size:clamp(.8125rem,.75rem + .2vw,.9375rem);font-size:var(--text-sm)}.text-caption{color:#4b5563;color:var(--text-secondary);font-size:clamp(.6875rem,.65rem + .2vw,.8125rem);font-size:var(--text-xs);line-height:1.5;line-height:var(--leading-normal)}.container{margin:0 auto;max-width:1440px;max-width:var(--container-max-width);padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-content{animation:fadeIn ease-in .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow) ease-in;flex:1 1;padding:1.5rem;padding:var(--space-6)}@media (max-width:768px){.page-content{padding:1rem;padding:var(--space-4)}}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInRight var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn ease-out .2s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-base) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-primary{color:#111827;color:var(--text-primary)}.text-secondary{color:#4b5563;color:var(--text-secondary)}.text-tertiary{color:#9ca3af;color:var(--text-tertiary)}.text-white{color:#fff;color:var(--text-inverse)}.text-success{color:#059669;color:var(--success-600)}.text-warning{color:#d97706;color:var(--warning-600)}.text-error{color:#dc2626;color:var(--error-600)}.bg-white{background-color:#fff;background-color:var(--bg-primary)}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.transition{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-slow{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);-webkit-transition:background .2s cubic-bezier(.4,0,.2,1);transition:background .2s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}*{scrollbar-color:#d1d5db #f3f4f6;scrollbar-color:var(--gray-300) var(--gray-100);scrollbar-width:thin}::selection{background-color:#80d9e1;background-color:var(--primary-200);color:#022f36;color:var(--primary-900)}::-moz-selection{background-color:#80d9e1;background-color:var(--primary-200);color:#022f36;color:var(--primary-900)}:focus{outline:2px solid #0a7f8e;outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #0a7f8e;outline:2px solid var(--primary-500);outline-offset:2px}@media (max-width:640px){.sm\:hidden{display:none!important}.sm\:block{display:block}}@media (min-width:641px) and (max-width:768px){.md\:hidden{display:none!important}.md\:block{display:block}}@media (min-width:769px) and (max-width:1024px){.lg\:hidden{display:none!important}.lg\:block{display:block}}@media (min-width:1025px){.xl\:hidden{display:none!important}.xl\:block{display:block}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;overflow-x:hidden;position:relative;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden{display:none}body{margin:0;padding:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.hide{display:none}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;outline:none;position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-sm{border-radius:var(--radius-md);font-size:var(--text-sm);height:32px;padding:var(--space-2) var(--space-3)}.btn-md{font-size:var(--text-base);height:40px;padding:var(--space-3) var(--space-4)}.btn-lg,.btn-md{border-radius:var(--radius-lg)}.btn-lg{font-size:var(--text-lg);height:48px;padding:var(--space-4) var(--space-6)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary:hover:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-secondary:hover:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-outline{background:#0000;border:2px solid var(--primary-500);box-shadow:none;color:var(--primary-600)}.btn-outline:hover:not(.btn-disabled):not(.btn-loading){background:var(--primary-50);border-color:var(--primary-600)}.btn-ghost{background:#0000;box-shadow:none;color:var(--text-secondary)}.btn-ghost:hover:not(.btn-disabled):not(.btn-loading){background:var(--gray-100);color:var(--text-primary)}.btn-success{background:var(--gradient-success);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-success:hover:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:var(--gradient-warning);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-warning:hover:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--gradient-error);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-danger:hover:not(.btn-disabled):not(.btn-loading){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-link{background:#0000;box-shadow:none;color:var(--text-link);text-decoration:underline}.btn-link:hover:not(.btn-disabled):not(.btn-loading){color:var(--primary-700)}.btn-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-loading{cursor:wait;pointer-events:none}.btn-loading .btn-text{opacity:.7}.btn-full-width{width:100%}.btn-icon{align-items:center;display:inline-flex;justify-content:center}.btn-icon svg{height:1em;width:1em}.btn-spinner{align-items:center;display:flex;justify-content:center;left:var(--space-3);position:absolute}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (max-width:640px){.btn-lg{font-size:var(--text-base);height:44px;padding:var(--space-3) var(--space-5)}}.card{border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card,.card-default{background:var(--bg-primary)}.card-elevated{box-shadow:var(--shadow-lg)}.card-bordered{border:2px solid var(--border-medium);box-shadow:none}.card-ghost{background:#0000;border:1px dashed var(--border-medium);box-shadow:none}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:active{transform:scale(.98)}.card-gradient{background:var(--gradient-primary);border:none;color:var(--text-inverse);position:relative}.card-gradient:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card-header,.card-padding-none .card-header{padding:var(--space-6)}.card-body{flex:1 1}.card-footer,.card-padding-none .card-body{padding:var(--space-6)}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light)}.card-padding-none .card-footer{padding:var(--space-6)}@media (max-width:640px){.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-6)}.card-body,.card-footer,.card-header,.card-padding-none .card-body,.card-padding-none .card-footer,.card-padding-none .card-header{padding:var(--space-4)}}.input-container{display:flex;flex-direction:column;gap:var(--space-2)}.input-container-full-width{width:100%}.input-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium)}.input-required{color:var(--error-500);margin-left:var(--space-1)}.input-wrapper{align-items:center;display:flex;position:relative}.input{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);outline:none;transition:all var(--transition-base);width:100%}.input-sm{font-size:var(--text-sm);height:36px;padding:var(--space-2) var(--space-3)}.input-md{font-size:var(--text-base);height:44px;padding:var(--space-3) var(--space-4)}.input-lg{font-size:var(--text-lg);height:52px;padding:var(--space-4) var(--space-5)}.input-with-left-icon{padding-left:var(--space-10)}.input-with-right-icon{padding-right:var(--space-10)}.input-icon{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;pointer-events:none;position:absolute}.input-icon-left{left:var(--space-3)}.input-icon-right{right:var(--space-3)}.input-icon svg{height:20px;width:20px}.input:hover:not(.input-disabled){border-color:var(--primary-400)}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #7c66f41a}.input-error{border-color:var(--error-500)}.input-error:focus{border-color:var(--error-600);box-shadow:0 0 0 3px #ef44441a}.input-disabled{background:var(--gray-100);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.input-default{background:var(--bg-primary)}.input-filled{background:var(--gray-100);border-color:#0000}.input-filled:hover:not(.input-disabled){background:var(--gray-200)}.input-filled:focus{background:var(--bg-primary);border-color:var(--primary-500)}.input-helper-text{color:var(--text-secondary);font-size:var(--text-xs)}.input-error-text{align-items:center;color:var(--error-600);display:flex;font-size:var(--text-xs);gap:var(--space-1)}.input::placeholder{color:var(--text-tertiary);opacity:1}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);border-color:var(--primary-500);-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset}@media (max-width:640px){.input-lg{font-size:var(--text-base);height:48px}}.badge{align-items:center;display:inline-flex;font-family:var(--font-sans);font-weight:var(--font-semibold);gap:var(--space-1);justify-content:center;line-height:1;transition:all var(--transition-base);vertical-align:middle;white-space:nowrap}.badge-sm{border-radius:var(--radius-md);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.badge-md{font-size:var(--text-sm);padding:calc(var(--space-1) + 1px) var(--space-3)}.badge-lg,.badge-md{border-radius:var(--radius-lg)}.badge-lg{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}.badge-default{background:var(--gray-100);color:var(--text-primary)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-secondary{background:var(--info-50);color:var(--info-700)}.badge-success{background:var(--success-50);color:var(--success-700)}.badge-warning{background:var(--warning-50);color:var(--warning-700)}.badge-error{background:var(--error-50);color:var(--error-700)}.badge-info{background:var(--info-50);color:var(--info-700)}.badge-dark{background:var(--gray-800);color:var(--text-inverse)}.badge-purple{background:#f3e8ff;color:#7c3aed}.badge-pink{background:#fce7f3;color:#db2777}.badge-teal{background:#ccfbf1;color:#0f766e}.badge-orange{background:#ffedd5;color:#c2410c}.badge-outline-primary{background:#0000;border:1px solid var(--primary-400);color:var(--primary-600)}.badge-outline-success{background:#0000;border:1px solid var(--success-400);color:var(--success-600)}.badge-outline-warning{background:#0000;border:1px solid var(--warning-400);color:var(--warning-600)}.badge-outline-error{background:#0000;border:1px solid var(--error-400);color:var(--error-600)}.badge-rounded{border-radius:var(--radius-full)}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.badge-success .badge-dot-indicator{background:var(--success-500)}.badge-warning .badge-dot-indicator{background:var(--warning-500)}.badge-error .badge-dot-indicator{background:var(--error-500)}.badge-primary .badge-dot-indicator{background:var(--primary-500)}@media (max-width:640px){.badge-lg{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}}.modal-backdrop{align-items:center;animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content{animation:slideUp var(--transition-slow) ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;position:relative;width:100%}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-full{max-height:95vh;max-width:95vw}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-6)}.modal-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.modal-close-button:hover{background:var(--gray-100);color:var(--text-primary)}.modal-close-button:active{transform:scale(.95)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:var(--space-2)}.modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:85vh}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}.modal-title{font-size:var(--text-lg)}.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}@media (max-width:640px){.modal-backdrop{padding:0}.modal-content{border-radius:0;max-height:100vh}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.skeleton-card-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.skeleton-card-header-text{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-table{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.skeleton-table-header{background:var(--bg-secondary);padding:var(--space-4)}.skeleton-table-row{border-top:1px solid var(--border-light);padding:var(--space-4)}.skeleton-profile{align-items:center;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.skeleton-profile-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.skeleton-profile-stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width:640px){.skeleton-card{padding:var(--space-4)}.skeleton-profile{padding:var(--space-6)}.skeleton-profile-stats{flex-direction:column;gap:var(--space-4);width:100%}.skeleton-profile-stat{width:100%}}.search-bar{align-items:center;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);display:inline-flex;position:relative;transition:all var(--transition-base)}.search-bar:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #7c66f41a}.search-bar-sm{height:36px;padding:0 var(--space-3)}.search-bar-sm .search-bar-input{font-size:var(--text-sm)}.search-bar-md{height:44px;padding:0 var(--space-4)}.search-bar-md .search-bar-input{font-size:var(--text-base)}.search-bar-lg{height:52px;padding:0 var(--space-5)}.search-bar-lg .search-bar-input{font-size:var(--text-lg)}.search-bar-full-width{width:100%}.search-bar-icon{color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-lg);margin-right:var(--space-3)}.search-bar-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);min-width:0;outline:none;width:100%}.search-bar-input::placeholder{color:var(--text-tertiary)}.search-bar-input:disabled{color:var(--text-tertiary);cursor:not-allowed}.search-bar-clear{align-items:center;background:var(--gray-200);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:var(--space-2);transition:all var(--transition-fast);width:24px}.search-bar-clear:hover{background:var(--gray-300);color:var(--text-primary)}.search-bar-clear:active{transform:scale(.95)}.search-bar-disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.search-bar-disabled .search-bar-clear,.search-bar-disabled .search-bar-icon{pointer-events:none}.search-bar:hover:not(.search-bar-disabled){border-color:var(--primary-400)}@media (max-width:640px){.search-bar-lg{height:48px;padding:0 var(--space-4)}.search-bar-lg .search-bar-input{font-size:var(--text-base)}}.select-container{display:flex;flex-direction:column;gap:var(--space-2)}.select-container-full-width{width:100%}.select-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium)}.select-required{color:var(--error-500);margin-left:var(--space-1)}.select-wrapper{align-items:center;display:flex;position:relative}.select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);outline:none;padding-right:var(--space-10);transition:all var(--transition-base);width:100%}.select-sm{font-size:var(--text-sm);height:36px;padding:var(--space-2) var(--space-3)}.select-md{font-size:var(--text-base);height:44px;padding:var(--space-3) var(--space-4)}.select-lg{font-size:var(--text-lg);height:52px;padding:var(--space-4) var(--space-5)}.select-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;right:var(--space-4);transition:transform var(--transition-base)}.select-wrapper:focus-within .select-icon{color:var(--primary-500);transform:rotate(180deg)}.select:hover:not(.select-disabled){border-color:var(--primary-400)}.select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #7c66f41a}.select-error{border-color:var(--error-500)}.select-error:focus{border-color:var(--error-600);box-shadow:0 0 0 3px #ef44441a}.select-disabled{background:var(--gray-100);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.select-default{background:var(--bg-primary)}.select-filled{background:var(--gray-100);border-color:#0000}.select-filled:hover:not(.select-disabled){background:var(--gray-200)}.select-filled:focus{background:var(--bg-primary);border-color:var(--primary-500)}.select-helper-text{color:var(--text-secondary);font-size:var(--text-xs)}.select-error-text{align-items:center;color:var(--error-600);display:flex;font-size:var(--text-xs);gap:var(--space-1)}.select option{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-2)}.select option:disabled{color:var(--text-tertiary)}@media (max-width:640px){.select-lg{font-size:var(--text-base);height:48px}}.stat-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:100px;overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card-gradient{border:none}.stat-card-gradient,.stat-card-gradient .stat-card-title,.stat-card-gradient .stat-card-value{color:var(--text-inverse)}.stat-card-overlay{background:linear-gradient(135deg,#ffffff26,#fff0);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card-clickable{cursor:pointer}.stat-card-clickable:active{transform:translateY(-2px) scale(.98)}.stat-card-loading{pointer-events:none}.stat-card-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.stat-card-icon-title-row{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.stat-card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-lg);color:var(--primary-500);color:var(--stat-color,var(--primary-500));display:flex;flex-shrink:0;font-size:var(--text-lg);height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.stat-card-gradient .stat-card-icon{background:#fff3;color:var(--text-inverse)}.stat-card:hover .stat-card-icon{transform:scale(1.1)}.stat-card-trend{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.trend-up{background:var(--success-50);color:var(--success-700)}.trend-down{background:var(--error-50);color:var(--error-700)}.stat-card-gradient .trend-down,.stat-card-gradient .trend-up{background:#fff3;color:var(--text-inverse)}.stat-card-body{display:flex;flex-direction:column;margin-top:auto}.stat-card-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1;margin:0}.stat-card-title{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;line-height:1.2;margin:0;text-transform:uppercase}.stat-card-gradient .stat-card-title{color:#ffffffe6}.stat-card-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff1a,#fff3 50%,#ffffff1a);background-size:200% 100%;border-radius:var(--radius-lg)}.stat-card:not(.stat-card-gradient) .skeleton-line{background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%}.skeleton-value{height:32px;width:60%}.skeleton-title{height:14px;width:80%}@media (max-width:768px){.stat-card{min-height:90px;padding:var(--space-4)}.stat-card-icon{font-size:var(--text-base);height:28px;width:28px}.stat-card-value{font-size:var(--text-xl)}.stat-card-title{font-size:.65rem}}@media (max-width:640px){.stat-card{min-height:85px;padding:var(--space-3)}.stat-card-icon{font-size:var(--text-sm);height:24px;width:24px}.stat-card-value{font-size:var(--text-lg)}}.stat-card-clickable:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.doctor-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base)}.doctor-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.doctor-card:active{transform:translateY(-2px)}.doctor-card-badge{position:absolute;right:var(--space-4);top:var(--space-4);z-index:2}.doctor-card-image{aspect-ratio:1;background:var(--gray-100);border-radius:var(--radius-xl);overflow:hidden;position:relative;width:100%}.doctor-card-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.doctor-card:hover .doctor-card-image img{transform:scale(1.05)}.doctor-card-rating{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:var(--radius-full);bottom:var(--space-3);color:var(--text-inverse);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1);left:var(--space-3);padding:var(--space-2) var(--space-3);position:absolute}.doctor-card-rating svg{color:#fbbf24;font-size:var(--text-sm)}.doctor-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.doctor-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.doctor-card-title{color:var(--primary-600);font-weight:var(--font-medium);white-space:nowrap}.doctor-card-description,.doctor-card-title{font-size:var(--text-sm);margin:0;overflow:hidden;text-overflow:ellipsis}.doctor-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.5}.doctor-card-stats{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3)}.doctor-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.stat-icon{color:var(--text-tertiary);font-size:var(--text-sm)}.stat-label{font-weight:var(--font-medium)}@media (max-width:768px){.doctor-card{gap:var(--space-3);padding:var(--space-5)}.doctor-card-name{font-size:var(--text-lg)}.doctor-card-stats{gap:var(--space-2)}}@media (max-width:640px){.doctor-card{padding:var(--space-4)}.doctor-card-badge{right:var(--space-3);top:var(--space-3)}}.doctor-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.doctor-card.loading{opacity:.7;pointer-events:none}.doctor-card.empty{border-style:dashed;cursor:default;opacity:.6}.doctor-card.empty:hover{box-shadow:var(--shadow-sm);transform:none}.post-card{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-normal)}.post-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-card-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.post-card-user{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.post-card-avatar-wrapper{flex-shrink:0;position:relative}.post-card-avatar{object-fit:cover}.post-card-avatar,.post-card-avatar-anonymous{border:2px solid var(--border-light);border-radius:var(--radius-full);height:48px;width:48px}.post-card-avatar-anonymous{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:var(--text-xl);justify-content:center}.post-card-avatar-link{border-radius:var(--radius-full);inset:0;position:absolute;z-index:1}.post-card-user-info{flex:1 1;min-width:0}.post-card-username{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-1)}.post-card-edited{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-normal)}.post-card-date{color:var(--text-secondary);font-size:var(--text-sm)}.post-card-badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-card-ai-rating{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.post-card-ai-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.post-card-body{margin-bottom:var(--space-4)}.post-card-text{word-wrap:break-word;color:var(--text-primary);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--space-4) 0;white-space:pre-wrap}.post-card-images{display:flex;gap:var(--space-3);margin-top:var(--space-4);overflow-x:auto;padding:var(--space-2) 0;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.post-card-images::-webkit-scrollbar{height:8px}.post-card-images::-webkit-scrollbar-track{background:#0000}.post-card-images::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.post-card-images::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.post-card-image{border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-shrink:0;max-height:200px;max-width:200px;object-fit:cover}.post-card-stats{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;gap:var(--space-6);justify-content:flex-end;margin-bottom:var(--space-4);padding:var(--space-4) 0}.post-card-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-base);gap:var(--space-2)}.post-card-stat svg{color:var(--text-tertiary)}.post-card-comments{margin-bottom:var(--space-3);padding:var(--space-4) 0}.post-card-comments-btn{background:var(--bg-secondary);border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3);transition:all var(--transition-fast);width:100%}.post-card-comments-btn:hover:not(.disabled){background:var(--bg-tertiary);color:var(--text-primary)}.post-card-comments-btn.disabled{cursor:not-allowed;opacity:.5}.post-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.post-card-action-btn{animation:slideUp var(--transition-normal) ease-out forwards;border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);opacity:0;padding:var(--space-3) var(--space-4);transform:translateY(4px);transition:all var(--transition-fast)}.post-card:hover .post-card-action-btn{opacity:1;transform:translateY(0)}.post-card-action-report{background:var(--danger-500);color:#fff}.post-card-action-report:hover{background:var(--danger-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-card-action-accept{background:var(--success-500);color:#fff}.post-card-action-accept:hover{background:var(--success-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-card-action-reject{background:var(--danger-500);color:#fff}.post-card-action-reject:hover{background:var(--danger-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.post-card{padding:var(--space-4)}.post-card-avatar,.post-card-avatar-anonymous{font-size:var(--text-lg);height:40px;width:40px}.post-card-username{font-size:var(--text-sm)}.post-card-date{font-size:var(--text-xs)}.post-card-ai-rating{flex-wrap:wrap;padding:var(--space-2)}.post-card-text{font-size:var(--text-sm)}.post-card-stats{gap:var(--space-4)}.post-card-stat{font-size:var(--text-sm)}.post-card-action-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width:640px){.post-card-header{flex-direction:column}.post-card-badges{width:100%}.post-card-actions{flex-direction:column}}.article-card{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.article-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-card-cover{background:var(--bg-tertiary);height:200px;overflow:hidden;position:relative;width:100%}.article-card-cover-img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.article-card:hover .article-card-cover-img{transform:scale(1.05)}.article-card-cover-overlay{position:absolute;right:var(--space-4);top:var(--space-4);z-index:1}.article-card-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.article-card-author{align-items:center;display:flex;gap:var(--space-3)}.article-card-avatar-wrapper{flex-shrink:0;position:relative}.article-card-avatar{border:2px solid var(--border-light);border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.article-card-avatar-link{border-radius:var(--radius-full);inset:0;position:absolute;z-index:1}.article-card-author-info{flex:1 1;min-width:0}.article-card-author-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-1)}.article-card-edited{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-normal)}.article-card-date{color:var(--text-secondary);font-size:var(--text-xs)}.article-card-ai-rating{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.article-card-ai-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.article-card-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.3;margin:0}.article-card-title-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.article-card-title-link:hover{color:var(--primary-500)}.article-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-sm);line-height:1.6;margin:0;overflow:hidden}.article-card-stats{border-top:1px solid var(--border-light);display:flex;gap:var(--space-6);padding-top:var(--space-3)}.article-card-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.article-card-stat svg{color:var(--text-tertiary)}.article-card-actions{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3)}.article-card-action-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);opacity:0;padding:var(--space-3) var(--space-4);text-align:center;text-decoration:none;transform:translateY(4px);transition:all var(--transition-fast)}.article-card:hover .article-card-action-btn{opacity:1;transform:translateY(0)}.article-card-action-read{background:var(--primary-500);color:#fff;display:block}.article-card-action-read:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.article-card-action-report{background:var(--danger-500);color:#fff}.article-card-action-report:hover{background:var(--danger-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.article-card-cover{height:160px}.article-card-content{padding:var(--space-4)}.article-card-title{font-size:var(--text-lg)}.article-card-excerpt{font-size:var(--text-xs)}.article-card-stats{gap:var(--space-4)}.article-card-stat{font-size:var(--text-xs)}.article-card-action-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width:640px){.article-card-actions{flex-direction:column}.article-card-action-btn{opacity:1;transform:translateY(0)}}.login-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.login-container{max-width:460px}@media (max-width:640px){.login-page{padding:var(--space-3)}.login-card{border-radius:var(--radius-2xl);padding:var(--space-8)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-sm)}.logo-img{height:80px;width:80px}.login-form{gap:var(--space-5)}}@media (prefers-color-scheme:dark){.login-page{background:var(--bg-dark)}.login-card{background:var(--bg-dark-secondary);border-color:var(--gray-700)}.background-pattern{background-image:radial-gradient(circle at 20% 50%,#7c66f426 0,#0000 50%),radial-gradient(circle at 80% 80%,#06b6d426 0,#0000 50%),radial-gradient(circle at 40% 80%,#a855f726 0,#0000 50%)}}.signup-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.login-background{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.background-pattern{animation:backgroundShift 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#7c66f414 0,#0000 50%),radial-gradient(circle at 80% 80%,#06b6d414 0,#0000 50%),radial-gradient(circle at 40% 80%,#a855f714 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.background-gradient{background:linear-gradient(135deg,#7c66f408,#0000 50%,#06b6d408);bottom:0;left:0;position:absolute;right:0;top:0}.login-container{animation:slideUp var(--transition-slow) ease-out;max-width:500px;position:relative;width:100%;z-index:1}.login-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding:var(--space-10);position:relative}.login-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:var(--space-8);text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.logo-img{animation:logoFloat 3s ease-in-out infinite;height:100px;object-fit:contain;width:100px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--space-2) 0}.login-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0}.login-error{align-items:center;animation:shake .4s ease-in-out;background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-xl);color:var(--error-700);display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-error svg{flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.password-field{position:relative}.password-toggle{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:0;transition:color var(--transition-base)}.password-toggle:hover{color:var(--text-primary)}.login-footer{border-top:1px solid var(--border-light);margin-top:var(--space-8);padding-top:var(--space-6);text-align:center}.login-footer-text{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.login-info{margin-top:var(--space-6);text-align:center}.login-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.login-info a{color:var(--primary-500);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.login-info a:hover{color:var(--primary-600);text-decoration:underline}.login-form input:focus{outline:none}.login-card.loading{opacity:.7;pointer-events:none}@media (max-width:640px){.signup-page{padding:var(--space-3)}.login-card{border-radius:var(--radius-2xl);padding:var(--space-8)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-sm)}.logo-img{height:80px;width:80px}.login-form{gap:var(--space-5)}}@media (max-width:480px){.login-card{padding:var(--space-6)}.login-header{margin-bottom:var(--space-6)}.logo-img{height:70px;width:70px}}.password-toggle:focus-visible{border-radius:var(--radius-md);outline:2px solid var(--primary-500);outline-offset:2px}@media print{.login-background{display:none}}.dashboard-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;padding:var(--space-6);width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--space-2) 0}.dashboard-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.dashboard-date-range{align-items:flex-end;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3)}.date-range-group{display:flex;flex-direction:column;gap:var(--space-1)}.date-range-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.date-range-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.date-range-input:focus,.date-range-input:hover{border-color:var(--primary-500)}.date-range-input:focus{box-shadow:0 0 0 3px #0a7f8e1a;outline:none}.stats-grid{grid-gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center}.charts-grid,.stats-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.charts-grid{grid-gap:var(--space-4);grid-template-columns:repeat(12,1fr)}.chart-card{animation:slideUp var(--transition-slow) ease-out}.chart-card,.chart-card-wide{grid-column:span 12}@media (min-width:1280px){.stats-grid{grid-template-columns:repeat(5,1fr)}.chart-card,.chart-card-wide{grid-column:span 6}}.chart-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.chart-subtitle{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.chart-container{height:350px;position:relative;width:100%}.chart-empty{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-base);height:100%;justify-content:center}@media (min-width:1536px){.chart-card,.chart-card-wide{grid-column:span 6}}@media (max-width:1279px){.dashboard-page{padding:var(--space-6)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chart-card,.chart-card-wide{grid-column:span 12}.chart-container{height:350px}}@media (max-width:1023px){.dashboard-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px;width:100%}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard-title{font-size:var(--text-2xl)}.dashboard-date-range{flex-direction:row;justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6)}.chart-container{height:320px}}@media (max-width:768px){.dashboard-page{margin-left:0;max-width:100vw;padding:var(--space-5) var(--space-3);padding-top:72px;width:100%}.dashboard-title{font-size:var(--text-xl)}.dashboard-subtitle{font-size:var(--text-xs)}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.stats-grid{gap:var(--space-3)}.chart-container{height:280px}}@media (max-width:640px){.dashboard-page{margin-left:0;max-width:100vw;padding:var(--space-4) var(--space-3);padding-top:68px;width:100%}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.dashboard-title{font-size:var(--text-xl)}.dashboard-date-range{flex-direction:column;gap:var(--space-3);width:100%}.date-range-group,.date-range-input{width:100%}.stats-grid{grid-template-columns:1fr}.charts-grid,.stats-grid{gap:var(--space-3);margin-bottom:var(--space-5)}.chart-title{font-size:var(--text-base)}.chart-subtitle{font-size:var(--text-xs)}.chart-container{height:250px}}@media (max-width:480px){.dashboard-page{margin-left:0;max-width:100vw;padding:var(--space-3) var(--space-2);padding-top:64px;width:100%}.chart-container{height:220px}}.stats-grid>:first-child{animation-delay:.05s}.stats-grid>:nth-child(2){animation-delay:.1s}.stats-grid>:nth-child(3){animation-delay:.15s}.stats-grid>:nth-child(4){animation-delay:.2s}.charts-grid>:first-child{animation-delay:.25s}.charts-grid>:nth-child(2){animation-delay:.3s}@media print{.dashboard-page{margin-left:0;padding:var(--space-4)}.chart-container{height:300px;page-break-inside:avoid}}.mobile-nav-toggle{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-lg);height:40px;justify-content:center;left:var(--space-4);position:fixed;top:var(--space-4);transition:all var(--transition-base);width:40px;z-index:var(--z-fixed)}.mobile-nav-toggle:hover{background:var(--primary-500);color:var(--text-inverse);transform:scale(1.05)}.mobile-nav-toggle:active{transform:scale(.95)}.nav-backdrop{animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);right:0;z-index:calc(var(--z-fixed) + 1)}.modern-sidebar,.nav-backdrop{bottom:0;left:0;position:fixed;top:0}.modern-sidebar{border-right:1px solid var(--border-light);flex-direction:column;overflow-x:hidden;overflow-y:auto;transition:transform var(--transition-slow);width:240px;z-index:var(--z-fixed)}.modern-sidebar,.sidebar-header{background:var(--bg-primary);display:flex}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;padding:var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-logo{align-items:center;display:flex;gap:var(--space-3)}.logo-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);height:48px;object-fit:cover;width:48px}.logo-text{display:flex;flex-direction:column;gap:var(--space-1)}.logo-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;margin:0}.logo-subtitle{color:var(--text-secondary);font-size:var(--text-xs);line-height:1;margin:0}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:none;font-size:var(--text-lg);height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.sidebar-close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-6)}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{color:var(--text-tertiary);font-size:.65rem;font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--space-3);padding:0 var(--space-3);text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all var(--transition-base);width:100%}.nav-link,.nav-link:before{border-radius:var(--radius-xl)}.nav-link:before{background:var(--nav-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before{opacity:.08}.nav-link-active{background:#7c66f414;color:var(--nav-color);font-weight:var(--font-semibold)}.nav-link-active:before{opacity:.1}.nav-icon{align-items:center;display:flex;font-size:var(--text-base);height:18px;justify-content:center;transition:transform var(--transition-base);width:18px;z-index:1}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link-active .nav-icon{transform:scale(1.05)}.nav-label{flex:1 1;z-index:1}.nav-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--nav-color);border-radius:var(--radius-full);height:6px;width:6px;z-index:1}.sidebar-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);bottom:0;flex-shrink:0;padding:var(--space-6);position:-webkit-sticky;position:sticky}.logout-button{align-items:center;background:var(--gradient-error);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-base);width:100%}.logout-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.logout-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.logout-icon{align-items:center;display:flex;font-size:var(--text-base);justify-content:center}.logout-text{flex:1 1}@media (max-width:1023px){.modern-sidebar{box-shadow:var(--shadow-2xl);transform:translateX(-100%);z-index:calc(var(--z-fixed) + 2)}.sidebar-open{transform:translateX(0)}.mobile-nav-toggle,.sidebar-close-btn{display:flex}}@media (min-width:1024px){.mobile-nav-toggle,.nav-backdrop{display:none}}@media (max-width:768px){.modern-sidebar{max-width:320px;width:85vw}.sidebar-header{padding:var(--space-5)}.sidebar-footer,.sidebar-nav{padding:var(--space-4)}.logo-image{height:40px;width:40px}.logo-title{font-size:var(--text-base)}}@media (max-width:640px){.modern-sidebar{max-width:100vw;width:100vw}.mobile-nav-toggle{height:44px;left:var(--space-3);top:var(--space-3);width:44px}}.modern-sidebar::-webkit-scrollbar{width:6px}.modern-sidebar::-webkit-scrollbar-track{background:#0000}.modern-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.modern-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.logout-button:focus-visible,.nav-link:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.sidebar-open .nav-item{animation:slideInLeft .3s ease-out backwards}.sidebar-open .nav-item:first-child{animation-delay:.05s}.sidebar-open .nav-item:nth-child(2){animation-delay:.1s}.sidebar-open .nav-item:nth-child(3){animation-delay:.15s}.sidebar-open .nav-item:nth-child(4){animation-delay:.2s}.sidebar-open .nav-item:nth-child(5){animation-delay:.25s}.sidebar-open .nav-item:nth-child(6){animation-delay:.3s}.sidebar-open .nav-item:nth-child(7){animation-delay:.35s}.supervisors-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-6);width:100%}.supervisors-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.signup-link-card{animation:slideDown var(--transition-normal) ease-out;margin-bottom:var(--space-6)}.link-card-warning{color:var(--warning-600);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 var(--space-3) 0}.link-input-group{align-items:center;display:flex;gap:var(--space-3)}.link-input-group .copy-btn{flex-shrink:0}.supervisors-table-card{animation:slideUp var(--transition-slow) ease-out;overflow:visible}.supervisors-table{overflow:visible;width:100%}.table-header{grid-gap:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);display:grid;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-4);grid-template-columns:2fr 3fr 1.5fr 2.5fr;letter-spacing:.05em;padding:var(--space-4) var(--space-6);text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:var(--space-4);align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:var(--space-4);grid-template-columns:2fr 3fr 1.5fr 2.5fr;padding:var(--space-4) var(--space-6);transition:background-color var(--transition-fast)}.table-row:hover{background:var(--bg-secondary)}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-base);overflow:visible}.supervisor-name{font-weight:var(--font-semibold)}.supervisor-email{color:var(--primary-500);font-size:var(--text-sm)}.supervisor-actions,.supervisor-status{justify-content:flex-start}.supervisor-actions{min-width:250px}.superControlButton{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) 0}.superControlButton .ActiveButton,.superControlButton .DeactiveButton{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;min-width:90px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.superControlButton .DeactiveButton{background:var(--warning-500);color:#fff}.superControlButton .DeactiveButton:hover{background:var(--warning-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.superControlButton .DeactiveButton:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.superControlButton .ActiveButton{background:var(--success-500);color:#fff}.superControlButton .ActiveButton:hover{background:var(--success-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.superControlButton .ActiveButton:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.superControlButton>span:not(.DeactiveButton):not(.ActiveButton):not(.deleteButton):not(.ConfirmDelete):not(.ConfirmYes):not(.ConfirmNo){color:var(--text-tertiary);font-weight:var(--font-normal);margin:0 var(--space-1);-webkit-user-select:none;user-select:none}.superControlButton .deleteButton{border-radius:var(--radius-md);color:var(--danger-500);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast);white-space:nowrap}.superControlButton .deleteButton:hover{background:var(--danger-50);color:var(--danger-600);padding:var(--space-1) var(--space-2)}.superControlButton .deleteButton:active{background:var(--danger-100)}.superControlButton .ConfirmDelete{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.superControlButton .ConfirmYes{border-radius:var(--radius-md);color:var(--danger-500);cursor:pointer;font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.superControlButton .ConfirmYes:hover{background:var(--danger-50);color:var(--danger-600)}.superControlButton .ConfirmYes:active{background:var(--danger-100)}.superControlButton .ConfirmNo{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.superControlButton .ConfirmNo:hover{background:var(--bg-tertiary);color:var(--text-primary)}.superControlButton .ConfirmNo:active{background:var(--gray-200)}.superControlButton .hide{display:none}.supervisor-actions .no-actions{color:var(--text-tertiary);display:inline-block;font-size:var(--text-sm);font-style:italic;padding:var(--space-2) 0}.supervisors-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.supervisor-row-skeleton{grid-gap:var(--space-4);align-items:center;display:grid;gap:var(--space-4);grid-template-columns:2fr 3fr 1.5fr 2fr;padding:var(--space-4) var(--space-6)}@media (max-width:1279px){.supervisors-page{padding:var(--space-6)}}@media (max-width:1023px){.supervisors-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px}.table-header,.table-row{grid-template-columns:1.5fr 2fr 1fr 2fr}}@media (max-width:768px){.supervisors-page{padding:var(--space-5) var(--space-3);padding-top:72px}.page-title{font-size:var(--text-2xl)}.supervisors-header{align-items:flex-start;flex-direction:column}.supervisors-header button{width:100%}.link-input-group{flex-direction:column}.link-input-group .copy-btn{width:100%}.table-header{display:none}.table-row{background:var(--bg-tertiary);border-bottom:none;border-radius:var(--radius-lg);gap:var(--space-3);grid-template-columns:1fr;margin-bottom:var(--space-3);padding:var(--space-4)}.table-cell{justify-content:space-between}.table-cell:before{color:var(--text-secondary);content:attr(data-label);font-size:var(--text-sm);font-weight:var(--font-semibold)}.supervisor-name:before{content:"Name: "}.supervisor-email:before{content:"Email: "}.supervisor-status:before{content:"Status: "}.supervisor-actions{flex-direction:column;gap:var(--space-2);justify-content:flex-start}.supervisor-actions:before{color:var(--text-secondary);content:"Actions";font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);width:100%}.superControlButton{align-items:flex-start;flex-direction:column;gap:var(--space-2);width:100%}.superControlButton .ActiveButton,.superControlButton .DeactiveButton{justify-content:center;width:100%}.superControlButton>span:not(.DeactiveButton):not(.ActiveButton):not(.deleteButton):not(.ConfirmDelete):not(.ConfirmYes):not(.ConfirmNo){display:none}.superControlButton .ConfirmDelete,.superControlButton .deleteButton{justify-content:center;text-align:center;width:100%}.empty-state{padding:var(--space-12) var(--space-4)}}@media (max-width:640px){.supervisors-page{padding:var(--space-4) var(--space-3);padding-top:68px}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm)}.empty-state-icon{height:64px;width:64px}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}.PostBox{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);overflow:hidden;padding:0;position:relative;transition:.2s}.PostBox:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.PostBox .PostHeader{border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);padding:var(--space-6)}.PostBox .PostHeader .UserPic{flex-shrink:0;position:relative}.PostBox .PostHeader .UserPic img{border:3px solid var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:56px;object-fit:cover;width:56px}.PostBox .PostHeader .UserPic .profileLink{border-radius:var(--radius-full);inset:0;position:absolute;z-index:1}.PostBox .PostHeader .NameAndDateAndData{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-4);justify-content:space-between}.PostBox .PostHeader .NameAndDateAndData .left{flex:1 1;min-width:0}.PostBox .PostHeader .NameAndDateAndData .left p{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.PostBox .PostHeader .NameAndDateAndData .left span{color:var(--text-secondary);display:block;font-size:var(--text-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PostBox .PostHeader .NameAndDateAndData .left .aiRate{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);margin-top:var(--space-1)}.PostBox .PostHeader .NameAndDateAndData .left .aiRate.rateGreen{color:var(--success-600)}.PostBox .PostHeader .NameAndDateAndData .left .aiRate.rateYellow{color:var(--warning-600)}.PostBox .PostHeader .NameAndDateAndData .left .aiRate.rateRed{color:var(--danger-600)}.PostBox .PostHeader .NameAndDateAndData .Tags{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.PostBox .PostHeader .NameAndDateAndData .Tags .Community{background:var(--gradient-teal-blue)}.PostBox .PostHeader .NameAndDateAndData .Tags .Community,.PostBox .PostHeader .NameAndDateAndData .Tags .Report{border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);white-space:nowrap}.PostBox .PostHeader .NameAndDateAndData .Tags .Report{background:var(--danger-500);cursor:pointer;opacity:0;transform:translateY(-4px);transition:all var(--transition-fast)}.PostBox:hover .PostHeader .NameAndDateAndData .Tags .Report{opacity:1;transform:translateY(0)}.PostBox .PostHeader .NameAndDateAndData .Tags .Report:hover{background:var(--danger-600);box-shadow:var(--shadow-md)}.PostBox .PostBody{padding:var(--space-6)}.PostBox .PostBody p{word-wrap:break-word;color:var(--text-primary);font-size:var(--text-base);line-height:1.7;margin:0 0 var(--space-4) 0;white-space:pre-wrap}.PostBox .PostImageContainer{display:flex;gap:var(--space-3);margin-top:var(--space-4);overflow-x:auto;padding:var(--space-2) 0;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.PostBox .PostImageContainer::-webkit-scrollbar{height:8px}.PostBox .PostImageContainer::-webkit-scrollbar-track{background:#0000}.PostBox .PostImageContainer::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.PostBox .PostImageContainer::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.PostBox .PostImageContainer img{border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-shrink:0;max-height:200px;object-fit:cover;width:auto}.PostBox .PostReactions{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.PostBox .PostReactions span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.PostBox .PostReactions .left,.PostBox .PostReactions .right{display:flex;gap:var(--space-4)}.PostBox .PostCommentSection{background:var(--bg-tertiary);padding:var(--space-4) var(--space-6)}.PostBox .PostCommentsButtons{background:var(--bg-secondary);border-top:1px solid var(--border-light);cursor:pointer;padding:var(--space-3);text-align:center;transition:background-color var(--transition-fast)}.PostBox .PostCommentsButtons:hover.enabled{background:var(--bg-tertiary)}.PostBox .PostCommentsButtons.disabled{cursor:not-allowed;opacity:.6}.PostBox .PostCommentsButtons p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.PostBox .GrayText{color:var(--text-tertiary)}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept.disabled,.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report.disabled,.PostBox .PostHeader .NameAndDateAndData .Tags .Report.disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.PostBox .PostHeader,.PostBox .PostHeader .NameAndDateAndData{flex-direction:column}.PostBox .PostHeader .NameAndDateAndData .Tags{align-items:center;flex-direction:row;width:100%}.PostBox .PostHeader .NameAndDateAndData .Tags .Report{opacity:1;transform:translateY(0)}.PostBox .PostImageContainer img{max-height:150px}}.PostCommentBox{border-bottom:1px solid #ddd;border-radius:10px;display:flex;flex-direction:row;margin:10px 0;overflow:hidden;padding:1%;transition:.5s}.PostCommentBox .CommentHeader{display:flex;flex-basis:5%;flex-direction:row}.PostCommentBox .CommentHeader .UserPic{flex-basis:5%;margin:0 10px;position:relative}.PostCommentBox .CommentHeader .UserPic img{border-radius:100%;min-width:50px;width:100%}.PostCommentBox .CommentHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.PostCommentBox .CommentHeader .NameAndDate .UserName{margin:0}.PostCommentBox .CommentData{align-items:flex-start;display:flex;flex-basis:90%;flex-direction:column}.PostCommentBox .CommentData .CommentBlank{flex-basis:5%;min-width:70px}.PostCommentBox .CommentData .CommentBody,.PostCommentBox .CommentData .NameAndDate{text-align:left}.PostCommentBox .PostCommentKeys{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.PostCommentBox .PostCommentKeys .PostCommentReport{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.PostCommentBox:hover .PostCommentKeys .PostCommentReport{opacity:1}.posts-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-6);width:100%}@media (max-width:1279px){.posts-page{padding:var(--space-6)}}@media (max-width:1023px){.posts-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px}.posts-filters{flex-direction:column}.posts-filters>div,.posts-search-btn{width:100%}}@media (max-width:768px){.posts-page{padding:var(--space-5) var(--space-3);padding-top:72px}.page-title{font-size:var(--text-2xl)}.posts-search-section{padding:var(--space-4)}.posts-feed{gap:var(--space-4)}.empty-state{padding:var(--space-12) var(--space-4)}}@media (max-width:640px){.posts-page{padding:var(--space-4) var(--space-3);padding-top:68px}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm)}.posts-search-section{padding:var(--space-3)}.empty-state-icon{height:64px;width:64px}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}.PendingPostBox{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);margin:0 0 var(--space-6) 0;overflow:hidden;padding:0;position:relative;transition:all .2s}.PendingPostBox:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.PendingPostBox .PostHeader{border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);padding:var(--space-6)}.PendingPostBox .PostHeader .UserPic{flex-shrink:0;position:relative}.PendingPostBox .PostHeader .UserPic img{object-fit:cover}.PendingPostBox .PostHeader .UserPic img,.anonymous{border:3px solid var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:56px;width:56px}.anonymous{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:var(--text-2xl);justify-content:center}.PendingPostBox .PostHeader .UserPic .profileLink{border-radius:var(--radius-full);inset:0;position:absolute;z-index:1}.PendingPostBox .PostHeader .NameAndDateAndData{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-4);justify-content:space-between}.PendingPostBox .PostHeader .NameAndDateAndData .left{flex:1 1;min-width:0}.PendingPostBox .PostHeader .NameAndDateAndData .left p{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.PendingPostBox .PostHeader .NameAndDateAndData .left span{color:var(--text-secondary);display:block;font-size:var(--text-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PendingPostBox .PostHeader .NameAndDateAndData .left .aiRate{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);margin-top:var(--space-1)}.PendingPostBox .PostHeader .NameAndDateAndData .left .aiRate.rateGreen{color:var(--success-600)}.PendingPostBox .PostHeader .NameAndDateAndData .left .aiRate.rateYellow{color:var(--warning-600)}.PendingPostBox .PostHeader .NameAndDateAndData .left .aiRate.rateRed{color:var(--danger-600)}.PendingPostBox .PostHeader .NameAndDateAndData .Tags{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Community{background:var(--gradient-teal-blue);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);white-space:nowrap}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept,.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report{border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);opacity:1;padding:var(--space-2) var(--space-4);transform:translateY(-4px);transition:all var(--transition-fast);white-space:nowrap}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report{background:var(--danger-500);color:#fff}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept{background:var(--success-500);color:#fff}.PendingPostBox:hover .PostHeader .NameAndDateAndData .Tags .Accept,.PendingPostBox:hover .PostHeader .NameAndDateAndData .Tags .Report{transform:translateY(0)}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report:hover{background:var(--danger-600);box-shadow:var(--shadow-md)}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept:hover{background:var(--success-600);box-shadow:var(--shadow-md)}.PendingPostBox .PostBody{padding:var(--space-6)}.PendingPostBox .PostBody p{word-wrap:break-word;color:var(--text-primary);font-size:var(--text-base);line-height:1.7;margin:0 0 var(--space-4) 0;white-space:pre-wrap}.PendingPostBox .PostImageContainer{display:flex;gap:var(--space-3);margin-top:var(--space-4);overflow-x:auto;padding:var(--space-2) 0;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.PendingPostBox .PostImageContainer::-webkit-scrollbar{height:8px}.PendingPostBox .PostImageContainer::-webkit-scrollbar-track{background:#0000}.PendingPostBox .PostImageContainer::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.PendingPostBox .PostImageContainer::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.PendingPostBox .PostImageContainer img{border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-shrink:0;max-height:200px;object-fit:cover;width:auto}.PendingPostBox .PostReactions{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.PendingPostBox .PostReactions span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.PendingPostBox .PostReactions .left,.PendingPostBox .PostReactions .right{display:flex;gap:var(--space-4)}.ReportPopupWindow .ReportForm .ForNextPost{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.ReportPopupWindow .ReportForm .ReportMainPostText{color:var(--text-secondary);margin-bottom:var(--space-6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PendingPostBox .GrayText{color:var(--text-tertiary)}.post-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:var(--radius-2xl);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.post-loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.post-loading-spinner,.post-loading-spinner svg{color:var(--primary-500)}.post-loading-spinner svg .opacity-25{opacity:.25}.post-loading-spinner svg .opacity-75{opacity:.75}.post-loading-spinner p{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept.disabled,.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report.disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.PendingPostBox .PostHeader,.PendingPostBox .PostHeader .NameAndDateAndData{flex-direction:column}.PendingPostBox .PostHeader .NameAndDateAndData .Tags{align-items:center;flex-direction:row;width:100%}.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Accept,.PendingPostBox .PostHeader .NameAndDateAndData .Tags .Report{opacity:1;transform:translateY(0)}.PendingPostBox .PostImageContainer img{max-height:150px}}.posts-pending-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-6);width:100%}.posts-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.posts-search-section{animation:slideUp var(--transition-slow) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);padding:var(--space-5)}.posts-search-bar{margin-bottom:var(--space-4)}.posts-filters{align-items:center;display:flex;gap:var(--space-3)}.posts-filters>div{flex:1 1}.posts-search-btn{background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}.posts-search-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.posts-search-btn:active{transform:translateY(0)}.posts-feed{animation:fadeIn var(--transition-slow) ease-out;display:flex;flex-direction:column;gap:var(--space-4)}.post-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.post-skeleton,.posts-loading-more{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-6)}.posts-loading-more{opacity:.6}.posts-end-message{color:var(--text-tertiary);font-size:var(--text-base);padding:var(--space-8);text-align:center}.posts-end-message p{font-weight:var(--font-medium);margin:0}.empty-state-icon{color:var(--success-500)}@media (max-width:1279px){.posts-pending-page{padding:var(--space-6)}}@media (max-width:1023px){.posts-pending-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px}.posts-filters{flex-direction:column}.posts-filters>div,.posts-search-btn{width:100%}}@media (max-width:768px){.posts-pending-page{padding:var(--space-5) var(--space-3);padding-top:72px}.page-title{font-size:var(--text-2xl)}.posts-search-section{padding:var(--space-4)}.posts-feed{gap:var(--space-4)}.empty-state{padding:var(--space-12) var(--space-4)}}@media (max-width:640px){.posts-pending-page{padding:var(--space-4) var(--space-3);padding-top:68px}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm)}.posts-search-section{padding:var(--space-3)}.empty-state-icon{height:64px;width:64px}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}.ArticleBox{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);display:flex;flex-direction:column;margin:0 0 var(--space-6) 0;min-height:400px;overflow:hidden;padding:0;transition:all var(--transition-normal)}.ArticleBox:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ArticleBox .ArticleHeader{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);padding:var(--space-6)}.ArticleBox .ArticleHeader .UserPic{flex-shrink:0;position:relative}.ArticleBox .ArticleHeader .UserPic img{border:3px solid var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:56px;object-fit:cover;width:56px}.ArticleBox .ArticleHeader .UserPic .profileLink{border-radius:var(--radius-full);inset:0;position:absolute;z-index:1}.ArticleBox .ArticleHeader .NameAndDateAndData{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-4);justify-content:space-between;min-width:0}.ArticleBox .ArticleHeader .NameAndDateAndData .left{min-width:0;overflow:hidden}.ArticleBox .ArticleHeader .NameAndDateAndData .left p{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.4;margin:0 0 var(--space-1) 0;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis}.ArticleBox .ArticleHeader .NameAndDateAndData .left span{color:var(--text-secondary);display:block;font-size:var(--text-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ArticleBox .ArticleHeader .NameAndDateAndData .left .aiRate{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);margin-top:var(--space-1)}.ArticleBox .ArticleHeader .NameAndDateAndData .left .aiRate.rateGreen{color:var(--success-600)}.ArticleBox .ArticleHeader .NameAndDateAndData .left .aiRate.rateYellow{color:var(--warning-600)}.ArticleBox .ArticleHeader .NameAndDateAndData .left .aiRate.rateRed{color:var(--danger-600)}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);white-space:nowrap}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Community{background:var(--gradient-secondary);font-size:var(--text-xs);max-width:150px;overflow:hidden;text-overflow:ellipsis}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Community,.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Report{border-radius:var(--radius-full);color:#fff;font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);white-space:nowrap}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Report{background:var(--danger-500);cursor:pointer;font-size:var(--text-sm);opacity:0;transform:translateY(-4px);transition:all var(--transition-fast)}.ArticleBox:hover .ArticleHeader .NameAndDateAndData .Tags .Report{opacity:1;transform:translateY(0)}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Report:hover{background:var(--danger-600);box-shadow:var(--shadow-md)}.ArticleBox .ArticleBody{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0}.ArticleBox .ArticleBody .CoverImage{align-items:center;background:var(--bg-tertiary);display:flex;flex-shrink:0;height:300px;justify-content:center;overflow:hidden;width:100%}.ArticleBox .ArticleBody .CoverImage.notShown{display:none}.ArticleBox .ArticleBody .CoverImage img{height:100%;object-fit:cover;width:100%}.ArticleBox .ArticleBody h2{color:var(--text-primary);flex-shrink:0;font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.3;margin:var(--space-6) var(--space-6) var(--space-3) var(--space-6)}.ArticleBox .ArticleBody p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-base);line-height:1.7;margin:0 var(--space-6) auto var(--space-6);overflow:hidden}.ArticleBox .ArticleReactions{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4) var(--space-6)}.ArticleBox .ArticleReactions span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.ArticleBox .ArticleReactions .left,.ArticleBox .ArticleReactions .right{display:flex;gap:var(--space-4)}.ArticleBox .ArticleReadmoreButtons{margin-top:auto;padding:0;transition:background-color var(--transition-fast)}.ArticleBox .ArticleReadmoreButtons a{background:var(--gradient-primary);color:#fff;display:block;font-weight:var(--font-semibold);padding:var(--space-4);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.ArticleBox .ArticleReadmoreButtons:hover a{background:var(--gradient-secondary);box-shadow:inset 0 0 20px #0000001a}.ArticleBox .ArticleReadmoreButtons a p{font-size:var(--text-base);margin:0}.ArticleBox .GrayText{color:var(--text-tertiary)}@media (max-width:768px){.ArticleBox .ArticleHeader{flex-direction:column;gap:var(--space-3)}.ArticleBox .ArticleHeader .NameAndDateAndData{flex-direction:column;gap:var(--space-3);width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .left{width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .left p{word-wrap:break-word;white-space:normal}.ArticleBox .ArticleHeader .NameAndDateAndData .left span{white-space:normal}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags{align-items:center;flex-direction:row;gap:var(--space-2);justify-content:flex-start;width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Community{max-width:100%}.ArticleBox .ArticleHeader .NameAndDateAndData .Tags .Report{opacity:1;transform:translateY(0)}.ArticleBox .ArticleBody .CoverImage{height:200px}.ArticleBox .ArticleBody h2{font-size:var(--text-xl)}}.ArticleCommentBox{border-bottom:1px solid #ddd;border-radius:10px;display:flex;flex-direction:row;margin:10px 0;overflow:hidden;padding:1%;transition:.5s}.ArticleCommentBox .CommentHeader{display:flex;flex-basis:5%;flex-direction:row}.ArticleCommentBox .CommentHeader .UserPic{flex-basis:5%;margin:0 10px;position:relative}.ArticleCommentBox .CommentHeader .UserPic img{border-radius:100%;min-width:50px;width:100%}.ArticleCommentBox .CommentHeader .UserPic .profileLink{height:100%;left:0;position:absolute;top:0;width:100%}.ArticleCommentBox .CommentHeader .NameAndDate .UserName{margin:0}.ArticleCommentBox .CommentData{align-items:flex-start;display:flex;flex-basis:90%;flex-direction:column}.ArticleCommentBox .CommentData .CommentBlank{flex-basis:5%;min-width:70px}.ArticleCommentBox .CommentData .CommentBody,.ArticleCommentBox .CommentData .NameAndDate{text-align:left}.ArticleCommentBox .ArticleCommentKeys{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.ArticleCommentBox .ArticleCommentKeys .ArticleCommentReport{background-color:#ff7b7b;border-radius:10px;color:#fff;cursor:pointer;font-weight:bolder;margin-top:5px;opacity:0;padding:10px;transition:.1s;width:100%}.ArticleCommentBox:hover .ArticleCommentKeys .ArticleCommentReport{opacity:1}.articles-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-6);width:100%}.articles-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.articles-search-section{animation:slideUp var(--transition-slow) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);padding:var(--space-5)}.articles-search-bar{margin-bottom:var(--space-4)}.articles-filters{align-items:center;display:flex;gap:var(--space-3)}.articles-filters>div{flex:1 1}.articles-search-btn{background:var(--primary-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}.articles-search-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.articles-search-btn:active{transform:translateY(0)}.articles-grid{grid-gap:var(--space-4);animation:fadeIn var(--transition-slow) ease-out;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.article-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.article-skeleton,.articles-loading-more{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-6)}.articles-loading-more{grid-column:1/-1;opacity:.6}.articles-end-message{color:var(--text-tertiary);font-size:var(--text-base);grid-column:1/-1;padding:var(--space-8);text-align:center}.articles-end-message p{font-weight:var(--font-medium);margin:0}.empty-state{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);min-height:400px}@media (max-width:1279px){.articles-page{padding:var(--space-6)}.articles-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:1023px){.articles-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px}.articles-filters{flex-direction:column}.articles-filters>div,.articles-search-btn{width:100%}.articles-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.articles-page{padding:var(--space-5) var(--space-3);padding-top:72px}.page-title{font-size:var(--text-2xl)}.articles-search-section{padding:var(--space-4)}.articles-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.empty-state{padding:var(--space-12) var(--space-4)}}@media (max-width:640px){.articles-page{padding:var(--space-4) var(--space-3);padding-top:68px}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm)}.articles-search-section{padding:var(--space-3)}.articles-grid{gap:var(--space-3);grid-template-columns:1fr}.empty-state-icon{height:64px;width:64px}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}.single-article-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-8);width:100%}.SingleArticleBox{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;overflow:hidden;padding:0}.SingleArticleBox .ArticleHeader{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.SingleArticleBox .ArticleHeader .left{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:150px}.SingleArticleBox .ArticleHeader .left span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.SingleArticleBox .ArticleHeader .left .aiRate{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.SingleArticleBox .ArticleHeader .left .aiRate.rateGreen{color:var(--success-600)}.SingleArticleBox .ArticleHeader .left .aiRate.rateYellow{color:var(--warning-600)}.SingleArticleBox .ArticleHeader .left .aiRate.rateRed{color:var(--danger-600)}.SingleArticleBox .ArticleHeader .center{align-items:center;display:flex;flex:2 1;flex-direction:row;gap:var(--space-4);justify-content:center}.SingleArticleBox .ArticleHeader .center img{border:3px solid var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:80px;object-fit:cover;width:80px}.SingleArticleBox .ArticleHeader .center .AutherInfo{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-1)}.SingleArticleBox .ArticleHeader .center .AutherInfo p{color:var(--text-primary);font-size:var(--text-base);margin:0}.SingleArticleBox .ArticleHeader .center .AutherInfo p:first-child{font-size:var(--text-lg);font-weight:var(--font-semibold)}.SingleArticleBox .ArticleHeader .center .AutherInfo p.date{color:var(--text-secondary);font-size:var(--text-sm)}.SingleArticleBox .ArticleHeader .right{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;min-width:120px}.SingleArticleBox .ArticleHeader .right .Tags{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.SingleArticleBox .ArticleHeader .right .Tags .Community{background:var(--gradient-teal-blue)}.SingleArticleBox .ArticleHeader .right .Tags .Community,.SingleArticleBox .ArticleHeader .right .Tags .Report{border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);white-space:nowrap}.SingleArticleBox .ArticleHeader .right .Tags .Report{background:var(--danger-500);cursor:pointer;opacity:0;transform:translateY(-4px);transition:all var(--transition-fast)}.SingleArticleBox:hover .ArticleHeader .right .Tags .Report{opacity:1;transform:translateY(0)}.SingleArticleBox .ArticleHeader .right .Tags .Report:hover{background:var(--danger-600);box-shadow:var(--shadow-md)}.SingleArticleBox .ArticleBody{padding:0}.SingleArticleBox .ArticleBody .CoverImage{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:center;max-height:400px;overflow:hidden;width:100%}.SingleArticleBox .ArticleBody .CoverImage img{height:100%;object-fit:cover;width:100%}.SingleArticleBox .ArticleBody .ArticleText{background:var(--bg-primary);padding:var(--space-8)}.SingleArticleBox .ArticleBody .ArticleText h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.3;margin:0 0 var(--space-4) 0}.SingleArticleBox .ArticleBody .ArticleText p{word-wrap:break-word;color:var(--text-primary);font-size:var(--text-base);line-height:1.8;margin:0;white-space:pre-wrap}.SingleArticleBox .ArticleBody .ArticleImages{align-items:center;background:var(--bg-primary);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3);justify-content:center;overflow-x:auto;padding:var(--space-6);scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.SingleArticleBox .ArticleBody .ArticleImages::-webkit-scrollbar{height:8px}.SingleArticleBox .ArticleBody .ArticleImages::-webkit-scrollbar-track{background:#0000}.SingleArticleBox .ArticleBody .ArticleImages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.SingleArticleBox .ArticleBody .ArticleImages::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.SingleArticleBox .ArticleBody .ArticleImages img{border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-shrink:0;max-height:300px;max-width:300px;object-fit:cover}.SingleArticleBox .Reactions{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.SingleArticleBox .Reactions span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.SingleArticleBox .Reactions .left,.SingleArticleBox .Reactions .right{display:flex;gap:var(--space-4)}.SingleArticleBox .Comments{background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.SingleArticleBox .Comments .CommentsBox{background:var(--bg-tertiary);padding:var(--space-4) var(--space-6)}.SingleArticleBox .Comments .CommentsButton{background:var(--bg-secondary);border-top:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-4);text-align:center;transition:background-color var(--transition-fast)}.SingleArticleBox .Comments .CommentsButton:hover.enabled{background:var(--bg-tertiary)}.SingleArticleBox .Comments .CommentsButton.disabled{cursor:not-allowed;opacity:.6}.ReportPopupWindow{align-items:center;animation:fadeIn .2s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.ReportPopupWindow .backgroundBlock{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:absolute}.ReportPopupWindow .ReportForm{animation:slideUp .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;padding:var(--space-8);position:relative;width:90%;z-index:100000}.ReportPopupWindow .ReportForm .TitleReport{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-6) 0}.ReportPopupWindow .ReportForm .ForNextArticle{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.ReportPopupWindow .ReportForm .ReportMainArticleText{color:var(--text-secondary);margin-bottom:var(--space-6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ReportPopupWindow .ReportForm .ReportTagOptions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.ReportPopupWindow .ReportForm .ReportTagOptions .ReportTag.selected{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-600)}.ReportPopupWindow .ReportForm .ReasonInputForm{display:none;margin-bottom:var(--space-6)}.ReportPopupWindow .ReportForm .ReasonInputForm.show{display:block}.ReportPopupWindow .ReportForm .ReasonInputForm h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.ReportPopupWindow .ReportForm .ReasonInputForm p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.ReportPopupWindow .ReportForm .ReasonInputForm input{border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-3);transition:border-color var(--transition-fast);width:100%}.ReportPopupWindow .ReportForm .ReasonInputForm input:focus{border-color:var(--primary-500);outline:none}.ReportPopupWindow .ReportForm .submutReportButton{background:var(--danger-500);border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4);transition:all var(--transition-fast);width:100%}.ReportPopupWindow .ReportForm .submutReportButton:hover{background:var(--danger-600);box-shadow:var(--shadow-lg)}.ReportPopupWindow .ReportForm .ErrorMessage{color:var(--danger-600);display:none;font-size:var(--text-sm);margin-top:var(--space-4);text-align:center}.ReportPopupWindow .ReportForm .ErrorMessage.show{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.single-article-page{margin-left:0;max-width:100vw;padding:var(--space-6) var(--space-4);padding-top:80px}}@media (max-width:768px){.single-article-page{padding:var(--space-5) var(--space-3);padding-top:72px}.SingleArticleBox .ArticleHeader{align-items:flex-start;flex-direction:column}.SingleArticleBox .ArticleHeader .center{justify-content:flex-start;width:100%}.SingleArticleBox .ArticleHeader .right{align-items:flex-start;width:100%}.SingleArticleBox .ArticleHeader .right .Tags{flex-direction:row;width:100%}.SingleArticleBox .ArticleHeader .right .Tags .Report{opacity:1;transform:translateY(0)}.SingleArticleBox .ArticleBody .ArticleText{padding:var(--space-6)}.SingleArticleBox .ArticleBody .ArticleText h1{font-size:var(--text-2xl)}.SingleArticleBox .ArticleBody .CoverImage{max-height:250px}.SingleArticleBox .ArticleBody .ArticleImages img{max-height:200px;max-width:100%}}@media (max-width:640px){.single-article-page{padding:var(--space-4) var(--space-3);padding-top:68px}.SingleArticleBox .ArticleHeader .center img{height:60px;width:60px}.SingleArticleBox .ArticleBody .ArticleText h1{font-size:var(--text-xl)}}#UserProfile{display:flex;flex-direction:row;width:100%}#UserProfile #UserMain{background-color:#e5e7eb;flex-basis:30%;flex-grow:1;height:96vh;min-width:300px;padding-top:4vh}#UserProfile #UserMain .ProfileImage{border-radius:20px;margin:auto;width:200px}#UserProfile #UserMain .textMain{margin:auto;text-align:center;width:-webkit-max-content;width:max-content}#UserProfile #UserData{flex-basis:70%;flex-grow:1;height:96vh;overflow-y:auto;padding-left:30px;padding-top:4vh}#UserProfile #UserData,#UserProfile #UserData .DataSection{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}#UserProfile #UserData .DataSection{width:100%}#UserProfile #UserData .DataSection .DataTitle{margin-bottom:0}#UserProfile #UserData .DataSection hr{border:3px solid gray;margin-left:0;width:10%}#UserProfile #UserData .DataSection .DataEntry{text-wrap:nowrap;display:flex;flex-direction:row;font-size:20px;justify-content:space-between;overflow:auto;width:70%}#UserProfile #UserData .DataSection .DataEntry .key{font-weight:bolder}#UserProfile #UserData .DataSection .DataEntry .card{border-radius:10px;box-shadow:-2px 2px 5px #ddd;display:flex;flex-direction:column;margin:10px;padding:10px;text-align:start;transition:.2s}#UserProfile #UserData .DataSection .DataEntry .card:hover{box-shadow:-5px 5px 5px gray}#UserProfile #UserData .DataSection .commentKey,#UserProfile #UserData .DataSection .drName{color:gray}.mainInfo{font-weight:bolder;text-align:left}.mainInfo span{font-weight:300}.mainInfo .doctorStatus{border-radius:100%;display:inline-block;height:10px;width:10px}.mainInfo .doctorStatus.online{background-color:#4aff4a}.mainInfo .doctorStatus.offline{background-color:gray}@media (max-width:1000px){#UserProfile{flex-direction:column}#UserProfile #UserMain{border-radius:0 0 20px 20px;height:auto;text-align:center}#UserProfile #UserMain .textMain{text-align:center}#UserProfile #UserData{flex-basis:100%;height:auto;overflow:inherit}#UserProfile #UserData .DataSection .DataEntry{width:70%}}#TestPayment{align-items:center;display:flex;height:80vh;justify-content:center;width:100%}#AIChat{align-items:flex-end;bottom:3%;display:flex;flex-direction:row;justify-content:flex-end;position:absolute;right:3%}#AI_Chat_Icon{align-items:center;background-color:var(--primary-500);border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:25px;height:60px;justify-content:center;width:60px}#AI_Chat_Box{background-color:#fff;border-radius:10px;height:430px;height:0;margin-right:-60px;overflow:hidden;transition:.5s;width:350px;z-index:9}#AI_Chat_Box .ChatBoxheader{background-color:var(--primary-500);color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:10px}#AI_Chat_Box .ChatBoxheader .closeButton{background-color:initial;border:none;color:#fff;cursor:pointer}#AI_Chat_Box .upperMessage{color:gray;font-size:14px}#AI_Chat_Box .chatBox{border-radius:10px;display:flex;flex-direction:column-reverse;height:75%;margin:auto;overflow-y:auto;transition:.5s;width:95%}#AI_Chat_Box .chatBox .chatMessage{border-radius:10px;margin:5px;max-width:90%;padding:8px;text-align:left;transition:.5s}#AI_Chat_Box .chatBox .chatMessage.sent{background-color:#8989ff;color:#fff}#AI_Chat_Box .chatBox .chatMessage.recieved{background-color:#afafaf;color:#fff;text-align:left}#AI_Chat_Box .chatBox .chatMessage.loading{font-size:10px}#AI_Chat_Box .chatInputs{display:flex;flex-direction:row;margin-top:10px;padding:0 10px}#AI_Chat_Box .chatInputs input{border:1px solid #b1b1b1;border-radius:10px 0 0 10px;flex-basis:90%;font-size:17px;padding:5px}#AI_Chat_Box .chatInputs input:focus{outline:none}#AI_Chat_Box .chatInputs button{background-color:var(--primary-500);border:none;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;flex-basis:10%}#TestChat{flex-direction:column;justify-content:space-between;min-height:97vh;width:100%}#TestChat,#chatroomsList{align-items:center;display:flex}#chatroomsList{flex-direction:row;justify-content:center;max-width:60vw;overflow-x:auto}#chatroomsList .chatroomItem{background-color:#cbcbcb;border-radius:10px;box-shadow:-1px 1px 5px gray;cursor:pointer;display:flex;flex-direction:column;margin:10px;padding:10px;transition:.5s}#chatroomsList .chatroomItem:hover{box-shadow:-2px 2px 5px #000}#Chatroom{align-items:center;background-color:#d5d5d5;border-radius:15px;display:flex;flex-direction:column;height:600px;width:90%}#chatMessages{display:flex;flex-basis:90%;flex-direction:column-reverse;overflow:auto;width:100%}#chatMessages .message{align-items:center;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;margin:10px;padding:10px}#chatMessages .message.sent{background-color:#9191ff}#chatMessages .message.recieved{background-color:#8f8f8f}#ChatControl{flex-basis:10%;width:100%}#ChatControl input{border:1px solid #000;border-radius:10px;font-size:20px;height:50%;padding:1% 2%;width:76%}#ChatControl button{border:none;border-radius:10px;box-shadow:-1px 1px 5px gray;cursor:pointer;height:70%;margin:0 2%;transition:.2s;width:10%}#ChatControl button:hover{box-shadow:-2px 2px 10px gray}.doctors-hub-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;padding:var(--space-6);width:100%}.doctors-hub-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.page-title{font-size:var(--text-2xl);line-height:1.2;margin:0 0 var(--space-1) 0}.page-subtitle{font-size:var(--text-base);margin:0}.doctors-hub-search{margin-bottom:var(--space-5)}.doctors-grid{grid-gap:var(--space-4);animation:slideUp var(--transition-slow) ease-out;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.skeleton-doctor-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.empty-state{flex-direction:column;grid-column:1/-1;padding:var(--space-16) var(--space-8)}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{color:var(--text-tertiary);height:80px;margin-bottom:var(--space-4);width:80px}.empty-state-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.empty-state-description{color:var(--text-secondary);font-size:var(--text-base);margin:0;max-width:500px}@media (max-width:1279px){.doctors-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1023px){.doctors-hub-page{margin-left:0;padding:var(--space-6) var(--space-4);padding-top:80px}.doctors-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.doctors-hub-page{padding:var(--space-5) var(--space-3);padding-top:72px}.page-title{font-size:var(--text-2xl)}.doctors-hub-search{margin-bottom:var(--space-6)}.doctors-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.doctors-hub-page{padding:var(--space-4) var(--space-3);padding-top:68px}.page-title{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-sm)}.doctors-hub-search{margin-bottom:var(--space-5)}.doctors-grid{gap:var(--space-3);grid-template-columns:1fr}.empty-state{padding:var(--space-12) var(--space-4)}.empty-state-icon{height:64px;width:64px}.empty-state-title{font-size:var(--text-xl)}.empty-state-description{font-size:var(--text-sm)}}#DoctorInfoPage{background:var(--bg-tertiary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-6);width:100%}@media (max-width:1023px){#DoctorInfoPage{margin-left:0;max-width:100vw}}#DoctorInfoPage .LoadingScreen{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}#DoctorInfoPage .LoadingScreen .loadingCircle{animation:spin 2s linear infinite;border:7px dashed var(--primary-500);border-radius:var(--radius-full);height:70px;width:70px}.doctorInfoContainer{animation:fadeIn var(--transition-normal) ease-out;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:1400px;padding:var(--space-8)}.doctorInfoHeader{align-items:center;border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.doctorInfoHeader h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0}.backButton{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.backButton:hover{background:var(--bg-tertiary);border-color:var(--border-dark);transform:translateX(-4px)}.verificationStatus{border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:var(--text-base);font-weight:var(--font-bold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.verificationStatus.verified{background:linear-gradient(135deg,var(--success-50) 0,var(--success-100) 100%);border:2px solid var(--success-200);color:var(--success-700)}.verificationStatus.unverified{background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 100%);border:2px solid var(--warning-200);color:var(--warning-700)}.infoSection{animation:slideUp var(--transition-normal) ease-out;border-bottom:2px solid var(--border-light);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.infoSection:last-of-type{border-bottom:none;margin-bottom:0}.infoSection h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--space-3);margin-bottom:var(--space-6)}.infoSection h2:before{background:var(--gradient-primary);border-radius:var(--radius-sm);content:"";height:28px;width:4px}.infoGrid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:240px 1fr}@media (max-width:768px){.infoGrid{grid-template-columns:1fr}}.infoCard{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-fast)}.infoCard:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.infoCard.fullWidth{grid-column:1/-1}.doctorProfileImage{aspect-ratio:1;border:4px solid var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:auto;max-width:240px;object-fit:cover;transition:all var(--transition-normal);width:100%}.doctorProfileImage:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.infoRow{border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) 0}.infoRow:last-child{border-bottom:none}.infoRow strong{color:var(--text-secondary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.infoRow span{color:var(--text-primary);flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium);text-align:right}.statusOnline{color:var(--success-600)!important}.statusOffline,.statusOnline{align-items:center;display:inline-flex;font-weight:var(--font-bold);gap:var(--space-2)}.statusOffline{color:var(--danger-600)!important}.statusActive{color:var(--success-600)!important}.statusActive,.statusInactive{align-items:center;display:inline-flex;font-weight:var(--font-bold);gap:var(--space-2)}.statusInactive{color:var(--danger-600)!important}.statsGrid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.statCard{background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:all var(--transition-fast)}.statCard:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.statCard:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.statValue{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.statLabel,.statValue{position:relative;z-index:1}.statLabel{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.5px;opacity:.95;text-transform:uppercase}.listGrid{display:flex;flex-direction:column;gap:var(--space-3)}.listItem{background:var(--bg-secondary);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-4);transition:all var(--transition-fast)}.listItem:hover{background:var(--bg-tertiary);border-left-color:var(--primary-600);box-shadow:var(--shadow-sm);transform:translateX(4px)}.pricingItem{background:var(--gradient-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold);padding:var(--space-4) var(--space-6);text-align:center;transition:all var(--transition-fast)}.pricingItem:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.tagsContainer{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.tag:hover{background:var(--primary-50);border-color:var(--primary-200);box-shadow:var(--shadow-sm);color:var(--primary-700);transform:translateY(-2px)}.daysContainer{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dayBadge{background:var(--gradient-teal-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.dayBadge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.actionButtons{border-top:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);padding-top:var(--space-6)}.rejectButton,.verifyButton{border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-bold);min-width:180px;overflow:hidden;padding:var(--space-4) var(--space-8);position:relative;transition:all var(--transition-fast)}.rejectButton:before,.verifyButton:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.rejectButton:hover:before,.verifyButton:hover:before{height:300px;width:300px}.verifyButton{background:var(--gradient-success);color:#fff}.verifyButton:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rejectButton{background:var(--gradient-danger);color:#fff}.rejectButton:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rejectButton:disabled,.verifyButton:disabled{cursor:not-allowed;opacity:.5;transform:none}.modalOverlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modalContent{animation:slideUp .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;padding:var(--space-8);width:90%}.modalContent h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-6) 0}.rejectionTextarea{background:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);min-height:150px;padding:var(--space-4);resize:vertical;transition:border-color var(--transition-fast);width:100%}.rejectionTextarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.modalButtons{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.modalCancelButton,.modalRejectButton{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.modalCancelButton{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.modalCancelButton:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-dark);transform:translateY(-2px)}.modalRejectButton{background:var(--gradient-danger);color:#fff}.modalRejectButton:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.modalCancelButton:disabled,.modalRejectButton:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){#DoctorInfoPage,.doctorInfoContainer{padding:var(--space-4)}.doctorInfoHeader{align-items:flex-start;flex-direction:column}.doctorInfoHeader h1{font-size:var(--text-2xl)}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.actionButtons{flex-direction:column;width:100%}.rejectButton,.verifyButton{width:100%}.modalContent{padding:var(--space-6)}.modalButtons{flex-direction:column-reverse}.modalCancelButton,.modalRejectButton{width:100%}}@media (max-width:480px){.statsGrid{grid-template-columns:1fr}.infoRow{flex-direction:column;gap:var(--space-2)}.infoRow span{text-align:left}}.send-notifications-page{animation:fadeIn var(--transition-slow) ease-out;background:var(--bg-secondary);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-y:auto;padding:var(--space-4);width:100%}.page-header{margin-bottom:var(--space-4)}.header-content{gap:var(--space-3)}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.page-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.3;margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0 0}.notifications-content{display:flex;flex-direction:column;gap:var(--space-4)}.message-alert{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);position:relative}.message-alert.success{background-color:var(--success-50);border:2px solid var(--success-200);color:var(--success-700)}.message-alert.error{background-color:var(--danger-50);border:2px solid var(--danger-200);color:var(--danger-700)}.close-message{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:auto;opacity:.7;padding:var(--space-2);transition:all var(--transition-fast)}.close-message:hover{background-color:#0000000d;opacity:1}.notifications-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media (max-width:1200px){.notifications-grid{grid-template-columns:1fr}}.notification-form-card,.users-selection-card{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:80vh;padding:var(--space-4)}.card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-header h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.selection-actions{display:flex;gap:var(--space-3)}.selection-actions button{font-size:var(--text-sm);font-weight:var(--font-medium);min-height:36px;padding:var(--space-2) var(--space-4)}.search-filter-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);overflow:visible;padding:var(--space-4);position:relative}.search-filter-section:before{background:var(--gradient-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.search-filter-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-2);letter-spacing:.1em;margin-bottom:var(--space-1);text-transform:uppercase}.search-filter-label svg{font-size:var(--text-sm);opacity:.8}.search-input-wrapper{position:relative;width:100%}.search-icon{color:var(--text-tertiary);font-size:var(--text-base);left:var(--space-4);opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-sizing:border-box;font-size:var(--text-sm);min-height:40px;padding:var(--space-3) var(--space-4);padding-left:var(--space-12);transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--bg-primary);border-color:var(--primary-500);box-shadow:0 0 0 4px #0a7f8e1a;outline:none}.filter-section-divider{background:linear-gradient(90deg,#0000,var(--border-light),#0000);height:1px;margin:var(--space-1) 0}.filter-buttons-container{display:flex;flex-direction:column;gap:var(--space-4)}.filter-buttons-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase}.filter-buttons-label svg{font-size:var(--text-sm);opacity:.8}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.filter-buttons button{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex:1 1;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);justify-content:center;min-height:36px;min-width:100px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.filter-buttons button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.filter-buttons button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.filter-buttons button svg,.selected-count{font-size:var(--text-sm)}.selected-count{align-items:center;background:linear-gradient(135deg,var(--primary-50) 0,var(--accent-teal-light) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--primary-800);display:flex;font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.selected-count strong{color:var(--primary-600);font-size:var(--text-base)}.quick-send-section{animation:slideDown var(--transition-base) ease-out;margin-bottom:var(--space-4)}.quick-send-button{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-2);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.quick-send-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-send-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.quick-send-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-send-button .spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.users-list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);max-height:500px;overflow-y:auto;padding-right:var(--space-2)}.users-list::-webkit-scrollbar{width:8px}.users-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.users-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.users-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.user-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.user-item:hover{background-color:var(--bg-secondary);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-item.selected{background:linear-gradient(135deg,var(--primary-50) 0,var(--bg-secondary) 100%);border-color:var(--primary-500);box-shadow:var(--shadow-md)}.user-checkbox{align-items:center;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:var(--text-xs);height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.user-item.selected .user-checkbox{background-color:var(--primary-500);border-color:var(--primary-500);color:#fff}.user-avatar{border:1px solid var(--border-light);border-radius:50%;box-shadow:var(--shadow-sm);flex-shrink:0;height:40px;object-fit:cover;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email,.user-role-badge{color:var(--text-secondary);font-size:var(--text-xs)}.user-role-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.user-role-badge svg{font-size:var(--text-xs)}.empty-state{color:var(--text-tertiary);font-size:var(--text-base);padding:var(--space-12) var(--space-4);text-align:center}.form-content{gap:var(--space-4)}.form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-1)}.form-group label{font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.form-group label,.form-select{color:var(--text-primary);font-size:var(--text-sm)}.form-select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;min-height:40px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #0a7f8e1a;outline:none}.form-textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.5;min-height:100px;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #0a7f8e1a;outline:none}.char-count{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.bulk-send-section{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-primary) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4)}.bulk-send-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase}.bulk-send-label svg{font-size:var(--text-sm);opacity:.8}.bulk-send-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.bulk-send-btn{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);justify-content:center;min-height:40px;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);width:100%}.bulk-send-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bulk-send-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.pagination-controls{align-items:center;background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-4);padding:var(--space-3)}.pagination-controls button{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);min-height:36px;padding:var(--space-2) var(--space-3)}.pagination-info{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center}.form-actions{margin-top:var(--space-3)}.send-button{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-2);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.send-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.send-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .6s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1279px){.send-notifications-page{padding:var(--space-4)}}@media (max-width:1023px){.send-notifications-page{margin-left:0;max-width:100vw;padding:var(--space-4) var(--space-3);padding-top:80px}.notifications-grid{gap:var(--space-3)}.notification-form-card,.users-selection-card{max-height:75vh;padding:var(--space-3)}}@media (max-width:768px){.send-notifications-page{padding:var(--space-3) var(--space-2);padding-top:72px}.notifications-grid{gap:var(--space-4)}.search-filter-section{gap:var(--space-3);padding:var(--space-3)}.filter-buttons{flex-direction:column}.filter-buttons button{justify-content:center;min-width:0;min-width:auto;width:100%}.search-input{min-height:40px;padding-left:var(--space-10)}.search-icon{left:var(--space-3)}.pagination-controls{flex-direction:column;gap:var(--space-3)}.pagination-controls button{width:100%}.bulk-send-btn{min-height:40px}.send-button{font-size:var(--text-sm);min-height:44px}}.create-post-page{background:#f5f7fa;background:var(--bg-primary,#f5f7fa);min-height:100vh;padding:2rem}.create-post-container{margin:0 auto;max-width:800px}.create-post-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.create-post-header h1{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:2rem;font-weight:600;margin:0}.create-post-card{background:#fff;background:var(--bg-secondary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-textarea{min-height:150px}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{cursor:pointer;gap:.5rem;margin:0}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}@media (max-width:768px){.create-post-page{padding:1rem}.create-post-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.create-article-page{background:#f5f7fa;background:var(--bg-primary,#f5f7fa);min-height:100vh;padding:2rem}.create-article-container{margin:0 auto;max-width:800px}.create-article-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-button{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s}.back-button:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);transform:translateX(-2px)}.create-article-header h1{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:2rem;font-weight:600;margin:0}.create-article-card{background:#fff;background:var(--bg-secondary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:block;font-weight:500;margin-bottom:.5rem}.form-select,.form-textarea{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-select:focus,.form-textarea:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}.form-textarea{min-height:200px;resize:vertical}.char-count{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin-top:.5rem;text-align:right}.images-section{display:flex;flex-direction:column;gap:.75rem}.image-item{align-items:center;background:#f5f7fa;background:var(--bg-primary,#f5f7fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.image-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.image-info strong{color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.image-info a{color:#007bff;color:var(--primary-color,#007bff);font-size:.875rem;text-decoration:none;word-break:break-all}.image-info a:hover{text-decoration:underline}.remove-image-btn{align-items:center;background:#0000;border:none;color:#dc3545;color:var(--error-color,#dc3545);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.remove-image-btn:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);border-radius:4px}.add-image-btn{align-items:center;background:#f5f7fa;background:var(--bg-primary,#f5f7fa);border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.add-image-btn:hover{background:#fff;background:var(--bg-secondary,#fff);border-color:#007bff;border-color:var(--primary-color,#007bff);color:#007bff;color:var(--primary-color,#007bff)}.message{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.loading-container{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:1.125rem;justify-content:center;min-height:400px}@media (max-width:768px){.create-article-page{padding:1rem}.create-article-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}
/*# sourceMappingURL=main.e8bedd40.css.map*/