:root{--header-height:64px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--content-max-width:1400px;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#a5b4fc;--color-primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--color-accent-purple:#ede9fe;--color-accent-blue:#dbeafe;--color-accent-pink:#fce7f3;--color-accent-green:#d1fae5;--color-accent-yellow:#fef3c7;--color-bg-primary:#f5f5f7;--color-bg-white:#fff;--color-bg-card:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-light:#86868b;--color-text-white:#fff;--color-border:#e5e5e7;--color-border-light:#f0f0f2;--color-success:#34c759;--color-warning:#fc0;--color-error:#ff3b30;--color-info:#007aff;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-card:0 2px 8px rgba(0,0,0,.06);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--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}.app-layout{display:flex;min-height:100vh}.app-main{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);min-width:0}.app-content{background:var(--color-bg-primary);flex:1;min-height:0;padding:calc(var(--header-height) + var(--space-8)) var(--space-8) var(--space-8)}@media(max-width:1024px){:root{--sidebar-width:200px}}@media(max-width:768px){.app-main{margin-left:0}.app-content{padding:calc(var(--header-height) + var(--space-4)) var(--space-4) var(--space-4)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--space-4);width:100%}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.grid{display:grid}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);transition:all .2s ease}.btn-primary{background:var(--color-primary-gradient);box-shadow:0 2px 8px #6366f14d;color:var(--color-text-white)}.btn-primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-primary)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-2)}.badge-primary{background:var(--color-accent-yellow);color:var(--color-primary-dark)}.badge-success{background:var(--color-accent-green);color:var(--color-success)}.badge-info{background:var(--color-accent-blue);color:var(--color-info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-svg{height:20px;width:20px}.icon-svg,.icon-svg-sm{display:inline-block;flex-shrink:0;vertical-align:middle}.icon-svg-sm{height:16px;width:16px}.icon-svg-xs{height:14px;width:14px}.icon-svg-lg,.icon-svg-xs{display:inline-block;flex-shrink:0;vertical-align:middle}.icon-svg-lg{height:24px;width:24px}.icon-svg-xl{display:inline-block;height:48px;width:48px}.icon-svg-huge{display:inline-block;height:64px;width:64px}:root{--header-height:64px;--sidebar-width:240px;--space-8:32px;--color-bg-primary:#f5f5f7}body,html{background-color:var(--color-bg-primary)!important;margin:0;overflow-x:hidden;padding:0;width:100%}.app-wrapper{background-color:var(--color-bg-primary);min-height:100vh;position:relative}.app-root:not(.app-ready){height:100vh!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important}.app-root.app-ready{opacity:1!important;transition:opacity .4s ease-out;visibility:visible!important}.app-layout{min-height:100vh!important;overflow-x:hidden!important;width:100%!important}.app-layout,.app-main{display:flex!important}.app-main{background-color:var(--color-bg-primary)!important;flex:1!important;flex-direction:column!important;margin-left:var(--sidebar-width)!important;min-width:0!important}@media(max-width:768px){.app-main{margin-left:0!important}}.initial-loader{align-items:center;background-color:var(--color-bg-primary)!important;display:flex;justify-content:center;inset:0;position:fixed;z-index:10000}.loader-content{text-align:center}