@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;margin:0}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.app-shell{background-color:#f8fafc;display:flex;height:100vh;overflow:hidden}.sidebar{background:#0f172a;bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:256px;z-index:40}.sidebar-logo{align-items:center;border-bottom:1px solid #1e293b;display:flex;gap:.75rem;padding:1.5rem 1.25rem}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.sidebar-logo-text{color:#f8fafc;font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.sidebar-logo-sub{color:#64748b;font-size:.7rem;font-weight:400}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem .75rem}.sidebar-section-label{color:#475569;font-size:.65rem;font-weight:600;letter-spacing:.08em;margin-top:.5rem;padding:.5rem .5rem .25rem;text-transform:uppercase}.sidebar-link{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.6rem .75rem;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-link:hover{background:#1e293b;color:#e2e8f0}.sidebar-link.active{background:#1e40af;color:#f8fafc}.sidebar-link.\!active{background:#1e40af!important;color:#f8fafc!important}.sidebar-link-icon{flex-shrink:0;height:18px;opacity:.8;width:18px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-link.\!active .sidebar-link-icon{opacity:1!important}.sidebar-footer{border-top:1px solid #1e293b;padding:1rem .75rem}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:256px;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:calc(100% - 256px)}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;height:64px;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:30}.topbar,.topbar-breadcrumb{align-items:center;display:flex}.topbar-breadcrumb{color:#64748b;font-size:.875rem;gap:.5rem}.topbar-breadcrumb-current{color:#0f172a;font-weight:600}.topbar-actions{gap:.75rem}.topbar-actions,.topbar-user{align-items:center;display:flex}.topbar-user{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;gap:.5rem;padding:.375rem .75rem;transition:all .15s}.topbar-user:hover{background:#f1f5f9}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;width:28px}.page-container{max-width:1400px;padding:1.5rem;width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-title{color:#0f172a;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.page-subtitle{color:#64748b;font-size:.875rem;margin-top:.25rem}.page-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000000f;display:flex;gap:1rem;padding:1.25rem;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 12px 0 #0000001a}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:#dcfce7;color:#16a34a}.stat-icon.purple{background:#f3e8ff;color:#9333ea}.stat-icon.orange{background:#fed7aa;color:#ea580c}.stat-icon.red{background:#fee2e2;color:#dc2626}.stat-icon.yellow{background:#fef9c3;color:#ca8a04}.stat-value{color:#0f172a;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.stat-label{color:#64748b;font-size:.8rem;font-weight:500;margin-top:.125rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000000f}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.125rem 1.25rem}.card-title{color:#0f172a;font-size:.95rem;font-weight:600}.card-body{padding:1.25rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.4rem;justify-content:center;line-height:1;min-height:38px;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{font-size:.8rem;gap:.3rem;min-height:32px;padding:.375rem .75rem}.btn-lg{font-size:.95rem;padding:.625rem 1.25rem}.btn-full{width:100%}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#374151}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-ghost{background:#0000;color:#64748b}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#374151}.btn-icon{border-radius:6px;height:32px;min-height:32px;min-width:32px;padding:0;width:32px}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;line-height:1.4;padding:.2rem .6rem;white-space:nowrap}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#b91c1c}.badge-yellow{background:#fef9c3;color:#a16207}.badge-gray{background:#f1f5f9;color:#475569}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-orange{background:#ffedd5;color:#c2410c}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{background:#f8fafc}.data-table thead th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody td{color:#374151;padding:.875rem 1rem;vertical-align:middle}.table-actions{align-items:center;display:flex;gap:.375rem}.table-actions-right{justify-content:flex-end}.users-page-container{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 64px)}.users-table-container{max-height:calc(100vh - 420px);min-height:260px;overflow:auto}.users-table-container .data-table thead th{position:sticky;top:0;z-index:2}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.01em}.form-label-optional{color:#94a3b8;font-size:.75rem;font-weight:400}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:.875rem;outline:none;padding:.5rem .75rem;transition:all .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-section{border-top:1px solid #f1f5f9;margin-top:.75rem;padding:1rem 0}.form-section-title{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:.06em;margin-bottom:.875rem;text-transform:uppercase}.password-field{position:relative}.password-field .form-input{padding-right:2.75rem}.password-toggle{border-radius:4px;color:#94a3b8;padding:.25rem;right:.625rem;transition:color .15s}.password-toggle:hover{color:#64748b}.modal{animation:slideIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#0f172a;font-size:1rem;font-weight:700;gap:.5rem}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#e2e8f0;color:#374151}.modal-body{padding:1.5rem}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.empty-state{flex-direction:column;padding:3rem 2rem;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:#f1f5f9;border-radius:16px;color:#94a3b8;height:64px;margin-bottom:1.25rem;width:64px}.empty-state-title{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.375rem}.empty-state-text{color:#94a3b8;font-size:.875rem;line-height:1.6;max-width:320px}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:360px;pointer-events:none;position:fixed;right:1.25rem;top:1.25rem;z-index:9999}.toast{align-items:flex-start;animation:slideIn .25s ease;background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 8px 24px -4px #00000026,0 1px 3px #0000001a;display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem;pointer-events:auto}.toast-icon{flex-shrink:0;height:20px;margin-top:.05rem;width:20px}.toast-success .toast-icon{color:#16a34a}.toast-error .toast-icon{color:#dc2626}.toast-warning .toast-icon{color:#d97706}.toast-info .toast-icon{color:#2563eb}.toast-body{color:#374151;flex:1 1;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;padding:0;transition:color .15s}.toast-close:hover{color:#374151}.auth-page{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f8fafc 50%,#f0f9ff);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.auth-card{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 40px -8px #0000001f,0 1px 3px #00000014;max-width:440px;padding:2.5rem}.auth-logo{gap:.75rem;margin-bottom:2rem}.auth-logo,.auth-logo-icon{align-items:center;display:flex;justify-content:center}.auth-logo-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;height:44px;width:44px}.auth-title{color:#0f172a;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.375rem;text-align:center}.auth-subtitle{color:#64748b;font-size:.875rem;margin-bottom:2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-link{color:#2563eb;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:#1d4ed8;text-decoration:underline}.chip{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.2rem .5rem;white-space:nowrap}.chips-wrap{display:flex;flex-wrap:wrap;gap:.25rem}.dropdown-wrapper{position:relative}.dropdown-trigger{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:all .15s;width:100%}.dropdown-trigger:hover{border-color:#cbd5e1}.dropdown-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-trigger:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.dropdown-menu{animation:slideIn .15s ease;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px -4px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.625rem;padding:.5rem .75rem;transition:background .1s}.dropdown-option:hover{background:#f8fafc}.dropdown-option input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:15px;width:15px}.info-box{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;font-size:.875rem;gap:.625rem;padding:1rem 1.125rem}.info-box.success{background:#f0fdf4;border-color:#86efac;color:#166534}.info-box.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.info-box.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.page-loading{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;min-height:200px}.spinner{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-lg{border-width:3px;height:32px;width:32px}.credential-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:border-color .15s;width:100%}.credential-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tab-btn.\!active{border-bottom-color:#2563eb!important;color:#2563eb!important;font-weight:600!important}.tab-btn.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.collapsible-header{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 0;-webkit-user-select:none;user-select:none}.collapsible-header:hover .collapsible-title{color:#2563eb}.collapsible-title{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;transition:color .15s}.collapsible-body{padding:1rem 0 0}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.modal-overlay{left:0}.form-grid{grid-template-columns:1fr}.users-table-container{max-height:calc(100vh - 360px)}.page-header{align-items:flex-start;flex-direction:column}.sidebar.\!open{transform:translateX(0)!important}}@media (max-width:640px){.auth-card{padding:2rem 1.5rem}.main-content{margin-left:0;width:100%}.modal-overlay{left:0}.users-table-container{max-height:calc(100vh - 340px);min-height:220px}}.radix-modal-overlay{animation:radix-fade-in .15s ease;background:#0000008c;inset:0;position:fixed;z-index:50}.radix-modal-content{animation:radix-slide-in .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;left:50%;max-height:90vh;outline:none;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:51}.radix-modal-content .modal-header{border-bottom:1px solid #f1f5f9}.radix-modal-content .modal-footer{background:#f8fafc;border-radius:0 0 16px 16px}.radix-select-trigger{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:space-between;outline:none;-webkit-user-select:none;user-select:none}.radix-select-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.radix-select-content{animation:radix-fade-in .12s ease;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px -4px #0000001f;max-height:260px;min-width:var(--radix-select-trigger-width);overflow:hidden;z-index:200}.radix-select-viewport{padding:.25rem}.radix-select-item{align-items:center;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;outline:none;padding:.45rem .75rem;transition:background .1s;-webkit-user-select:none;user-select:none}.radix-select-item[data-highlighted]{background:#eff6ff;color:#1d4ed8}.radix-select-item[data-disabled]{color:#9ca3af;cursor:not-allowed}.radix-select-item-inner{align-items:center;display:inline-flex;gap:.4rem}.radix-select-item-indicator{align-items:center;color:#2563eb;display:flex}.radix-tooltip-content{animation:radix-fade-in .12s ease;background:#0f172a;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#f8fafc;font-size:.78rem;font-weight:500;line-height:1.4;max-width:220px;padding:.3rem .65rem;-webkit-user-select:none;user-select:none;z-index:300}.radix-tooltip-arrow{fill:#0f172a}.radix-dropdown-content{animation:radix-fade-in .12s ease;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px -4px #0000001f;min-width:180px;outline:none;padding:.25rem;z-index:200}.radix-dropdown-item{align-items:center;border-radius:7px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;outline:none;padding:.45rem .75rem;transition:background .1s;-webkit-user-select:none;user-select:none}.radix-dropdown-item[data-highlighted]{background:#f1f5f9;color:#0f172a}.radix-dropdown-item[data-disabled]{color:#9ca3af;cursor:not-allowed}.radix-dropdown-item--danger{color:#dc2626}.radix-dropdown-item--danger[data-highlighted]{background:#fef2f2;color:#b91c1c}.radix-dropdown-item-icon{flex-shrink:0;opacity:.7}.radix-dropdown-separator{background:#f1f5f9;height:1px;margin:.25rem 0}.radix-collapsible-content[data-state=open]{animation:radix-collapsible-open .2s ease}.radix-collapsible-content[data-state=closed]{animation:radix-collapsible-close .15s ease}@keyframes radix-fade-in{0%{opacity:0}to{opacity:1}}@keyframes radix-slide-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes radix-collapsible-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes radix-collapsible-close{0%{opacity:1}to{opacity:0}}.visible{visibility:visible}.mt-3{margin-top:.75rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.w-1\.5{width:.375rem}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-current{background-color:currentColor}.uppercase{text-transform:uppercase}.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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.youtube-dashboard{background:#f8f9fa;max-width:100%;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.dashboard-header{margin-bottom:24px}.dashboard-title{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:6px}.filters-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;max-width:100%;padding:20px;width:100%}.filters-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group-range{min-width:220px}.filter-group-search{flex:1 1;min-width:260px}.filter-label{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:14px;padding:10px 14px;transition:all .2s}.filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quick-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.quick-filter-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s;white-space:nowrap}.quick-filter-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.quick-filter-btn:active{transform:translateY(0)}.quick-filter-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.export-menu{position:relative}.export-btn{min-width:130px}.export-dropdown{background:#fff;border:1px solid #dbe4ff;border-radius:10px;box-shadow:0 10px 30px #0f172a1f;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.analytics-btn-container{display:flex;justify-content:flex-end;margin-top:auto}.analytics-btn{align-items:center;display:inline-flex;gap:6px;width:auto}.export-dropdown button{background:#fff;border:none;color:#334155;cursor:pointer;font-size:14px;padding:12px 14px;text-align:left;width:100%}.export-dropdown button:hover{background:#f8faff}.filter-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.filter-status-text{color:#4a5568;font-size:14px;font-weight:600}.filter-summary{color:#667085;font-size:13px}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:100%;overflow:hidden;width:100%}.table-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;width:100%}.table-scroll-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.table-scroll-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:5px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#5568d3}.youtube-table{border-collapse:initial;border-spacing:0;font-size:14px;min-width:1400px;width:100%}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.table-th{background:linear-gradient(#667eea,#764ba2);border-bottom:2px solid #fff3;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.table-th:first-child{border-top-left-radius:8px}.table-th:last-child{border-top-right-radius:8px}.th-center{text-align:center}.th-right{text-align:right}.th-thumbnail{min-width:90px}.th-video-title{min-width:280px}.th-date{min-width:150px}.th-day{min-width:100px}.th-guest{min-width:150px}.th-location{min-width:130px}.th-playlist{min-width:150px}.th-status{min-width:120px}.th-cost,.th-days,.th-profit,.th-revenue,.th-subscribers,.th-views{min-width:130px}.table-body{background:#fff}.table-row{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.table-row:hover{background-color:#f7fafc}.table-row:last-child{border-bottom:none}.table-td{color:#2d3748;padding:14px 12px;vertical-align:middle;white-space:nowrap}.td-center{text-align:center}.td-right{text-align:right}.td-serial{color:#718096;font-weight:600}.td-thumbnail{width:90px}.video-thumbnail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:block;height:32px;margin:0 auto;object-fit:cover;width:56px}.td-video-title{max-width:380px;min-width:260px}.video-title-text{color:#2d3748}.video-title-link,.video-title-text{font-weight:500;line-height:1.45;white-space:normal;word-break:break-word}.video-title-link{color:#4a6cf7;text-decoration:none;transition:color .15s,-webkit-text-decoration .15s;transition:color .15s,text-decoration .15s;transition:color .15s,text-decoration .15s,-webkit-text-decoration .15s}.video-title-link:focus,.video-title-link:hover{color:#2d4fd6;outline:none;text-decoration:underline}.thumbnail-link{border-radius:4px;display:block;line-height:0;overflow:hidden;transition:opacity .15s,box-shadow .15s}.thumbnail-link:focus,.thumbnail-link:hover{box-shadow:0 0 0 2px #4a6cf7;opacity:.88;outline:none}.td-profit-positive{color:#22c55e;font-weight:600}.td-profit-negative{color:#ef4444;font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.status-published{background-color:#d1fae5;color:#065f46}.status-scheduled{background-color:#dbeafe;color:#1e40af}.status-draft{background-color:#fef3c7;color:#92400e}.status-default{background-color:#e5e7eb;color:#374151}.pagination-wrapper{margin-top:20px;max-width:100%;width:100%}.pagination-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.pagination-info{flex:1 1;min-width:200px}.pagination-text{color:#4a5568;font-size:14px;margin:0}.pagination-highlight{color:#667eea;font-weight:700}.pagination-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;min-width:44px;padding:8px 14px;transition:all .2s}.pagination-btn:hover:not(.pagination-btn-disabled){background:#f7fafc;border-color:#667eea;color:#667eea}.pagination-btn-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-btn-active:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}.pagination-btn-disabled{cursor:not-allowed;opacity:.4}.pagination-next,.pagination-prev{font-weight:600}.table-empty{color:#718096;font-size:16px}.no-results,.table-empty{background:#fff;padding:60px 20px;text-align:center}.no-results{border-radius:8px;box-shadow:0 1px 3px #0000001a}.no-results p{color:#718096;font-size:16px;margin:0}.sync-confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.sync-confirm-popup{background:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;max-width:420px;padding:20px;width:100%}.sync-confirm-title{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 10px}.sync-confirm-text{color:#4a5568;font-size:15px;line-height:1.5;margin:0}.sync-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.sync-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 14px}.sync-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.sync-confirm-btn-cancel{background:#edf2f7;color:#4a5568}.sync-confirm-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-skeleton{padding:20px}.skeleton-header{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:40px;margin-bottom:20px}.skeleton-rows{display:flex;flex-direction:column;gap:12px}.skeleton-row{display:flex;gap:10px}.skeleton-line{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;flex:1 1;height:16px}.skeleton-line-short{flex:0.5 1}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.youtube-dashboard{padding:16px}.dashboard-title{font-size:24px}.filters-content{align-items:stretch;flex-direction:column}.quick-filters{justify-content:flex-start;margin-left:0}.filter-group,.filter-group-range,.filter-group-search{min-width:100%}.filter-status-row{align-items:flex-start}.pagination-container{align-items:stretch;flex-direction:column}.pagination-info{text-align:center}.pagination-controls{justify-content:center}}@media (max-width:640px){.youtube-dashboard{padding:12px}.dashboard-title{font-size:20px}.filters-container{padding:16px}.quick-filter-btn{font-size:13px;padding:8px 16px}.table-td,.table-th{font-size:12px;padding:10px 8px}.pagination-btn{font-size:13px;min-width:38px;padding:6px 10px}.pagination-text{font-size:13px}}@media print{.filters-container,.pagination-wrapper{display:none}.table-wrapper{box-shadow:none}.table-scroll-container{overflow:visible}.youtube-table{min-width:100%}}.channel-overview{margin-bottom:28px;width:100%}.co-section-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.co-section-title{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 16px}.co-date-badge{background:#edf2ff;border-radius:20px;color:#4c6ef5;font-size:12px;font-weight:600;letter-spacing:.3px;padding:3px 12px}.co-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:28px}.co-kpi-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;box-shadow:0 1px 4px #00000014;overflow:hidden;padding:18px 20px;position:relative;transition:box-shadow .2s,transform .15s}.co-kpi-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.co-kpi-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.co-kpi-title{color:#718096;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.co-kpi-value{color:#1a202c;font-size:26px;font-weight:800;line-height:1.1;margin-bottom:4px}.co-kpi-subtitle{color:#a0aec0;font-size:12px;margin-top:4px}.co-kpi-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:2px 9px}.co-kpi-badge--green{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.co-kpi-badge--red{background:#fff1f2;border:1px solid #fecdd3;color:#dc2626}.co-rev-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:28px}.co-rev-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #667eea59;color:#fff;padding:20px 22px;transition:transform .15s,box-shadow .2s}.co-rev-card:hover{box-shadow:0 8px 20px #667eea73;transform:translateY(-2px)}.co-rev-label{font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.co-rev-value{font-size:28px;font-weight:800;line-height:1.1}.co-rev-desc{font-size:12px;margin-top:6px;opacity:.7}.co-chart-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:28px}.co-chart-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:20px}.co-chart-card-title{color:#2d3748;font-size:14px;font-weight:700;margin-bottom:14px}.co-chart-empty{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:10px;height:220px;justify-content:center}.co-chart-empty svg{color:#cbd5e0}.co-chart-empty p{font-size:13px;line-height:1.5;margin:0;max-width:260px;text-align:center}.co-chart-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001f;font-size:13px;padding:10px 14px}.co-chart-tooltip-label{color:#2d3748;font-weight:700;margin:0 0 6px}@media (max-width:768px){.co-kpi-grid{grid-template-columns:repeat(2,1fr)}.co-chart-grid,.co-rev-grid{grid-template-columns:1fr}.co-kpi-value{font-size:22px}}@media (max-width:480px){.co-kpi-grid{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,#d3d3d3,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.auth-card h2{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.auth-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.password-input-wrapper input{padding-right:45px}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s}.password-toggle:hover{color:#667eea}.password-toggle:focus{color:#667eea;outline:none}.password-toggle svg{stroke-width:2;height:20px;width:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33}.error-message,.success-message{font-size:14px;margin-bottom:15px;padding:12px;text-align:center}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3}.auth-link{color:#666;font-size:14px;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.forgot-password-link{margin-bottom:15px;margin-top:8px;text-align:right}.forgot-password-link a{color:#667eea;font-size:13px;font-weight:500;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{box-sizing:border-box;padding-right:44px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;line-height:1;padding:4px;position:absolute;right:10px}.password-toggle-btn:hover{color:#555}*{box-sizing:border-box;margin:0;padding:0}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}.App{min-height:100vh}
/*# sourceMappingURL=main.cab13b79.css.map*/