:root{--bg-page:#f8fafc;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-card:#ffffff;--brand-blue:#2563eb;--accent-primary:#2563eb;--accent-secondary:#2563eb;--accent-success:#16a34a;--accent-error:#ef4444;--text-primary:#020817;--text-secondary:#64748b;--border-subtle:#e2e8f0;--font-display:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--card-shadow:0 1px 2px rgba(2,8,23,0.04),0 1px 3px rgba(2,8,23,0.06);--bg-muted:#f1f5f9;--text-muted:#64748b}html.dark{--bg-page:#020817;--bg-primary:#020817;--bg-secondary:#0b1220;--bg-card:#0b1220;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#94a3b8;--border-subtle:#1e293b;--bg-muted:#1e293b;--card-shadow:0 1px 2px rgba(0,0,0,0.4)}#root,body,html{margin:0;min-height:100vh;font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{scrollbar-width:thin;scrollbar-color:rgba(120,130,150,.45) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:rgba(120,130,150,.4);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgba(120,130,150,.65)}.app-shell{min-height:100vh;background:var(--bg-page)}.app-header{gap:24px;position:sticky;top:0;z-index:100;background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-subtle);padding:0 24px!important;height:64px!important}.app-brand,.app-header{display:flex;align-items:center}.app-brand{gap:9px;flex:0 0 auto}.app-brand img{height:24px;width:auto;display:block}.app-brand .app-brand-suffix{font-weight:600;font-size:16px;color:var(--text-secondary);letter-spacing:.01em}.app-title{font-family:var(--font-display);font-weight:700;font-size:18px!important;color:var(--text-primary)!important;margin:0!important;letter-spacing:-.01em}.app-content{max-width:1400px;width:100%;margin:0 auto;padding:24px}.ant-layout-header{line-height:64px!important}.app-page-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.app-page-header__inner{max-width:1400px;margin:0 auto;padding:12px 48px;display:flex;align-items:center;gap:12px}.app-page-header__logo{width:42px;height:42px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card)}.app-page-header__org{font-weight:700;font-size:15px;color:var(--text-primary);line-height:1.2}.app-page-header__title{font-size:13px;color:var(--text-secondary)}@media (max-width:768px){.app-page-header__inner{padding:10px 16px}}.page-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:22px;box-shadow:var(--card-shadow)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fade-in-section{animation:fadeInScale .5s cubic-bezier(.2,0,.2,1) forwards}@media (max-width:768px){.app-content{padding:16px}.app-header{padding:0 14px!important;gap:12px}}.asana-page-container{background:var(--bg-card);border-radius:10px;min-height:calc(100vh - 170px);border:1px solid var(--border-subtle)}.asana-main-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}.asana-project-icon{width:36px;height:36px;background-color:var(--brand-blue);border-radius:8px;display:flex;align-items:center;justify-content:center}.asana-page-tabs .ant-tabs-nav{margin-bottom:0}.asana-page-tabs .ant-tabs-tab{padding:12px 0;margin:0 16px!important;color:var(--text-secondary);font-weight:400;font-size:14px}.asana-page-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--text-primary)!important;font-weight:600}.asana-page-tabs .ant-tabs-ink-bar{background:var(--brand-blue)!important;height:2px!important}.asana-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}.asana-search-bar{max-width:400px;border-radius:8px!important;background:var(--bg-muted);border:1px solid var(--border-subtle)}.asana-search-bar:focus,.asana-search-bar:hover{background:var(--bg-card);border-color:var(--brand-blue)}.asana-table{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.asana-table .ant-table-thead>tr>th{background:var(--bg-muted)!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em}.asana-table .ant-table-tbody>tr>td,.asana-table .ant-table-thead>tr>th{border-bottom:1px solid var(--border-subtle)!important;padding:10px 16px!important}.asana-table .ant-table-tbody>tr>td{cursor:pointer;transition:background .15s}.asana-table .ant-table-tbody>tr:hover>td{background:var(--bg-page)!important}.asana-table .asana-row-action{opacity:0;transition:opacity .2s}.asana-table .ant-table-row:hover .asana-row-action{opacity:1}.asana-detail-drawer .ant-drawer-content-wrapper{box-shadow:-4px 0 24px rgba(2,8,23,.1)!important}.asana-detail-drawer .ant-drawer-body{padding:0!important}.asana-drawer-content{height:100%;display:flex;flex-direction:column}.asana-drawer-content header{padding:24px 24px 0}.asana-tabs .ant-tabs-nav{padding:0 24px;border-bottom:1px solid var(--border-subtle)}.asana-tabs .ant-tabs-tab{margin:0 12px 0 0!important;font-size:13px}.asana-tabs .ant-tabs-content-holder{padding:24px;overflow-y:auto}.asana-page-container h3.ant-typography{color:var(--text-primary)!important;font-weight:600}.asana-stat-card{border:1px solid var(--border-subtle)!important;border-radius:12px!important;height:100%}.asana-stat-card .ant-statistic-title{font-size:11px!important;letter-spacing:.06em;font-weight:600;text-transform:uppercase;color:var(--text-secondary)!important}.asana-stat-card .ant-statistic-content{font-size:24px!important;font-weight:600;color:var(--text-primary)!important}.vms-shell{display:flex;min-height:100vh;background:var(--bg-page)}.vms-sidebar{width:256px;flex:0 0 256px;height:100vh;position:sticky;top:0;border-right:1px solid var(--border-subtle);background:var(--bg-card)}.vms-sidebar__inner{display:flex;flex-direction:column;height:100%}.vms-sidebar__brand{padding:16px;border-bottom:1px solid var(--border-subtle)}.vms-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}.vms-brand__logo{height:20px;width:auto;display:block}.vms-brand__product{font-size:20px;line-height:28px;font-weight:600;letter-spacing:.025em;color:var(--text-muted)}.vms-sidebar__nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.vms-nav-link{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background-color .15s,color .15s}.vms-nav-link:hover{background:var(--bg-muted);color:var(--text-primary)}.vms-nav-link.active,.vms-nav-link.active:hover{background:var(--brand-blue);color:#ffffff}.vms-nav-link__icon{width:20px;height:20px;flex-shrink:0}.vms-sidebar__footer{margin-top:auto;padding:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:4px}.vms-theme-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;cursor:pointer;transition:background-color .15s}.vms-theme-toggle:hover{background:var(--bg-muted)}.vms-main{flex:1;min-width:0;background:var(--bg-page)!important}.vms-topbar{position:sticky;top:0;z-index:100;height:56px;justify-content:space-between;gap:16px;padding:0 24px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.vms-topbar,.vms-topbar__left{display:flex;align-items:center}.vms-topbar__left{gap:8px;min-width:0}.vms-topbar__menu{display:none!important}.vms-topbar__user{font-weight:500;color:var(--text-primary)}.vms-topbar .app-page-header{background:transparent;border-bottom:0}.vms-topbar .app-page-header__inner{padding:0;margin:0;max-width:none;gap:10px}.vms-topbar .app-page-header .ant-avatar,.vms-topbar .app-page-header__logo{width:36px!important;height:36px!important;line-height:36px!important}.vms-mobile-drawer .ant-drawer-body{background:var(--bg-card)}@media (max-width:768px){.vms-sidebar{display:none}.vms-topbar{padding:0 12px}.vms-topbar__menu{display:inline-flex!important}.vms-topbar__user{display:none}}.vms-page-intro{margin-bottom:20px}.vms-page-title{margin:0;font-size:24px;line-height:32px;font-weight:700;color:var(--text-primary)}.vms-page-sub{margin:4px 0 0;font-size:16px;color:var(--text-secondary)}.vms-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media (max-width:1200px){.vms-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.vms-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vms-kpi{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card);text-decoration:none;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s ease,box-shadow .15s ease}.vms-kpi:hover{border-color:var(--brand-blue);box-shadow:0 4px 12px -2px rgba(15,23,42,.06);transform:none}.vms-kpi__header{background:transparent;border-bottom:none;padding:14px 16px 4px;font-size:12px;line-height:16px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vms-kpi:hover .vms-kpi__header,.vms-kpi__value{color:var(--text-primary)}.vms-kpi__value{padding:2px 16px 14px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}html.dark .vms-kpi{border-color:var(--border-subtle)}.vms-list-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.vms-list-row:last-child{border-bottom:0}.vms-tabs-bar{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:8px 24px;overflow-x:auto}.vms-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:var(--bg-muted)}.vms-tab{padding:6px 14px;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}.vms-tab.active,.vms-tab:hover{color:var(--text-primary)}.vms-tab.active{background:var(--bg-card);font-weight:600;box-shadow:0 1px 2px rgba(2,8,23,.08)}@media (max-width:768px){.vms-tabs-bar{padding:8px 12px}}.ant-drawer-content-wrapper:has(.asana-detail-drawer),.asana-detail-drawer.ant-drawer-content-wrapper{min-width:min(560px,100vw)}@media (max-width:768px){.ant-drawer-content-wrapper:has(.asana-detail-drawer){width:100%!important}}.vms-app .ant-tag:not(.ant-tag-checkable){background:transparent!important;border:0!important;padding:0!important;margin-inline-end:10px!important;color:var(--text-primary)!important;font-size:inherit!important;line-height:inherit!important;font-weight:500!important;white-space:normal}.vms-app .ant-tag:not(.ant-tag-checkable) .anticon{color:var(--text-secondary)!important}.order-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:4px 0 8px}.order-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.order-step:not(:first-child):before{content:"";position:absolute;top:14px;right:calc(50% + 18px);left:calc(-50% + 18px);height:2px;background:var(--border-subtle)}.order-step.is-done:not(:first-child):before{background:var(--brand-blue)}.order-step__dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1.5px solid var(--border-subtle);transition:border-color .15s,background-color .15s}.order-step.is-done .order-step__dot{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.order-step.is-next .order-step__dot{border-color:var(--brand-blue);color:var(--brand-blue)}.order-step__label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.order-step.is-done .order-step__label,.order-step.is-next .order-step__label{color:var(--text-primary)}.order-step:hover .order-step__dot{border-color:var(--brand-blue)}.vms-required-star{color:#ef4444;margin-inline-start:4px;font-weight:500}