@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-background:#fff;--color-surface:#f9fafb;--color-text:#111827;--color-accent:#5865f2;--color-text-87:#111827de;--color-text-54:#1118278a;--color-text-30:#1118274d;--color-text-10:#1118271a;--color-text-05:#1118270d;--color-accent-dark:#4752c4;--color-accent-87:#5865f2de;--color-accent-54:#5865f28a;--color-accent-30:#5865f24d;--color-accent-10:#5865f21a;--color-accent-05:#5865f20d;--color-success:#059669;--color-success-dark:#047857;--color-warning:#d97706;--color-warning-dark:#b45309;--color-error:#dc2626;--color-error-dark:#b91c1c;--color-info:#3b82f6;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--sidebar-width:280px;--sidebar-width-collapsed:80px;--header-height:64px;--container-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#111827;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-weight:400;font-weight:var(--font-weight-regular)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-lg)}h1{font-size:30px;font-size:var(--font-size-3xl)}h2{font-size:24px;font-size:var(--font-size-2xl)}h3{font-size:20px;font-size:var(--font-size-xl)}h4{font-size:18px;font-size:var(--font-size-lg)}h5{font-size:16px;font-size:var(--font-size-base)}h6{font-size:14px;font-size:var(--font-size-sm)}p{line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:14px;font-size:var(--font-size-sm)}.text-base{font-size:16px;font-size:var(--font-size-base)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.text-2xl{font-size:24px;font-size:var(--font-size-2xl)}.text-3xl{font-size:30px;font-size:var(--font-size-3xl)}.text-light{font-weight:300;font-weight:var(--font-weight-light)}.text-regular{font-weight:400;font-weight:var(--font-weight-regular)}.text-medium{font-weight:500;font-weight:var(--font-weight-medium)}.text-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.text-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-primary{color:#111827;color:var(--color-text)}.text-secondary{color:#111827de;color:var(--color-text-87)}.text-muted{color:#1118278a;color:var(--color-text-54)}.text-subtle{color:#1118274d;color:var(--color-text-30)}.text-accent{color:#5865f2;color:var(--color-accent)}.app-container{background-color:#f9fafb;background-color:var(--color-surface);display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.page-content{flex:1 1;padding:32px;padding:var(--spacing-2xl)}.grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md)}.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))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:4px;gap:var(--spacing-xs)}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:12px;gap:var(--spacing-md)}.gap-lg{gap:16px;gap:var(--spacing-lg)}.gap-xl{gap:24px;gap:var(--spacing-xl)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-xs{margin:4px;margin:var(--spacing-xs)}.mr-xs{margin-right:4px;margin-right:var(--spacing-xs)}.ml-xs{margin-left:4px;margin-left:var(--spacing-xs)}.m-sm{margin:8px;margin:var(--spacing-sm)}.mr-sm{margin-right:8px;margin-right:var(--spacing-sm)}.ml-sm{margin-left:8px;margin-left:var(--spacing-sm)}.m-md{margin:12px;margin:var(--spacing-md)}.mr-md{margin-right:12px;margin-right:var(--spacing-md)}.ml-md{margin-left:12px;margin-left:var(--spacing-md)}.m-lg{margin:16px;margin:var(--spacing-lg)}.mr-lg{margin-right:16px;margin-right:var(--spacing-lg)}.ml-lg{margin-left:16px;margin-left:var(--spacing-lg)}.m-xl{margin:24px;margin:var(--spacing-xl)}.mr-xl{margin-right:24px;margin-right:var(--spacing-xl)}.ml-xl{margin-left:24px;margin-left:var(--spacing-xl)}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-xs{padding:4px;padding:var(--spacing-xs)}.pt-xs{padding-top:4px;padding-top:var(--spacing-xs)}.pr-xs{padding-right:4px;padding-right:var(--spacing-xs)}.pb-xs{padding-bottom:4px;padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:4px;padding-left:var(--spacing-xs)}.p-sm{padding:8px;padding:var(--spacing-sm)}.pt-sm{padding-top:8px;padding-top:var(--spacing-sm)}.pr-sm{padding-right:8px;padding-right:var(--spacing-sm)}.pb-sm{padding-bottom:8px;padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:8px;padding-left:var(--spacing-sm)}.p-md{padding:12px;padding:var(--spacing-md)}.pt-md{padding-top:12px;padding-top:var(--spacing-md)}.pr-md{padding-right:12px;padding-right:var(--spacing-md)}.pb-md{padding-bottom:12px;padding-bottom:var(--spacing-md)}.pl-md{padding-left:12px;padding-left:var(--spacing-md)}.p-lg{padding:16px;padding:var(--spacing-lg)}.pt-lg{padding-top:16px;padding-top:var(--spacing-lg)}.pr-lg{padding-right:16px;padding-right:var(--spacing-lg)}.pb-lg{padding-bottom:16px;padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:16px;padding-left:var(--spacing-lg)}.p-xl{padding:24px;padding:var(--spacing-xl)}.pt-xl{padding-top:24px;padding-top:var(--spacing-xl)}.pr-xl{padding-right:24px;padding-right:var(--spacing-xl)}.pb-xl{padding-bottom:24px;padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:24px;padding-left:var(--spacing-xl)}.w-auto{width:auto}.w-screen{width:100vw}.h-auto{height:auto}.h-screen{height:100vh}.min-w-0{min-width:0}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.sidebar{background-color:#fff;background-color:var(--color-background);border-right:1px solid #1118270d;border-right:1px solid var(--color-text-05);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:32px 16px;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease;width:280px;width:var(--sidebar-width)}.sidebar.collapsed{padding:32px 8px;width:80px;width:var(--sidebar-width-collapsed)}.header{align-items:center;background-color:#fff;background-color:var(--color-background);display:flex;justify-content:space-between;padding:32px;padding:32px var(--spacing-2xl)}.content-area{flex:1 1}.content-area,.primary-navigation{background-color:#fff;background-color:var(--color-background);overflow-y:auto;padding:32px;padding:var(--spacing-2xl)}.primary-navigation{border-right:1px solid #1118270d;border-right:1px solid var(--color-text-05);flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease;width:280px;width:var(--sidebar-width)}.logo-container{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.navbar-section-heading{font-size:12px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.nav-btn,.navbar-section-heading{color:#1118278a;color:var(--color-text-54)}.nav-btn{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.nav-btn:hover{background-color:#1118270d;background-color:var(--color-text-05);color:#111827;color:var(--color-text)}.nav-btn.active{background-color:#5865f2;background-color:var(--color-accent);color:#fff;color:var(--color-background)}.page-header{background-color:#fff;background-color:var(--color-background);border-bottom:1px solid #1118270d;border-bottom:1px solid var(--color-text-05);padding:32px;padding:var(--spacing-2xl)}.page-header-content{align-items:center;display:flex;justify-content:space-between}.page-title{font-size:24px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#5865f2;background-color:var(--color-accent);color:#fff;color:var(--color-background)}.btn-primary:hover{background-color:#4752c4;background-color:var(--color-accent-dark)}.btn-secondary{background-color:#1118270d;background-color:var(--color-text-05);color:#111827;color:var(--color-text)}.btn-secondary:hover{background-color:#1118271a;background-color:var(--color-text-10)}.btn-error{background-color:#dc2626;background-color:var(--color-error);color:#fff;color:var(--color-background)}.btn-error:hover{background-color:#b91c1c;background-color:var(--color-error-dark)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background-color:initial;color:#1118278a;color:var(--color-text-54)}.btn-ghost:hover{background-color:#1118270d;background-color:var(--color-text-05);color:#111827;color:var(--color-text)}.btn-sm{font-size:12px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:16px;font-size:var(--font-size-base);padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xl)}.table-container{background-color:#fff;background-color:var(--color-background);border:1px solid #1118270d;border:1px solid var(--color-text-05);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.table-container:after,.table-container:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:16px;z-index:2}.table-container:before{background:linear-gradient(90deg,#0000001a,#0000);left:0}.table-container:after{background:linear-gradient(270deg,#0000001a,#0000);right:0}.table-container.scroll-left:before,.table-container.scroll-right:after{opacity:1}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.table{border-collapse:collapse;table-layout:auto;width:100%}.table td,.table th{box-sizing:border-box;height:48px;overflow:hidden;padding:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table td,.table th{border-bottom:1px solid #1118270d;border-bottom:1px solid var(--color-text-05)}.table th{background-color:#f9fafb;background-color:var(--color-surface);color:#1118278a;color:var(--color-text-54);font-size:12px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);line-height:16px}.table th button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:#1118270d;background-color:var(--color-text-05)}.table td{color:#111827de;color:var(--color-text-87);font-size:14px;font-size:var(--font-size-sm);line-height:16px}.card{background-color:#fff;background-color:var(--color-background);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:24px 24px 0;padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl)}.card-content{padding:24px;padding:var(--spacing-xl)}.card-footer{padding:0 24px 24px;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.form-group{margin-bottom:12px;margin-bottom:var(--spacing-md)}.label{color:#1118278a;color:var(--color-text-54);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.input,.label{font-size:14px;font-size:var(--font-size-sm)}.input{background-color:#fff;background-color:var(--color-background);border:1px solid #1118270d;border:1px solid var(--color-text-05);border-radius:6px;border-radius:var(--radius-md);color:#111827;color:var(--color-text);padding:12px;padding:var(--spacing-md);transition:all .2s ease;width:100%}.input:focus{border-color:#5865f2;border-color:var(--color-accent);box-shadow:0 0 0 2px #5865f20d;box-shadow:0 0 0 2px var(--color-accent-05);outline:none}.input::placeholder{color:#1118274d;color:var(--color-text-30)}.input:disabled{background-color:#1118270d;background-color:var(--color-text-05);cursor:not-allowed}.select{background-color:#fff;background-color:var(--color-background);border:1px solid #1118274d;border:1px solid var(--color-text-30);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);padding:12px;padding:var(--spacing-md);width:100%}.space-y-xs>*+*{margin-top:4px;margin-top:var(--spacing-xs)}.space-y-sm>*+*{margin-top:8px;margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:12px;margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:16px;margin-top:var(--spacing-lg)}.space-y-xl>*+*{margin-top:24px;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-xs{margin-top:4px;margin-top:var(--spacing-xs)}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:12px;margin-top:var(--spacing-md)}.mt-lg{margin-top:16px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:24px;margin-top:var(--spacing-xl)}.mt-2xl{margin-top:32px;margin-top:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-16{width:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.text-success{color:#059669;color:var(--color-success)}.flex-1{flex:1 1}.overflow-hidden{overflow:hidden}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){:root{--sidebar-width:200px;--header-height:60px}.content-area{padding:16px;padding:var(--spacing-lg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.border-2{border-width:2px}.border-accent{border-color:#5865f2;border-color:var(--color-accent)}.border-t-transparent{border-top-color:#0000}.rounded-full{border-radius:50%}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.modal{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.modal,.modal:before{bottom:0;left:0;right:0;top:0}.modal:before{background-color:#00000080;content:"";position:absolute}.modal-body{background-color:#fff;background-color:var(--color-background);border:1px solid #1118270d;border:1px solid var(--color-text-05);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:90vw;overflow-y:auto;padding:32px;padding:var(--spacing-2xl);position:relative;width:100%;z-index:10000}.modal-header{align-items:center;border-bottom:1px solid #1118270d;border-bottom:1px solid var(--color-text-05);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-lg)}.modal-header-title{font-size:20px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-footer{border-top:1px solid #1118270d;border-top:1px solid var(--color-text-05);display:flex;gap:12px;gap:var(--spacing-md);justify-content:flex-end;margin-top:16px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-lg)}.logo{color:#111827;color:var(--color-text);display:inline-block;font-size:30px;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:12px;margin-bottom:var(--spacing-md);text-decoration:none}