*{scrollbar-width:none}::-webkit-scrollbar{display:none}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--color-gold:#B89A3D;--color-gold-dark:#9A7F2E;--color-gold-light:#F0E6CC;--color-gold-50:#F7F1E3;--color-gray-900:#191F28;--color-gray-800:#333D4B;--color-gray-700:#4E5968;--color-gray-600:#6B7684;--color-gray-500:#8B95A1;--color-gray-400:#B0B8C1;--color-gray-300:#D1D6DB;--color-gray-200:#E5E8EB;--color-gray-100:#F2F4F6;--color-gray-50:#F9FAFB;--color-white:#FFFFFF;--color-blue:#3182F6;--color-blue-light:#E8F3FF;--color-red:#F04452;--color-red-light:#FFEBEE;--color-green:#00C853;--color-green-light:#E8F5E9;--color-orange:#FF8800;--color-orange-light:#FFF3E0;--color-purple:#8B5CF6;--color-purple-light:#F3E8FF;--color-teal:#14B8A6;--color-teal-light:#E0F7FA;--color-primary:#7C3AED;--color-primary-light:#9F7AEA;--color-primary-dark:#5B21B6;--color-primary-50:#F3EEFE;--color-bg:#EEEEF2;--color-card:#FFFFFF;--color-text:#191F28;--color-text-secondary:#6B7684;--color-text-tertiary:#8B95A1;--color-border:#E5E8EB;--color-border-light:#F2F4F6;--color-success:#00C851;--color-warning:#FF8800;--color-danger:#FF4444;--color-info:#3182F6;--font-family:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--radius:8px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.06),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 10px 10px -5px rgba(0,0,0,0.04);--color-sidebar:#1E1A2E;--color-sidebar-border:#2D2640;--color-sidebar-text:#A8A3B8;--color-sidebar-text-hover:#E0DCE8;--color-sidebar-active-bg:rgba(124,58,237,0.15);--color-sidebar-submenu-bg:rgba(255,255,255,0.03);--color-sidebar-panel:#2E2845;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:56px;--content-max-width:1800px;--slide-panel-width:480px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-slide-panel:500;--z-toast:600;--z-tooltip:700}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:var(--font-family);color:var(--color-gray-900);background-color:var(--color-bg);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-10) var(--spacing-20);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1;transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:none}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-gray-100);color:var(--color-gray-800)}.btn--secondary:hover{background:var(--color-gray-200)}.btn--outline{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn--outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--danger{background:var(--color-red);color:var(--color-white)}.btn--danger:hover{background:#D93B47}.btn--ghost{background:transparent;color:var(--color-gray-600)}.btn--ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn--sm{padding:var(--spacing-6) var(--spacing-12);font-size:var(--font-size-sm)}.btn--lg{padding:var(--spacing-12) var(--spacing-24);font-size:var(--font-size-lg)}.btn--full{width:100%}.btn--icon{width:36px;height:36px;padding:0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:4px 10px;font-size:13px}.card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.card--shadow{border:none;box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--color-gray-100)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.card__body{padding:var(--spacing-24)}.card__footer{padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-gray-100)}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-24);border:1px solid var(--color-gray-200)}.stat-card .stat-label,.stat-card__label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-8)}.stat-card .stat-value,.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2}.stat-card__sub{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-4)}.stat-card__change{display:inline-flex;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-8)}.stat-card__change--up{color:var(--color-red)}.stat-card__change--down{color:var(--color-blue)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-4);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5}.badge--blue{background:var(--color-blue-light);color:var(--color-blue)}.badge--red{background:var(--color-red-light);color:var(--color-red)}.badge--green{background:var(--color-green-light);color:var(--color-green)}.badge--orange{background:var(--color-orange-light);color:var(--color-orange)}.badge--purple{background:var(--color-purple-light);color:var(--color-purple)}.badge--teal{background:var(--color-teal-light);color:var(--color-teal)}.badge--gray{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--gold{background:var(--color-gold-light);color:var(--color-gold-dark)}.badge-success{background:#E8F5E9;color:#2E7D32}.badge-warning{background:#FFF3E0;color:#E65100}.badge-danger{background:#FFEBEE;color:#C62828}.badge-info{background:#E3F2FD;color:#1565C0}.badge-default{background:var(--color-border-light);color:var(--color-text-secondary)}.table-wrap{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-gray-100)}.table-toolbar__left,.table-toolbar__right{display:flex;align-items:center;gap:var(--spacing-8)}.table-toolbar__count{font-size:var(--font-size-sm);color:var(--color-gray-600)}.table-toolbar__count strong{color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--color-gray-50)}.data-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-align:left;border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.data-table td,.data-table th{padding:var(--spacing-12) var(--spacing-16)}.data-table td{font-size:var(--font-size-md);color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table tbody tr.selected{background:var(--color-gold-50)}.data-table .expand-trigger{width:32px;text-align:center;cursor:pointer;color:var(--color-gray-400);transition:color var(--transition-fast)}.data-table .expand-trigger:hover{color:var(--color-gray-700)}.data-table .expand-row td{background:var(--color-gray-50);padding:var(--spacing-16) var(--spacing-24)}.expand-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-16);gap:var(--spacing-16)}.expand-content__item{display:flex;flex-direction:column;gap:var(--spacing-4)}.expand-content__label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.expand-content__value{font-size:var(--font-size-md);color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.data-table .checkbox-cell{width:40px;text-align:center}.pagination{gap:var(--spacing-4);padding:var(--spacing-16) var(--spacing-20);border-top:1px solid var(--color-gray-100)}.pagination,.pagination__btn{display:flex;align-items:center;justify-content:center}.pagination__btn{min-width:32px;height:32px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-gray-600);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.pagination__btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.pagination__btn.active{background:var(--color-primary);color:var(--color-white)}.pagination__btn:disabled{color:var(--color-gray-300);cursor:not-allowed}.form-group{margin-bottom:var(--spacing-20)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-6)}.form-label .required{color:var(--color-red);margin-left:2px}.form-input{width:100%;padding:var(--spacing-10) var(--spacing-16);background:var(--color-gray-100);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-gray-900);transition:all var(--transition-fast)}.form-input:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.form-input::placeholder{color:var(--color-gray-400)}.form-input--error{border-color:var(--color-red);background:var(--color-red-light)}.form-input--error:focus{box-shadow:0 0 0 3px rgba(240,68,82,.1)}.form-hint{color:var(--color-gray-500)}.form-error,.form-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-4)}.form-error{color:var(--color-red)}.form-select{width:100%;padding:var(--spacing-10) var(--spacing-16);padding-right:var(--spacing-40);background:var(--color-gray-100) url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234E5968' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-gray-900);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}textarea.form-input{min-height:100px;resize:vertical}.form-check{display:flex;align-items:center;gap:var(--spacing-8);cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{display:none}.toggle__slider{position:absolute;inset:0;background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle input:checked+.toggle__slider{background:var(--color-primary)}.toggle input:checked+.toggle__slider:before{transform:translateX(20px)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-16);gap:var(--spacing-16)}.form-row--3{grid-template-columns:repeat(3,1fr)}.form-row--4{grid-template-columns:repeat(4,1fr)}.input-unit{position:relative}.input-unit .form-input{padding-right:50px}.input-unit__label{position:absolute;right:var(--spacing-16);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.filter-bar{display:flex;align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-16);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6) var(--spacing-12);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.filter-chip.active{border-color:var(--color-primary);background:var(--color-primary-50);color:var(--color-primary-dark)}.filter-chip__remove{font-size:14px;color:var(--color-gray-400)}.filter-chip__remove:hover{color:var(--color-gray-700)}.filter-panel{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-20);margin-bottom:var(--spacing-16)}.filter-panel__row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-12);gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.filter-panel__row:last-child{margin-bottom:0}.filter-panel__actions{display:flex;justify-content:center;gap:var(--spacing-8);margin-top:var(--spacing-16);padding-top:var(--spacing-16);border-top:1px solid var(--color-gray-100)}.tabs{display:flex;border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-4);margin-bottom:var(--spacing-24)}.tab{padding:var(--spacing-12) var(--spacing-16);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);background:none;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--color-gray-700)}.tab.active{color:var(--color-gray-900);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.toast-container{position:fixed;top:var(--spacing-20);right:var(--spacing-20);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-8)}.toast{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-md);min-width:280px;max-width:400px;animation:toast-in .3s ease}.toast--success{background:var(--color-green)}.toast--error{background:var(--color-red)}.toast--warning{background:var(--color-orange)}.toast__icon{font-size:20px;flex-shrink:0}.toast__message{flex:1 1}.toast__close{color:rgba(255,255,255,.7);cursor:pointer;font-size:16px;background:none;border:none}.toast__close:hover{color:var(--color-white)}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.progress{height:8px;background:var(--color-gray-100);overflow:hidden}.progress,.progress__bar{border-radius:var(--radius-full)}.progress__bar{height:100%;transition:width var(--transition-normal)}.progress__bar--gold{background:var(--color-gold)}.progress__bar--blue{background:var(--color-blue)}.progress__bar--green{background:var(--color-green)}.progress__bar--red{background:var(--color-red)}.progress-mini{display:flex;align-items:center;gap:var(--spacing-8)}.progress-mini__bar{flex:1 1;height:6px;background:var(--color-gray-100);border-radius:3px;overflow:hidden}.progress-mini__fill{height:100%;border-radius:3px;background:var(--color-primary)}.progress-mini__text{font-size:var(--font-size-xs);color:var(--color-gray-500);min-width:32px}.stepper{gap:var(--spacing-4)}.stepper,.stepper__step{display:flex;align-items:center}.stepper__step{flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-16);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);min-width:120px}.stepper__step.completed{border-color:var(--color-green);background:var(--color-green-light)}.stepper__step.current{border-color:var(--color-primary);background:var(--color-primary-50)}.stepper__step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.stepper__connector{width:32px;height:2px;background:var(--color-gray-300)}.stepper__connector.completed{background:var(--color-green)}.kanban{display:flex;gap:var(--spacing-16);overflow-x:auto;padding-bottom:var(--spacing-16)}.kanban__column{min-width:260px;flex:1 1;background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;flex-direction:column}.kanban__column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-16);border-bottom:2px solid var(--color-gray-200)}.kanban__column-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-gray-800)}.kanban__column-count{font-size:var(--font-size-sm);color:var(--color-gray-500);background:var(--color-white);padding:2px 8px;border-radius:var(--radius-full)}.kanban__cards{flex:1 1;padding:var(--spacing-12);display:flex;flex-direction:column;gap:var(--spacing-8);min-height:100px}.kanban__card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-16);box-shadow:var(--shadow-xs);cursor:-webkit-grab;cursor:grab;transition:box-shadow var(--transition-fast)}.kanban__card:hover{box-shadow:var(--shadow-md)}.kanban__card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-6)}.kanban__card-meta{font-size:var(--font-size-xs);color:var(--color-gray-500);display:flex;align-items:center;gap:var(--spacing-8)}.kanban__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-10)}.dropdown{position:relative;display:inline-block}.dropdown__menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-4);z-index:var(--z-dropdown);display:none}.dropdown__menu.open{display:block}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-10) var(--spacing-12);font-size:var(--font-size-md);color:var(--color-gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.dropdown__item:hover{background:var(--color-gray-100)}.dropdown__item--danger{color:var(--color-red)}.dropdown__divider{height:1px;background:var(--color-gray-100);margin:var(--spacing-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-64) var(--spacing-24);text-align:center}.empty-state__icon{font-size:48px;color:var(--color-gray-300);margin-bottom:var(--spacing-16)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-8)}.empty-state__desc{font-size:var(--font-size-md);color:var(--color-gray-500)}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--text{height:16px;width:100%;margin-bottom:var(--spacing-8)}.skeleton--text.w-60{width:60%}.skeleton--text.w-40{width:40%}.skeleton--text.w-80{width:80%}.skeleton--circle{border-radius:50%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:var(--z-sticky);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar__logo{height:var(--header-height);padding:0 var(--spacing-20);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-10)}.sidebar__logo,.sidebar__logo-icon{display:flex;align-items:center;flex-shrink:0}.sidebar__logo-icon{width:28px;height:28px;background:var(--color-gold);border-radius:var(--radius-md);justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);white-space:nowrap}.sidebar.collapsed .sidebar__logo-text{display:none}.sidebar__nav{flex:1 1;overflow-y:auto;padding:var(--spacing-12) var(--spacing-8)}.sidebar__section{margin-bottom:var(--spacing-8)}.sidebar__section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;padding:var(--spacing-8) var(--spacing-12);white-space:nowrap}.sidebar.collapsed .sidebar__section-label{display:none}.sidebar__item{display:flex;align-items:center;gap:var(--spacing-10);padding:var(--spacing-10) var(--spacing-12);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;position:relative}.sidebar__item:hover{background:var(--color-gray-100);color:var(--color-gray-900);text-decoration:none}.sidebar__item.active{background:var(--color-primary-50);color:var(--color-primary-dark)}.sidebar__item.active .sidebar__item-icon{color:var(--color-primary)}.sidebar__item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.sidebar__item-text{flex:1 1}.sidebar.collapsed .sidebar__item-text{display:none}.sidebar__item-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-red);color:var(--color-white);padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar.collapsed .sidebar__item-badge{position:absolute;top:4px;right:4px;min-width:16px;font-size:10px;padding:0 4px}.sidebar__toggle{display:flex;align-items:center;justify-content:center;height:48px;border-top:1px solid var(--color-gray-200);cursor:pointer;color:var(--color-gray-500);transition:color var(--transition-fast);flex-shrink:0}.sidebar__toggle:hover{color:var(--color-gray-900)}.sidebar__submenu{display:none;padding-left:42px}.sidebar__submenu.open{display:block}.sidebar__submenu-item{display:block;padding:var(--spacing-6) var(--spacing-12);font-size:var(--font-size-sm);color:var(--color-gray-600);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.sidebar__submenu-item:hover{color:var(--color-gray-900);background:var(--color-gray-50);text-decoration:none}.sidebar__submenu-item.active{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.sidebar__item-arrow{font-size:12px;transition:transform var(--transition-fast)}.sidebar__item.expanded .sidebar__item-arrow{transform:rotate(90deg)}.sidebar-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:var(--font-size-md);color:var(--color-sidebar-text);border-left:3px solid transparent;transition:all .15s ease;cursor:pointer;text-decoration:none;border-radius:0}.sidebar-menu-item:hover{color:var(--color-sidebar-text-hover);background:rgba(255,255,255,.06)}.sidebar-menu-item.active{background:var(--color-sidebar-active-bg);border-left-color:var(--color-primary-light)}.sidebar-menu-item.active,.sidebar-menu-item.group-active{color:var(--color-primary-light)}.sidebar-menu-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:var(--font-size-md);color:var(--color-sidebar-text);background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .15s ease}.sidebar-menu-btn:hover{color:var(--color-sidebar-text-hover);background:rgba(255,255,255,.06)}.sidebar-menu-btn.group-active{color:var(--color-primary-light)}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .25s ease-out;background:var(--color-sidebar-submenu-bg);padding-left:20px}.sidebar-submenu.open{max-height:500px;transition:max-height .35s ease-in}.sidebar-submenu-item{display:block;padding:8px 16px;font-size:var(--font-size-sm);color:var(--color-sidebar-text);border-radius:4px;transition:all .15s ease;text-decoration:none;font-weight:var(--font-weight-regular)}.sidebar-submenu-item:hover{color:var(--color-sidebar-text-hover);background:rgba(255,255,255,.06)}.sidebar-submenu-item.active{color:var(--color-primary-light);background:var(--color-sidebar-active-bg);font-weight:var(--font-weight-semibold)}.sidebar-rail{width:60px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;border-right:1px solid var(--color-sidebar-border);overflow-y:auto;overflow-x:hidden}.sidebar-rail__item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px;color:var(--color-sidebar-text);cursor:pointer;transition:background .15s,color .15s;position:relative;border:none;background:none;text-decoration:none;margin-bottom:4px}.sidebar-rail__item:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar-rail__item.active{background:var(--color-sidebar-active-bg);color:var(--color-primary-light)}.sidebar-rail__badge{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-rail__spacer{flex:1 1}.sidebar-menu-panel{flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--color-sidebar-panel)}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background .15s;z-index:10}.sidebar-resize-handle:active,.sidebar-resize-handle:hover{background:var(--color-primary)}.sidebar-menu-panel__header{padding:14px 16px 10px;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px;border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0}.main{flex:1 1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);display:flex;flex-direction:column;min-height:100vh}.sidebar.collapsed~.main{margin-left:var(--sidebar-collapsed-width)}.header{position:-webkit-sticky;position:sticky;top:0;height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:0 var(--spacing-24);z-index:var(--z-sticky)}.header,.header__left{display:flex;align-items:center}.header__left{gap:var(--spacing-16)}.header__search{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:var(--font-size-md);cursor:pointer;min-width:240px;transition:background var(--transition-fast)}.header__search:hover{background:var(--color-gray-200)}.header__search-icon{font-size:16px}.header__search-text{flex:1 1}.header__search-shortcut{font-size:var(--font-size-xs);color:var(--color-gray-400);border:1px solid var(--color-gray-300);padding:1px 6px;border-radius:4px;font-weight:var(--font-weight-medium)}.header__right{display:flex;align-items:center;gap:var(--spacing-8)}.header__icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:20px;transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.header__icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.header__icon-btn .badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-red);border-radius:50%;border:2px solid var(--color-white)}.header__user{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.header__user:hover{background:var(--color-gray-100)}.header__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-gold-light);color:var(--color-gold-dark);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.header__user-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.notification-bell{transition:transform .15s ease}.notification-bell:hover{transform:scale(1.15)}.notification-item:hover{filter:brightness(.97)}.content{flex:1 1;padding:var(--spacing-24);width:100%}.page-header{margin-bottom:var(--spacing-24)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-6);font-size:var(--font-size-sm);margin-bottom:var(--spacing-12)}.breadcrumb,.breadcrumb a{color:var(--color-gray-500)}.breadcrumb a:hover{color:var(--color-gray-700)}.breadcrumb__separator{font-size:10px}.breadcrumb__current{color:var(--color-gray-800);font-weight:var(--font-weight-medium)}.page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.page-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-8)}.page-container{padding:24px}.page-title{font-size:22px;font-weight:700;margin-bottom:20px;color:var(--color-text)}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.overlay.active{opacity:1;visibility:visible}.slide-panel{position:fixed;top:32px;right:0;width:var(--slide-panel-width);height:calc(100vh - 32px);background:var(--color-white);box-shadow:var(--shadow-xl);z-index:var(--z-slide-panel);transform:translateX(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;border-bottom-left-radius:20px}.slide-panel.open{transform:translateX(0)}.slide-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.slide-panel__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.slide-panel__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray-500);font-size:20px;background:none;border:none;cursor:pointer;flex-shrink:0}.slide-panel__close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.slide-panel__body{flex:1 1;overflow-y:auto;padding:var(--spacing-24)}.slide-panel__footer{justify-content:flex-end;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-gray-200);flex-shrink:0}.modal,.slide-panel__footer{display:flex;align-items:center}.modal{position:fixed;inset:0;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal.open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}.modal__content{position:relative;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:440px;max-height:90vh;overflow-y:auto;padding:var(--spacing-32);text-align:center}.modal__icon{width:48px;height:48px;margin:0 auto var(--spacing-16);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.modal__icon--danger{background:var(--color-red-light);color:var(--color-red)}.modal__icon--warning{background:var(--color-orange-light);color:var(--color-orange)}.modal__icon--info{background:var(--color-blue-light);color:var(--color-blue)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-8)}.modal__desc{font-size:var(--font-size-md);color:var(--color-gray-600);margin-bottom:var(--spacing-24)}.modal__actions{display:flex;gap:var(--spacing-8)}.modal__actions .btn{flex:1 1}.urgent-row{background:#FFF8F0!important}.img-placeholder{width:80px;height:80px;background:var(--color-gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-300);font-size:24px}.text-gold{color:var(--color-gold)}.text-blue{color:var(--color-blue)}.text-red{color:var(--color-red)}.text-green{color:var(--color-green)}.text-orange{color:var(--color-orange)}.text-gray{color:var(--color-gray-500)}.text-right{text-align:right}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-bold{font-weight:var(--font-weight-bold)}.text-medium{font-weight:var(--font-weight-medium)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.flex-between,.justify-between{justify-content:space-between}.flex-between{display:flex;align-items:center}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.mt-24{margin-top:var(--spacing-24)}.mb-8{margin-bottom:var(--spacing-8)}.mb-16{margin-bottom:var(--spacing-16)}.mb-24{margin-bottom:var(--spacing-24)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.amount{font-weight:var(--font-weight-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount--positive{color:var(--color-red)}.amount--negative{color:var(--color-blue)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform;opacity:.7}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:2px solid var(--color-gray-400);border-bottom:2px solid var(--color-gray-400)}.react-grid-item.react-grid-placeholder{background:var(--color-primary);opacity:.15;border-radius:var(--radius-lg);border:2px dashed var(--color-primary);transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-grid--editing .react-grid-item>.widget-card{outline:2px dashed var(--color-gray-300);outline-offset:-2px;cursor:-webkit-grab;cursor:grab}.dashboard-grid--editing .react-grid-item.react-draggable-dragging>.widget-card{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:var(--shadow-lg)}.react-grid-item>.react-resizable-handle{display:none}.dashboard-grid--editing .react-grid-item>.react-resizable-handle{display:block}.widget-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.widget-card__header{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);border-bottom:1px solid var(--color-gray-100)}.widget-card__icon{font-size:16px;flex-shrink:0}.widget-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-800);flex:1 1}.widget-card__body{padding:var(--spacing-16) var(--spacing-20)}.dashboard-grid--editing .widget-card{outline:2px dashed var(--color-gray-300);outline-offset:-2px}.widget-drag-handle{position:absolute;top:var(--spacing-8);right:var(--spacing-8);z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:16px;line-height:1;cursor:-webkit-grab;cursor:grab;box-shadow:var(--shadow-sm);transition:background .15s,color .15s,box-shadow .15s}.widget-drag-handle:hover{background:var(--color-gray-50);color:var(--color-gray-700);box-shadow:var(--shadow-md)}.widget-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:var(--spacing-24)}.modal-dialog{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--color-gray-200)}.modal-dialog__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.modal-dialog__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:20px;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-md)}.modal-dialog__close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-dialog__body{padding:var(--spacing-24);overflow-y:auto;flex:1 1}.modal-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-gray-200)}.mobile-app{display:flex;flex-direction:column;height:100dvh;background:#1A1528;color:#E8E0F0;overflow:hidden}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:calc(var(--safe-area-top, 0px) + 10px);background:linear-gradient(180deg,#3B1F7E,#2A1754);min-height:56px;flex-shrink:0}.mobile-header__left{display:flex;align-items:center;gap:10px}.mobile-header__workspace-icon{background:rgba(255,255,255,.15);overflow:hidden}.mobile-header__menu-btn,.mobile-header__workspace-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mobile-header__menu-btn{background:rgba(255,255,255,.1);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-header__title{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px}.mobile-header__right{display:flex;align-items:center;gap:12px}.mobile-header__avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7C3AED,#5B21B6);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.mobile-header__avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#2ECC71;border-radius:50%;border:2px solid #2a1754}.mobile-content{flex:1 1;overflow-y:auto;overflow-x:hidden;background:#1A1528;-webkit-overflow-scrolling:touch}.mobile-tab-bar{display:flex;align-items:center;justify-content:space-around;background:#110E1C;border-top:1px solid rgba(255,255,255,.06);padding:6px 0;padding-bottom:calc(var(--safe-area-bottom, 0px) + 6px);flex-shrink:0}.mobile-tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;color:rgba(255,255,255,.45);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .15s;position:relative;-webkit-tap-highlight-color:transparent}.mobile-tab-bar__item.active{color:#fff}.mobile-tab-bar__icon-wrap{width:44px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background .15s}.mobile-tab-bar__item.active .mobile-tab-bar__icon-wrap{background:rgba(124,58,237,.35)}.mobile-tab-bar__label{font-size:10px;font-weight:600;letter-spacing:.2px}.mobile-more-menu{padding:20px 16px 40px}.mobile-more-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.mobile-more-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:14px;background:rgba(255,255,255,.05);text-decoration:none;color:rgba(255,255,255,.8);transition:all .15s;-webkit-tap-highlight-color:transparent}.mobile-more-item:active{background:rgba(255,255,255,.1);transform:scale(.96)}.mobile-more-item.active{background:rgba(124,58,237,.2);color:#C4B5FD}.mobile-more-item__icon{font-size:24px;line-height:1}.mobile-more-item__label{font-size:11px;font-weight:600;text-align:center;line-height:1.2}.mobile-logout-btn{display:block;width:100%;margin-top:24px;padding:14px;background:rgba(240,68,82,.12);color:#F04452;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-logout-btn:active{background:rgba(240,68,82,.2)}.mobile-home{padding:0 0 24px}.mobile-home__greeting{padding:20px 20px 16px}.mobile-home__greeting-text{font-size:22px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.mobile-home__greeting-text span{color:#C4B5FD}.mobile-home__greeting-sub{font-size:13px;color:rgba(255,255,255,.45);margin:0}.mobile-home__cards{display:flex;gap:10px;padding:0 20px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-summary-card{flex:0 0 auto;width:150px;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:14px;text-decoration:none;color:#E8E0F0;display:flex;flex-direction:column;gap:10px;transition:all .15s;-webkit-tap-highlight-color:transparent}.mobile-summary-card:active{background:rgba(255,255,255,.12);transform:scale(.97)}.mobile-summary-card__icon{font-size:22px;line-height:1}.mobile-summary-card__info{display:flex;flex-direction:column;gap:2px}.mobile-summary-card__title{font-size:12px;color:rgba(255,255,255,.55);font-weight:500}.mobile-summary-card__value{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px}.mobile-summary-card__sub{font-size:11px;color:rgba(255,255,255,.4);font-weight:500}.mobile-home__section{padding:0 20px;margin-bottom:20px}.mobile-home__section-title{font-size:15px;font-weight:700;color:rgba(255,255,255,.7);margin:0 0 12px;display:flex;align-items:center;gap:6px}.mobile-home__quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.mobile-quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:rgba(255,255,255,.85);-webkit-tap-highlight-color:transparent}.mobile-quick-item:active{transform:scale(.93)}.mobile-quick-item__icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .15s}.mobile-quick-item__label{font-size:11px;font-weight:600;text-align:center;color:rgba(255,255,255,.7)}.mobile-home__shortcuts{display:flex;flex-direction:column;background:rgba(255,255,255,.04);border-radius:14px;overflow:hidden}.mobile-shortcut-item{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;-webkit-tap-highlight-color:transparent}.mobile-shortcut-item:last-child{border-bottom:none}.mobile-shortcut-item:active{background:rgba(255,255,255,.06)}.mobile-shortcut-item__icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.mobile-shortcut-item__text{flex:1 1;font-size:14px;font-weight:500}.mobile-shortcut-item svg{color:rgba(255,255,255,.3);flex-shrink:0}.mobile-login{min-height:100dvh;background:linear-gradient(160deg,#3B1F7E,#1E1A2E 50%,#1A1528);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;padding-top:calc(var(--safe-area-top, 0px) + 40px);padding-bottom:calc(var(--safe-area-bottom, 0px) + 40px)}.mobile-login__logo{width:80px;height:80px;border-radius:22px;margin-bottom:16px;box-shadow:0 8px 32px rgba(124,58,237,.3)}.mobile-login__brand{font-size:32px;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:8px}.mobile-login__sub{font-size:14px;color:rgba(255,255,255,.5);margin-bottom:40px}.mobile-login__form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.mobile-login__input{width:100%;padding:15px 18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-size:15px;outline:none;transition:all .2s;-webkit-appearance:none}.mobile-login__input::placeholder{color:rgba(255,255,255,.35)}.mobile-login__input:focus{border-color:#7C3AED;background:rgba(124,58,237,.1)}.mobile-login__remember{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5);cursor:pointer}.mobile-login__remember input{width:18px;height:18px;accent-color:#7C3AED;cursor:pointer}.mobile-login__error{font-size:13px;color:#F04452;text-align:center}.mobile-login__btn{width:100%;padding:16px;background:#7C3AED;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;margin-top:4px}.mobile-login__btn:active{background:#6D28D9;transform:scale(.98)}.mobile-login__btn:disabled{opacity:.6}.mobile-login__footer{margin-top:32px;font-size:12px;color:rgba(255,255,255,.25)}.mobile-content .page-container{padding:14px}.mobile-content .page-title{color:#fff;font-size:0;margin:0;height:0;overflow:hidden}.mobile-content .page-subtitle{color:rgba(255,255,255,.5)}.mobile-content .page-header{margin-bottom:12px}.mobile-content .page-header__title{color:#fff;font-size:0;height:0;overflow:hidden}.mobile-content .page-header__row{flex-wrap:wrap;gap:8px}.mobile-content .page-header__actions{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.mobile-content .card,.mobile-content .widget-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#E8E0F0}.mobile-content .card__header,.mobile-content .widget-card__header{border-color:rgba(255,255,255,.08);color:#fff}.mobile-content .stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px}.mobile-content .stat-card .stat-label,.mobile-content .stat-card__label{color:rgba(255,255,255,.55)}.mobile-content .stat-card .stat-value,.mobile-content .stat-card__value{color:#fff}.mobile-content .stat-card__sub{color:rgba(255,255,255,.4)}.mobile-content .btn{flex-shrink:0;white-space:nowrap;border-radius:10px;font-size:13px;padding:8px 14px}.mobile-content .btn--primary,.mobile-content .btn-primary{background:#7C3AED;color:#fff}.mobile-content .btn--primary:active,.mobile-content .btn-primary:active{background:#6D28D9}.mobile-content .btn--secondary,.mobile-content .btn-secondary{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.12)}.mobile-content .btn--secondary:active,.mobile-content .btn-secondary:active{background:rgba(255,255,255,.15)}.mobile-content .btn--outline{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.8);background:transparent}.mobile-content .btn--outline:active{background:rgba(255,255,255,.08)}.mobile-content .btn--ghost{color:rgba(255,255,255,.7);background:transparent}.mobile-content .btn--ghost:active{background:rgba(255,255,255,.08);color:#fff}.mobile-content .btn--danger,.mobile-content .btn-danger{background:rgba(240,68,82,.15);color:#F04452}.mobile-content .form-group{margin-bottom:14px}.mobile-content .form-label{color:rgba(255,255,255,.7)}.mobile-content .form-input,.mobile-content .form-select,.mobile-content input[type=date],.mobile-content input[type=number],.mobile-content input[type=search],.mobile-content input[type=text],.mobile-content select,.mobile-content textarea{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#E8E0F0!important;border-radius:10px!important}.mobile-content .form-input::placeholder,.mobile-content input::placeholder{color:rgba(255,255,255,.35)!important}.mobile-content .form-input:focus,.mobile-content input:focus,.mobile-content select:focus{border-color:#7C3AED!important;box-shadow:0 0 0 2px rgba(124,58,237,.2)!important;background:rgba(124,58,237,.08)!important}.mobile-content .form-row,.mobile-content .form-row--3{grid-template-columns:1fr!important}.mobile-content .form-row--4{grid-template-columns:repeat(2,1fr)!important}.mobile-content .filter-panel{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);border-radius:14px;padding:14px}.mobile-content .filter-panel__row{grid-template-columns:1fr!important;gap:10px}.mobile-content .filter-panel__actions{border-color:rgba(255,255,255,.08)}.mobile-content .filter-bar{gap:6px;margin-bottom:12px}.mobile-content .filter-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.7);border-radius:20px;font-size:12px;padding:5px 12px}.mobile-content .filter-chip:active{background:rgba(255,255,255,.1)}.mobile-content .filter-chip.active{border-color:#7C3AED;background:rgba(124,58,237,.15);color:#C4B5FD}.mobile-content .table-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.mobile-content .table-toolbar{border-color:rgba(255,255,255,.06);padding:12px 14px}.mobile-content .table-toolbar__count{color:rgba(255,255,255,.6);font-size:13px}.mobile-content .table-toolbar__count strong{color:#fff}.mobile-content .data-table{color:#E8E0F0}.mobile-content .data-table thead{background:rgba(255,255,255,.03)}.mobile-content .data-table th{background:transparent;color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.06);padding:10px 12px;white-space:nowrap}.mobile-content .data-table td{border-color:rgba(255,255,255,.04);font-size:13px;padding:12px}.mobile-content .data-table tbody tr{transition:background .1s}.mobile-content .data-table tbody tr:active{background:rgba(255,255,255,.06)}.mobile-content .data-table tbody tr.selected{background:rgba(124,58,237,.1)}.mobile-content .data-table a{color:#A78BFA}.mobile-content .data-table .expand-trigger{color:rgba(255,255,255,.4)}.mobile-content .data-table .expand-row td{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.04)}.mobile-content .expand-content__label{color:rgba(255,255,255,.45)}.mobile-content .expand-content__value{color:#E8E0F0}.mobile-content .expand-content{grid-template-columns:repeat(2,1fr)!important}.mobile-content .urgent-row{background:rgba(237,137,54,.08)!important}.mobile-content .empty-state{padding:40px 16px;position:-webkit-sticky;position:sticky;left:0;width:calc(100vw - 48px)}.mobile-content .empty-state__icon{color:rgba(255,255,255,.2)}.mobile-content .empty-state__title{color:rgba(255,255,255,.5)}.mobile-content .empty-state__desc{color:rgba(255,255,255,.35)}.mobile-content .tabs{border-color:rgba(255,255,255,.08);gap:0;overflow-x:auto;flex-wrap:nowrap}.mobile-content .tab{color:rgba(255,255,255,.45);white-space:nowrap;font-size:13px;padding:10px 14px}.mobile-content .tab.active{color:#fff;border-bottom-color:#7C3AED}.mobile-content .pagination{border-color:rgba(255,255,255,.06);padding:12px 14px}.mobile-content .pagination__btn{color:rgba(255,255,255,.6)}.mobile-content .pagination__btn:active{background:rgba(255,255,255,.08);color:#fff}.mobile-content .pagination__btn.active{background:#7C3AED;color:#fff}.mobile-content .pagination__btn:disabled{color:rgba(255,255,255,.15)}.mobile-app .slide-panel{top:0;width:100%;height:100dvh;background:#1A1528;border-radius:0;box-shadow:none;border-left:none}.mobile-app .slide-panel__header{background:linear-gradient(180deg,#3B1F7E,#2A1754);border-color:rgba(255,255,255,.08);padding:14px 16px;padding-top:calc(var(--safe-area-top, 0px) + 14px)}.mobile-app .slide-panel__title{color:#fff;font-size:17px}.mobile-app .slide-panel__close{color:rgba(255,255,255,.7);font-size:18px}.mobile-app .slide-panel__close:active{background:rgba(255,255,255,.1);color:#fff}.mobile-app .slide-panel__body{background:#1A1528;color:#E8E0F0;padding:16px}.mobile-app .slide-panel__footer{background:#110E1C;border-color:rgba(255,255,255,.06);padding:12px 16px;padding-bottom:calc(var(--safe-area-bottom, 0px) + 12px)}.mobile-app .overlay{background:rgba(0,0,0,.6)}.mobile-app .modal-overlay{background:rgba(0,0,0,.7)}.mobile-app .modal-dialog{background:#221D33;border:1px solid rgba(255,255,255,.1);border-radius:18px;max-width:100%}.mobile-app .modal-dialog__header{padding:16px}.mobile-app .modal-dialog__close:active{background:rgba(255,255,255,.1);color:#fff}.mobile-app .modal-dialog__body{padding:16px}.mobile-app .modal-dialog__footer{padding:12px 16px}.mobile-app .modal__content{background:#221D33;color:#E8E0F0;border-radius:18px}.mobile-app .modal__title{color:#fff}.mobile-app .modal__desc{color:rgba(255,255,255,.6)}.mobile-content .dropdown__menu{background:#2A2340;border-color:rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4)}.mobile-content .dropdown__item{color:rgba(255,255,255,.8)}.mobile-content .dropdown__item:active{background:rgba(255,255,255,.08)}.mobile-content .dropdown__divider{background:rgba(255,255,255,.06)}.mobile-app .toast-container{top:calc(var(--safe-area-top, 0px) + 12px);right:12px;left:12px}.mobile-app .toast{min-width:auto;max-width:100%;border-radius:14px}.mobile-content,.mobile-content div,.mobile-content label,.mobile-content p,.mobile-content span{color:inherit}.mobile-content h1,.mobile-content h2,.mobile-content h3,.mobile-content h4{color:#fff}.mobile-content a{color:#A78BFA}.mobile-content hr{border-color:rgba(255,255,255,.08)}.mobile-content input[type=checkbox]{accent-color:#7C3AED}.mobile-content .grid-2,.mobile-content .grid-3,.mobile-content .grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.mobile-content table[style*=border-collapse]{font-size:12px}.mobile-content table[style*=border-collapse] td,.mobile-content table[style*=border-collapse] th{border-color:rgba(255,255,255,.06)!important}.mobile-content .progress,.mobile-content .progress-mini__bar{background:rgba(255,255,255,.08)}.mobile-content .progress-mini__text{color:rgba(255,255,255,.5)}.mobile-app .modal-overlay{padding:16px}.mobile-app .modal-dialog{background:#221A35;border:1px solid rgba(255,255,255,.08);max-height:85vh}.mobile-app .modal-dialog__header{border-color:rgba(255,255,255,.08)}.mobile-app .modal-dialog__title{color:#fff}.mobile-app .modal-dialog__close{color:rgba(255,255,255,.5)}.mobile-app .modal-dialog__close:hover{background:rgba(255,255,255,.08);color:#fff}.mobile-app .modal-dialog__body{color:#E8E0F0}.mobile-app .modal-dialog__footer{border-color:rgba(255,255,255,.08)}.mobile-app .modal-dialog__footer .btn--secondary{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.12)}.mobile-app .modal-dialog__footer .btn--primary{background:#7C3AED;color:#fff}.mobile-app .modal-dialog input[type=email],.mobile-app .modal-dialog input[type=tel],.mobile-app .modal-dialog input[type=text]{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;color:#E8E0F0!important;border-radius:8px!important}.mobile-app .modal-dialog input::placeholder{color:rgba(255,255,255,.3)!important}.mobile-content .page-container>div[style*="background: #fff"],.mobile-content .page-container>div[style*="background: rgb(255"]{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.08)!important}.mobile-content .recharts-cartesian-grid line{stroke:rgba(255,255,255,.06)!important}.mobile-content .recharts-xAxis .recharts-text,.mobile-content .recharts-yAxis .recharts-text{fill:rgba(255,255,255,.4)!important}.mobile-content .recharts-legend-item-text{color:rgba(255,255,255,.6)!important}.mobile-content .recharts-default-tooltip{background:#2A2340!important;border-color:rgba(255,255,255,.1)!important;color:#E8E0F0!important}.mobile-content .recharts-tooltip-label{color:#fff!important}.mobile-fab{position:fixed;right:20px;bottom:calc(var(--safe-area-bottom, 0px) + 84px);z-index:100;display:flex;align-items:center;gap:6px;padding:12px 20px;border-radius:28px;border:none;background:#7C3AED;color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 20px rgba(124,58,237,.4),0 2px 8px rgba(0,0,0,.3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.mobile-fab:active{transform:scale(.95);box-shadow:0 2px 12px rgba(124,58,237,.3),0 1px 4px rgba(0,0,0,.2)}.mobile-content div[style*="overflowX: auto"]::-webkit-scrollbar{display:none}.mobile-content div[contenteditable=true]{color:#E8E0F0!important;padding:10px 16px!important;min-height:20px!important;max-height:100px!important;font-size:15px!important;line-height:1.4!important}.mobile-content div[contenteditable=true]+div,.mobile-content div[style*="pointerEvents: none"]{color:rgba(255,255,255,.35)!important;padding:10px 16px!important;font-size:15px!important}.mobile-content .page-header__actions .btn--primary{display:none!important}.mobile-content .data-table td{white-space:nowrap;font-size:12px;padding:10px 8px}.mobile-content .data-table th{font-size:11px;padding:8px}