/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.max-w-none{max-width:none}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media print{.print\:hidden{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#8b5cf6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-dark:#0a0a0a;--background-secondary:#1a1a1a;--background-tertiary:#2a2a2a;--border-color:#3a3a3a;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a0a0a0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-dark);color:var(--text-secondary);text-align:right;direction:rtl;font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6}button,button *,button:hover,input,input *,input:hover,option,option *,select,select *,select:hover,textarea,textarea *,textarea:hover{font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}a{color:inherit;transition:color .3s}.btn,a,a:hover{text-decoration:none}.btn{border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5rem 1rem;font-family:Vazirmatn,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{color:inherit;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-secondary{color:var(--text-secondary);background:#6b72801a;border-color:#6b72804d}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#6b728033;border-color:#6b728066;transform:translateY(-1px);box-shadow:0 4px 12px #6b728033}.btn-outline{color:var(--text-secondary);border-color:var(--border-color);background:0 0}.btn-outline:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success:hover:not(:disabled){color:#fff;background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-sm{min-height:32px;padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-xl{padding:1rem 2rem;font-size:1.125rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:700}div,h1,h2,h3,h4,h5,h6,li,p,span,td,th{font-family:Vazirmatn,sans-serif}.form-checkbox{margin:.5rem 0}.agent-form{grid-template-columns:1fr 1fr;gap:1.5rem;max-height:70vh;padding:1.5rem;display:grid;overflow-y:auto}.agent-form .form-group.full-width{grid-column:1/-1}.agent-form .form-actions{border-top:1px solid var(--border-color);grid-column:1/-1;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.form-control.error{border-color:var(--error-color);background:#ef44440d}.error-message{color:var(--error-color);margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.color-input{cursor:pointer;height:48px;padding:4px}.test-section{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:#ffffff05;grid-column:1/-1;margin-top:1rem;padding:1rem}.test-section h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.test-button{margin-bottom:1rem}.test-result{border-radius:var(--border-radius-md);padding:1rem;font-size:.875rem;line-height:1.5}.test-result.success{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133}.test-result.error{color:var(--error-color);background:#ef44441a;border:1px solid #ef444433}.test-details{opacity:.8;text-align:left;direction:ltr;border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem;font-family:Courier New,monospace;font-size:.8125rem}@media (max-width:768px){.agent-form{grid-template-columns:1fr;gap:1rem;padding:1rem}.agent-form .form-group.full-width{grid-column:1}.agent-form .form-actions{flex-direction:column;grid-column:1}.test-section{grid-column:1}}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-family:Vazirmatn,sans-serif;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-secondary);text-align:right;direction:rtl;padding:.75rem;font-family:Vazirmatn,sans-serif;font-size:.875rem;transition:border-color .2s}.form-group input.ltr,.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=url]{text-align:left;direction:ltr}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted);font-family:Vazirmatn,sans-serif}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);font-family:Vazirmatn,sans-serif}.card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;font-family:Vazirmatn,sans-serif;transition:all .2s}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.ltr{text-align:left;direction:ltr}.rtl{text-align:right;direction:rtl}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.hidden{display:none}.visible{display:block}a:not(.btn):not(.navbar-brand):not(.nav-link){color:var(--primary-color);text-decoration:none;transition:color .3s}a:not(.btn):not(.navbar-brand):not(.nav-link):hover{color:var(--primary-hover);text-decoration:none}i.fab,i.far,i.fas{direction:ltr;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Brands!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 1rem}body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hidden-mobile{display:none}.visible-mobile{display:block}}.chat-layout{height:100vh;overflow:hidden}.messages{gap:20px;padding:24px}.message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{color:#fff;border-radius:8px;width:36px;height:36px;font-size:14px}.message-content{border:1px solid var(--border-color);color:var(--text-secondary);padding:16px}.composer,.message-content{background:var(--background-secondary)}.composer{border-top:1px solid var(--border-color);padding:16px 24px}.composer-form{gap:12px}.composer-input{border:1px solid var(--border-color);background:var(--background-dark);min-height:56px;max-height:200px;color:var(--text-secondary);padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-page{background:var(--background-dark);flex-direction:column;height:100vh;display:flex}.workspace-header{backdrop-filter:blur(20px);background:#1a1a1af2;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.workspace-info{align-items:center;gap:1rem;display:flex}.workspace-label{color:var(--primary-color);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600}.workspace-name{color:var(--text-primary);font-size:1rem;font-weight:600}.workspace-count{color:var(--text-muted);opacity:.8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.coordinator-info,.workspace-count{padding:.25rem .75rem;font-size:.8125rem}.coordinator-info{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;align-items:center;gap:.25rem;display:flex}.workspace-actions{gap:1rem;display:flex}.workspace-actions .btn{backdrop-filter:blur(10px);border-radius:10px;padding:.625rem 1rem;font-size:.8125rem;transition:all .3s}.workspace-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.chat-container{flex:1;overflow:hidden}.loading-container{min-height:50vh;padding:2rem}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);width:32px;height:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.professional-dashboard{direction:rtl;background:#0f172a;min-height:100vh;font-family:Vazirmatn,sans-serif;display:flex}.dashboard-sidebar{z-index:999!important;background:linear-gradient(#1e293b,#0f172a)!important;border-left:1px solid #334155!important;flex-direction:column!important;width:280px!important;height:calc(100vh - 70px)!important;display:flex!important;position:fixed!important;top:70px!important;right:0!important;overflow-y:auto!important}.sidebar-header{background:#1e293b33!important;border-bottom:1px solid #334155!important;padding:2rem!important}.brand{gap:1rem!important}.brand,.brand-icon{align-items:center!important;display:flex!important}.brand-icon{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:12px!important;justify-content:center!important;width:50px!important;height:50px!important;font-size:1.5rem!important}.brand-text h3{color:#e2e8f0!important;margin:0!important;font-size:1.1rem!important;font-weight:700!important}.brand-text span{color:#94a3b8!important;font-size:.85rem!important}.sidebar-nav{flex:1!important;padding:1rem 0!important;overflow-y:auto!important}.nav-group{margin-bottom:2rem!important}.nav-group-title{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:1rem!important;padding:0 2rem!important;font-size:.75rem!important;font-weight:600!important}.nav-link{color:#94a3b8!important;border-left:3px solid #0000!important;align-items:center!important;gap:1rem!important;padding:1rem 2rem!important;transition:all .3s!important;display:flex!important}.nav-link,.nav-link:hover{text-decoration:none!important}.nav-link:hover{color:#e2e8f0!important;background:#1e293b80!important}.nav-link.active{color:#3b82f6!important;background:#3b82f61a!important;border-left-color:#3b82f6!important}.nav-link i{text-align:center!important;flex-shrink:0!important;width:20px!important}.nav-link span{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.sidebar-footer{border-top:1px solid #334155!important;padding:1.5rem 2rem!important}.user-card{background:#1e293b80!important;border:1px solid #334155!important;border-radius:12px!important;gap:1rem!important;padding:1rem!important}.user-avatar,.user-card{align-items:center!important;display:flex!important}.user-avatar{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;width:40px!important;height:40px!important;font-weight:600!important}.user-info{flex:1!important}.user-name{color:#e2e8f0!important;margin:0!important;font-size:.9rem!important;font-weight:600!important}.user-role{color:#94a3b8!important;margin:0!important;font-size:.8rem!important}.dashboard-content{flex:1!important;margin-right:280px!important;padding-top:70px!important}.content-header{backdrop-filter:blur(10px)!important;z-index:998!important;background:#0f172ab3!important;border-bottom:1px solid #334155!important;justify-content:space-between!important;align-items:center!important;padding:2rem!important;display:flex!important;position:fixed!important;top:0!important;left:280px!important;right:0!important}.header-left h1{color:#e2e8f0!important;margin:0!important;font-size:1.5rem!important;font-weight:700!important}.header-left p{color:#94a3b8!important;margin:0!important;font-size:.9rem!important}.header-controls{gap:1.5rem!important}.header-controls,.workspace-info{align-items:center!important;display:flex!important}.workspace-info{color:#e2e8f0!important;background:#1e293b80!important;border:1px solid #334155!important;border-radius:8px!important;gap:.5rem!important;padding:.5rem 1rem!important;font-size:.9rem!important}.notifications{position:relative!important}.notification-badge{background:#ef4444!important;border-radius:50%!important;width:18px!important;height:18px!important;font-size:.7rem!important;font-weight:600!important;position:absolute!important;top:-5px!important;right:-5px!important}.control-btn,.notification-badge{color:#fff!important;justify-content:center!important;align-items:center!important;display:flex!important}.control-btn{cursor:pointer!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:8px!important;width:40px!important;height:40px!important}.stat-card{backdrop-filter:blur(10px)!important;border-radius:16px!important;padding:2rem!important;transition:all .3s!important}.stat-header{gap:1rem!important;margin-bottom:1rem!important}.stat-header,.stat-icon{align-items:center!important;display:flex!important}.stat-icon{color:#fff!important;border-radius:12px!important;justify-content:center!important;width:60px!important;height:60px!important;font-size:1.5rem!important}.stat-info h3{color:#fff!important;margin:0!important;font-size:2rem!important;font-weight:700!important;line-height:1!important}.stat-info p{color:#94a3b8!important;margin:.5rem 0 0!important;font-size:.9rem!important}.stat-footer{border-top:1px solid #ffffff1a!important;margin-top:1rem!important;padding-top:1rem!important}.trend-up{color:#10b981!important}.trend-down,.trend-up{font-size:.85rem!important;font-weight:600!important}.trend-down{color:#ef4444!important}.trend-neutral{color:#94a3b8!important;font-size:.85rem!important;font-weight:600!important}.content-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important;padding:0 2rem 2rem!important;display:grid!important}.actions-card,.activity-card,.agents-card{background:#1e293bb3!important;border:1px solid #334155!important;border-radius:16px!important;transition:all .3s!important;overflow:hidden!important}.card-header{border-bottom:1px solid #334155!important;justify-content:space-between!important;padding:1.5rem!important}.card-header,.card-header h3{align-items:center!important;display:flex!important}.card-header h3{color:#fff!important;gap:.75rem!important;margin:0!important;font-size:1.1rem!important;font-weight:600!important}.add-new,.view-all{color:#3b82f6!important;background:#3b82f61a!important;border:1px solid #3b82f633!important;border-radius:6px!important;align-items:center!important;gap:.4rem!important;padding:.5rem .75rem!important;font-size:.8rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.activity-content{padding:1.5rem!important}.activity-item{border-bottom:1px solid #334155!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem 0!important;transition:all .2s!important;display:flex!important}.activity-avatar{color:#fff!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:.85rem!important;font-weight:600!important;display:flex!important;box-shadow:0 2px 8px #00000026!important}.activity-avatar.user{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.activity-avatar.agent{background:linear-gradient(135deg,#10b981,#059669)!important}.activity-details{flex:1!important;min-width:0!important}.activity-text{color:#e2e8f0!important;word-wrap:break-word!important;background:#1e293b80!important;border:1px solid #334155!important;border-radius:12px!important;margin-bottom:.5rem!important;padding:.75rem 1rem!important;font-size:.9rem!important;line-height:1.5!important;position:relative!important}.activity-meta{color:#94a3b8!important;align-items:center!important;gap:.75rem!important;font-size:.75rem!important;display:flex!important}.agents-grid{grid-template-columns:repeat(4,1fr)!important;gap:2rem!important;padding:1.5rem!important;display:grid!important}.agent-item{text-align:center!important;background:#1e293b80!important;border:1px solid #334155!important;border-radius:12px!important;padding:1.5rem 1rem!important;transition:all .2s!important}.agent-item:hover{background:#1e293bb3!important;border-color:#3b82f6!important;transform:translateY(-5px)!important}.agent-avatar{color:#fff!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin:0 auto 1rem!important;font-size:1.2rem!important;font-weight:600!important;display:flex!important}.agent-details h4{color:#e2e8f0!important;margin:0 0 .5rem!important;font-size:1rem!important}.agent-details p{color:#94a3b8!important;margin:0!important;font-size:.8rem!important}.actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:1.5rem!important;display:grid!important}.action-btn{color:#3b82f6!important;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border:1px solid #3b82f64d!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;padding:1.5rem 1rem!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.action-btn:hover{transform:translateY(-5px)!important;box-shadow:0 10px 25px #0003!important}.empty-state i{opacity:.4!important;color:#475569!important;margin-bottom:1rem!important;font-size:2.5rem!important}.empty-state p{color:#64748b!important;margin:0!important;font-size:.9rem!important}.loading-container{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #1e293b4d;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.welcome-container{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100vh;display:flex}.welcome-content{text-align:center;max-width:900px;padding:2rem}.welcome-icon{opacity:.8;margin-bottom:2rem;font-size:5rem}.welcome-content h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem}.welcome-content p{color:#94a3b8;margin-bottom:1.5rem;font-size:1.3rem;line-height:1.8}.action-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.action-card{backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #334155;border-radius:1.5rem;padding:3rem 2rem;text-decoration:none;transition:all .3s}.action-card:hover{background:#1e293bcc;border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 20px 60px #0000004d}.card-icon{margin-bottom:1.5rem;font-size:4rem}.action-card h3{color:#e2e8f0;margin-bottom:1rem;font-size:1.5rem}.action-card p{color:#94a3b8;margin-bottom:2rem;line-height:1.6}.chat-layout{background:linear-gradient(135deg,#0c0c0c,#1a1a1a);height:100%;font-family:Vazirmatn,sans-serif;display:flex;position:relative}.messages-panel{background:0 0;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{backdrop-filter:blur(20px);z-index:10;background:#1a1a1af2;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.chat-header h2{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.375rem;font-weight:600}.header-actions{gap:.75rem;display:flex}.header-actions button{width:40px;height:40px;color:var(--text-muted);cursor:pointer;backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.header-actions button:hover{color:var(--primary-color);background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.header-actions button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3b82f64d}.messages{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:98%;margin:0 auto;padding:1rem;display:flex;overflow-y:auto}.message{gap:1rem;max-width:100%;animation:messageSlideIn .3s ease-out;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.user .message-content-container{order:1}.message.user .message-avatar{order:2}.message.assistant{justify-content:flex-start}.message.error .message-content{color:var(--error-color);background:#ef44441a;border-color:#ef44444d}.message-avatar{background:#1e293bcc;border:1px solid #334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.message.user .message-avatar{color:#fff;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:1px solid #1e3a8a}.message.assistant .message-avatar{color:#f1f5f9;background:linear-gradient(135deg,#334155,#1e293b);border:1px solid #334155}.message-content-container{flex:1;min-width:0;max-width:75%}.message-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.message-author{color:var(--text-primary);font-size:.8125rem;font-weight:600}.message-time{color:var(--text-muted);opacity:.7;font-size:.75rem}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-color);background:#3b82f626;border:1px solid #3b82f633}.message-content{word-wrap:break-word;white-space:pre-wrap;backdrop-filter:blur(8px);background:#1e293bb3;border:1px solid #1e293b;border-radius:16px;padding:1rem 1.25rem;line-height:1.6;transition:all .2s;box-shadow:0 4px 12px #0003}.message-content:hover{background:#1e293be6;border-color:#334155}.message.user .message-content{color:#fff;background:linear-gradient(135deg,#1e40af,#1e3a8a);border-color:#1e3a8a;box-shadow:0 4px 16px #1e3a8a66}.mention{color:var(--primary-color);background:#3b82f626;border:1px solid #3b82f633;padding:.1875rem .375rem;font-weight:600}.typing-indicator{color:#94a3b8;backdrop-filter:blur(8px);background:#1e293bb3;border:1px solid #334155;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;animation:pulseGlow 2s infinite;display:flex}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3b82f61a}50%{box-shadow:0 0 0 8px #3b82f600}}.typing-dots{gap:.375rem;display:flex}.typing-dot{background:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.composer{backdrop-filter:blur(15px);background:#0f172ae6;border-top:1px solid #1e293b;flex-shrink:0;padding:1rem 1rem 1.25rem;position:relative}.composer-form{align-items:flex-end;gap:.75rem;max-width:98%;margin:0 auto;display:flex}.composer-input{color:#f1f5f9;resize:none;text-align:right;backdrop-filter:blur(8px);direction:rtl;background:#1e293bb3;border:1px solid #334155;border-radius:16px;outline:none;flex:1;min-height:52px;max-height:150px;padding:1rem 1.25rem;font-family:Vazirmatn,sans-serif;font-size:.9375rem;transition:all .3s;box-shadow:inset 0 1px 3px #0003}.composer-input:focus{background:#1e293be6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,inset 0 1px 3px #0003}.composer-input::-moz-placeholder{color:var(--text-muted);opacity:.7}.composer-input::placeholder{color:var(--text-muted);opacity:.7}.composer-actions{gap:.75rem;display:flex}.action-button{color:#94a3b8;cursor:pointer;backdrop-filter:blur(8px);background:#1e293bb3;border:1px solid #334155;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.action-button:hover:not(.disabled){color:#3b82f6;background:#3b82f633;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.action-button.send{color:#fff;background:linear-gradient(135deg,#1e40af,#1e3a8a);border-color:#1e3a8a;box-shadow:0 4px 16px #1e3a8a66}.action-button.send:hover:not(.disabled){background:linear-gradient(135deg,#1e3a8a,#172554);transform:translateY(-2px);box-shadow:0 6px 24px #1e3a8a80}.action-button.disabled{opacity:.4;cursor:not-allowed;transform:none!important}.mention-suggestions{backdrop-filter:blur(15px);z-index:1000;background:#0f172af2;border:1px solid #334155;border-radius:12px;max-height:240px;margin-bottom:1rem;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000080}.mention-suggestion{cursor:pointer;background:#1e293bb3;border:1px solid #334155;border-radius:8px;align-items:center;gap:1rem;margin:.25rem;padding:1rem;transition:all .2s;display:flex}.mention-suggestion.selected,.mention-suggestion:hover{background:#3b82f633;border:1px solid #3b82f6}.mention-suggestion-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0003}.mention-suggestion-info{flex:1;min-width:0}.mention-suggestion-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.mention-suggestion-title{color:var(--text-muted);opacity:.8;margin-top:.1875rem;font-size:.8125rem}.agents-panel{backdrop-filter:blur(15px);background:#0f172af2;border-left:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:280px;display:flex}.agents-panel-header{background:#1e293bcc;border-bottom:1px solid #1e293b;padding:1.5rem 1.5rem 1rem}.agents-panel-header h3{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.125rem;font-weight:600}.agents-list{flex:1;padding:1rem;overflow-y:auto}.agent-list-item{background:#1e293bb3;border:1px solid #334155;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s;display:flex}.agent-list-item:hover{background:#1e293be6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.agent-list-avatar{color:#f1f5f9;background:linear-gradient(135deg,#334155,#1e293b);border:1px solid #334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.agent-list-info{flex:1;min-width:0}.agent-list-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.agent-list-info p{color:var(--text-muted);opacity:.8;margin:0;font-size:.8125rem}.modal-overlay{z-index:1000;backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;animation:modalFadeIn .2s ease-out;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{backdrop-filter:blur(20px);background:#1a1a1af2;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:520px;max-height:80vh;animation:modalSlideIn .3s ease-out;overflow-y:auto;box-shadow:0 20px 40px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;display:flex}.modal-header h3{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.05)}.card-soft{backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem;transition:all .2s}.card-soft:hover{background:#ffffff0d;border-color:#ffffff1f}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.mb-1{margin-bottom:.25rem}.mt-6{margin-top:1.5rem}.w-full{width:100%}.mention{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:6px;padding:0 6px}:root[data-theme=light] .mention{color:#b45309;background:#f59e0b33}.markdown table{border-collapse:collapse;width:100%;margin:8px 0}.markdown td,.markdown th{border:1px solid var(--border-color);text-align:right;padding:6px 8px}.markdown th{background:#ffffff0d;font-weight:700}.markdown code,.markdown pre{direction:ltr;background:#94a3b81f;border-radius:6px;padding:2px 6px}.markdown pre{padding:8px;overflow-x:auto}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:var(--text-primary);margin:.5em 0}.markdown ol,.markdown ul{margin:.5em 0;padding-right:1.5em}.markdown li{margin:.25em 0}.markdown hr{border:none;border-top:1px solid var(--border-color);margin:1em 0}.markdown strong{color:var(--text-primary);font-weight:700}.markdown em{font-style:italic}.markdown blockquote{border-right:4px solid var(--primary-color);opacity:.8;margin:1em 0;padding-right:1em}.mention-suggestion-handle{color:var(--text-muted);opacity:.7;font-size:.75rem}.form-control{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-secondary);padding:.5rem .75rem;font-family:Vazirmatn,sans-serif;transition:border-color .2s}.form-control:focus{border-color:var(--primary-color);outline:none}.form-control-lg{padding:.75rem 1rem;font-size:1rem}.form-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.form-checkbox input[type=checkbox]{width:auto;margin:0}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.admin-actions{gap:.75rem;display:flex}.admin-stats{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#ffffff05;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.admin-stats-count{color:var(--text-muted);font-size:.875rem;font-weight:500}.btn-group{gap:.75rem;display:flex}.card-elevated{box-shadow:var(--shadow-xl);border:1px solid #ffffff1a}.model-list{flex-direction:column;gap:1rem;display:flex}.model-item{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#ffffff08;padding:1.5rem;transition:all .3s}.model-item:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.model-header{justify-content:space-between;margin-bottom:1rem}.model-header,.model-info{align-items:center;display:flex}.model-info{flex:1;gap:1rem}.model-avatar{border-radius:var(--border-radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0003}.model-details h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem}.model-details p{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.model-tag{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.model-tag.direct{color:var(--success-color);background:#10b98126;border:1px solid #10b98133}.model-tag.inactive{color:var(--text-muted);background:#6b728026;border:1px solid #6b728033}.model-actions{gap:.5rem;display:flex}.model-actions .btn{border-width:1px;min-width:70px;font-weight:600}.model-actions .btn-secondary{color:var(--text-secondary);background:#6b72801a;border-color:#6b72804d}.model-actions .btn-secondary:hover{color:var(--text-primary);background:#6b728033;border-color:#6b728066;transform:translateY(-1px)}.model-actions .btn-danger{color:var(--text-secondary);background:#6b72801a;border-color:#6b72804d;font-weight:600}.model-actions .btn-danger:hover{color:var(--text-primary);background:#6b728033;border-color:#6b728066;transform:translateY(-1px);box-shadow:0 4px 12px #6b728033}.model-config{border-top:1px solid #ffffff0d;padding-top:1rem}.model-config-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.model-config-item{border-radius:var(--border-radius-md);background:#ffffff05;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.model-config-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.model-config-value{color:var(--text-secondary);text-align:left;direction:ltr;font-size:.8125rem;font-weight:400}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state p:first-child{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.125rem}.notification{border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.25rem;font-size:.875rem;animation:slideIn .3s ease-out;display:flex}.notification.success{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133}.notification.error{color:var(--error-color);background:#ef44441a;border:1px solid #ef444433}.close-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.25rem;transition:opacity .2s;display:flex}.close-btn:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.py-8{padding-top:2rem;padding-bottom:2rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}@media (max-width:1024px){.agents-panel{display:none}.messages{max-width:99%;padding:.75rem}.composer{padding:.75rem .75rem 1rem}.composer-form{max-width:99%}}@media (max-width:768px){.workspace-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.workspace-actions{align-self:stretch}.workspace-actions .btn{flex:1}.chat-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.header-actions{justify-content:space-between;align-self:stretch}.messages{max-width:99.5%;padding:.5rem}.message{max-width:95%}.composer{padding:.5rem .5rem .75rem}.composer-form{flex-direction:column;gap:.5rem;max-width:99.5%}.composer-actions{justify-content:space-between;align-self:stretch}.modal-content{width:95%;margin:1rem}}.billing-dashboard{max-width:1400px;margin:0 auto;padding:2rem;font-family:Vazirmatn,sans-serif}.billing-header{margin-bottom:2rem}.billing-header h1{color:#e2e8f0;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.billing-header p{color:#94a3b8;font-size:.875rem}.billing-tabs{border-bottom:2px solid #334155;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.billing-tabs button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.billing-tabs button.active{color:#3b82f6}.billing-tabs button.active:after{content:"";background:#3b82f6;height:2px;position:absolute;bottom:-2px;left:0;right:0}.billing-tabs button:hover{color:#e2e8f0}.tab-content{animation:fadeIn .3s}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.overview-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:.75rem;padding:1.5rem;transition:all .3s}.overview-card:hover{border-color:#475569;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h3{color:#e2e8f0;margin:0;font-size:1rem;font-weight:600}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active,.status-badge.trialing{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-badge.cancelled{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.status-badge.inactive{color:#6b7280;background:#6b72801a;border:1px solid #6b728033}.card-body{color:#e2e8f0}.plan-name{color:#3b82f6;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-price{color:#e2e8f0;margin-bottom:.25rem;font-size:2rem;font-weight:700}.plan-period{color:#64748b;font-size:.875rem}.detail-row{border-bottom:1px solid #334155;justify-content:space-between;padding:.75rem 0;font-size:.875rem;display:flex}.detail-row:last-child{border-bottom:none}.usage-item{margin-bottom:1.5rem}.usage-label{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.usage-bar{background:#334155;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s}.usage-text{color:#64748b;font-size:.75rem}.invoice-list{flex-direction:column;gap:.75rem;display:flex}.invoice-item{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.invoice-item:last-child{border-bottom:none}.invoice-info{flex-direction:column;gap:.25rem;display:flex}.invoice-number{color:#e2e8f0;font-size:.875rem;font-weight:500}.invoice-date{color:#64748b;font-size:.75rem}.invoice-amount{color:#3b82f6;font-size:.875rem;font-weight:600}.invoice-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-paid{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-open{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.status-draft{color:#6b7280;background:#6b72801a;border:1px solid #6b728033}.view-all{color:#3b82f6;font-size:.75rem;text-decoration:none;transition:color .2s}.view-all:hover{color:#60a5fa}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.plan-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:1rem;padding:2rem;transition:all .3s;position:relative}.plan-card:hover{border-color:#475569;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.plan-card.popular{border-color:#3b82f6}.plan-card.current{border-color:#10b981}.current-badge,.popular-badge{z-index:10;border-radius:9999px;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.popular-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.current-badge{color:#fff;background:#10b981}.plan-header{margin-bottom:1.5rem}.plan-header h3{color:#e2e8f0;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.plan-header p{color:#94a3b8;margin:0;font-size:.875rem}.plan-price-detail{margin-top:1rem}.plan-price-detail .price{color:#3b82f6;font-size:2rem;font-weight:700}.plan-price-detail .period{color:#64748b;font-size:.875rem}.plan-features{margin:0 0 2rem;padding:0;list-style:none}.plan-features li{color:#e2e8f0;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.plan-features i{color:#10b981;width:16px;font-size:.875rem}.btn-block{justify-content:center;width:100%;display:flex}.btn-disabled{opacity:.5;cursor:not-allowed}.invoices-table{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:.75rem;overflow:hidden}.invoices-table table{border-collapse:collapse;width:100%}.invoices-table th{text-align:right;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #334155;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.invoices-table td{color:#e2e8f0;border-bottom:1px solid #334155;padding:1rem 1.5rem;font-size:.875rem}.invoices-table tr:last-child td{border-bottom:none}.invoices-table tr:hover{background:#1e293b80}.plan-actions{gap:.75rem;margin-top:1rem;display:flex}.usage-footer{border-top:1px solid #334155;margin-top:1.5rem;padding-top:1.5rem}.usage-footer p{color:#64748b;margin-bottom:1rem;font-size:.875rem}@media (max-width:768px){.billing-dashboard{padding:1rem}.billing-header h1{font-size:1.5rem}.overview-grid,.plans-grid{grid-template-columns:1fr}.invoices-table{overflow-x:auto}.invoices-table table{min-width:600px}.plan-actions{flex-direction:column}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1f293780;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}div[style*="overflowY: auto"]::-webkit-scrollbar{width:8px}div[style*="overflowY: auto"]::-webkit-scrollbar-track{background:#1f293780;border-radius:10px;margin:1rem}div[style*="overflowY: auto"]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px}div[style*="overflowY: auto"]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}