:root{--color-primary:#6b4faf;--color-action:#2563eb;--color-reset:#f87171;--color-delete:#dc2626;--color-excel:#16a34a;--color-tab-active-bg:#f472b6;--color-grid-tab:#b60b29;--bg-search:#f3f4f6;--bg-table-header:#e5e7eb;--bg-row-selected:#ddd6fe;--bg-row-even:#eef2ff;--text-default:#333;--text-muted:#aaa;--text-sidebar-menu:#4258a3;--header-h:46px;--sidebar-w:250px;--sidebar-collapsed-w:48px;--tabbar-h:30px;--footer-h:25px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:var(--text-default);background:#fff;font-family:Tahoma,arial,verdana,sans-serif;font-size:13px;line-height:1.4}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}input,select,textarea{font-family:inherit;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{height:var(--header-h);min-height:var(--header-h);z-index:100;background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:12px;padding:0 12px;display:flex}.app-header__logo{color:var(--color-primary);white-space:nowrap;font-size:18px;font-weight:700}.app-header__env{color:#fff;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.app-header__env--dev{background:var(--color-excel)}.app-header__env--prod{background:var(--color-delete)}.app-header__env--stage{background:#f59e0b}.app-header__center{flex:1;align-items:center;gap:8px;display:flex}.app-header__right{align-items:center;gap:12px;display:flex}.app-header__brand{width:auto;height:24px;display:block}.app-header__user{font-size:14px;font-weight:700}.app-header__link{color:var(--color-action);cursor:pointer;font-size:13px}.app-header__link:hover{text-decoration:underline}.zoom-btn{background:#ebebeb;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:18px;line-height:1;display:flex}.zoom-btn:hover{background:#ddd}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:linear-gradient(#f0eef8 0%,#e8e4f4 100%);border-right:1px solid #ddd;flex-direction:column;transition:width .2s,min-width .2s;display:flex;position:relative;overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed-w);min-width:var(--sidebar-collapsed-w)}.sidebar__title{color:var(--color-primary);white-space:nowrap;padding:12px 14px 8px;font-family:RixSinGo Black,Arial Black,sans-serif;font-size:16px;font-weight:900;overflow:hidden}.sidebar__search{padding:21px 10px 8px}.sidebar__search input{border:1px solid #ccc;border-radius:4px;width:100%;padding:4px 8px;font-size:12px}.sidebar__nav{flex:1;padding:4px 6px;overflow-y:auto}.sidebar__group-label{color:#888;white-space:nowrap;padding:8px 8px 4px;font-size:12px;font-weight:700;overflow:hidden}.sidebar__tree-group{margin-bottom:2px}.sidebar__tree-group-header{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 8px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.sidebar__tree-group-header:hover{background:#6b4faf14}.sidebar__tree-group-header.active{color:#6b4faf;background:#6b4faf1f}.sidebar__tree-arrow{color:#999;flex-shrink:0;font-size:9px;transition:transform .2s;display:inline-block}.sidebar__tree-arrow.open{transform:rotate(90deg)}.sidebar__tree-children{padding-left:14px}.sidebar__item{color:var(--text-default);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;font-size:13px;display:flex;overflow:hidden}.sidebar__item:hover{background:#f5f5f5}.sidebar__item.active{color:#6b4faf;background:#6b4faf1f;font-weight:700;box-shadow:inset 3px 0 #6b4faf}.sidebar__item--sub{padding-left:24px}.sidebar__breadcrumb{color:#aaa;margin-top:1px;font-size:10px}.sidebar__hint{color:#aaa;padding:8px;font-size:12px}.sidebar__toggle{color:#666;cursor:pointer;z-index:10;background:#ddd;border-radius:0 6px 6px 0;justify-content:center;align-items:center;width:20px;height:40px;font-size:10px;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar__toggle:hover{background:#ccc}.app-content{flex:1;padding:0;overflow:auto}.app-tabbar{height:var(--tabbar-h);min-height:var(--tabbar-h);scrollbar-width:none;background:#f5f5f5;border-top:1px solid #ddd;align-items:stretch;display:flex;overflow-x:auto}.app-tabbar::-webkit-scrollbar{display:none}.tabbar__tab{color:#555;white-space:nowrap;cursor:pointer;border-right:1px solid #ddd;align-items:center;gap:4px;padding:0 12px;font-size:12px;display:flex}.tabbar__tab:hover{background:#eee}.tabbar__tab.active{background:var(--color-tab-active-bg);color:#fff;font-weight:700}.tabbar__tab-close{opacity:.7;font-size:14px;line-height:1}.tabbar__tab-close:hover{opacity:1}.tabbar__screen-id{color:#999;align-items:center;margin-left:auto;padding:0 10px;font-size:11px;display:flex}.app-footer{height:var(--footer-h);min-height:var(--footer-h);background:linear-gradient(90deg,#f3c4c4,#f8e5e5);align-items:center;padding:0 12px;display:flex}.footer__copyright{color:#999;font-size:11px}.footer__name{text-align:center;color:#a65b65;flex:1;font-size:16px;font-weight:700}.footer__dashboard{color:var(--color-primary);cursor:pointer;border-radius:4px;margin-right:12px;padding:2px 6px;font-size:12px}.footer__dashboard:hover{background:#6b4faf1a;text-decoration:underline}.footer__version{color:#999;font-size:11px}.login-page{background:linear-gradient(135deg,#c9d0ed 0%,#ffeae3 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-logo{width:100%;max-width:280px;height:auto;margin:0 auto 8px;display:block}.login-box{background:#fff;border-radius:12px;width:360px;padding:40px 36px;box-shadow:0 8px 32px #0000001f}.login-title{color:#6b4faf;text-align:center;margin-bottom:4px;font-family:Arial Black,sans-serif;font-size:28px;font-weight:900}.login-subtitle{color:#888;text-align:center;margin-bottom:28px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-field label{color:#555;font-size:12px;font-weight:700}.login-field input{border:1px solid #ccc;border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s}.login-field input:focus{border-color:#6b4faf;box-shadow:0 0 0 2px #6b4faf26}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:6px 10px;font-size:12px}.login-btn{color:#fff;background:#2563eb;border-radius:6px;height:38px;margin-top:4px;font-size:14px;font-weight:700;transition:background .15s}.login-btn:hover:not(:disabled){background:#1d4ed8}.login-btn:disabled{opacity:.6;cursor:not-allowed}