:root{--color-primary:#6b73ff;--color-primary-light:#8b93ff;--color-primary-dark:#5a61e6;--color-white:#fff;--color-grey-50:#fafafa;--color-grey-100:#f5f5f5;--color-grey-200:#e5e5e5;--color-grey-300:#d4d4d4;--color-grey-400:#a3a3a3;--color-grey-500:#737373;--color-grey-600:#525252;--color-grey-700:#404040;--color-grey-800:#262626;--color-grey-900:#171717;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-grey-50);color:#404040;color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;min-height:-webkit-fill-available;touch-action:manipulation}#root,.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available;width:100%}.app-layout{background:#fff;background:var(--color-white);border-radius:0;box-shadow:none;margin:0;max-width:100vw}.main-content{flex:1 1;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem;padding:var(--spacing-xl);padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-bottom:max(var(--spacing-xl),env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-right:max(var(--spacing-xl),env(safe-area-inset-right));width:100%}h1,h2,h3,h4,h5,h6{color:#262626;color:var(--color-grey-800);font-weight:600;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#525252;color:var(--color-grey-600);line-height:1.6}.container{margin:0 auto;max-width:100%;padding:0}.card{background:#fff;background:var(--color-white);border:1px solid #e5e5e5;border:1px solid var(--color-grey-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .2s ease;width:100%}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-grey-200)}.card-content,.card-footer,.card-header{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background:#fafafa;background:var(--color-grey-50);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e5e5e5;border-top:1px solid var(--color-grey-200)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);min-height:44px;min-width:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.btn-primary{background:#6b73ff;background:var(--color-primary);color:#fff;color:var(--color-white)}.btn-primary:hover{background:#5a61e6;background:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#f5f5f5;background:var(--color-grey-100);border:1px solid #d4d4d4;border:1px solid var(--color-grey-300);color:#404040;color:var(--color-grey-700)}.btn-secondary:hover{background:#e5e5e5;background:var(--color-grey-200);border-color:#a3a3a3;border-color:var(--color-grey-400)}.btn-ghost{background:#0000;color:#525252;color:var(--color-grey-600)}.btn-ghost:hover{background:#f5f5f5;background:var(--color-grey-100);color:#404040;color:var(--color-grey-700)}.btn-sm{font-size:.75rem;min-height:36px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:1rem;min-height:52px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#404040;color:var(--color-grey-700);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input{appearance:none;background:#fff;background:var(--color-white);border:1px solid #d4d4d4;border:1px solid var(--color-grey-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.form-input:focus{border-color:#6b73ff;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b73ff1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);width:100%}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.app-layout{flex-direction:column}.main-content{min-height:calc(100vh - 60px);padding:1rem;padding:var(--spacing-md);padding-left:max(1rem,env(safe-area-inset-left));padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.m-sm{margin:.5rem;margin:var(--spacing-sm)}.m-md{margin:1rem;margin:var(--spacing-md)}.m-lg{margin:1.5rem;margin:var(--spacing-lg)}.m-xl{margin:2rem;margin:var(--spacing-xl)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.badge{align-items:center;border-radius:.375rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background:#6b73ff1a;color:#5a61e6;color:var(--color-primary-dark)}.badge-success{background:#10b9811a;color:#10b981;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning)}.badge-error{background:#ef44441a;color:#ef4444;color:var(--color-error)}.progress-bar{background:#e5e5e5;background:var(--color-grey-200);border-radius:.375rem;border-radius:var(--radius-sm);height:8px;overflow:hidden;width:100%}.progress-fill{background:#6b73ff;background:var(--color-primary);height:100%;transition:width .3s ease}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin 1s linear infinite;border:2px solid #d4d4d4;border-top:2px solid #6b73ff;border:2px solid var(--color-grey-300);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.card-content,.card-header{padding:1rem;padding:var(--spacing-md)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}html{scrollbar-color:#0003 #0000;scrollbar-width:thin}@supports(padding:max(0px)){.main-content{padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-bottom:max(var(--spacing-xl),env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-left:max(var(--spacing-xl),env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-right:max(var(--spacing-xl),env(safe-area-inset-right))}}@media (prefers-contrast:high){.btn,.card{border-width:2px}}@media (prefers-reduced-motion:reduce){.btn,.card,.fade-in,.form-input,.slide-up{animation:none;transition:none}}
/*# sourceMappingURL=main.dec4509a.css.map*/