@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Lao:wght@300;400;500;600;700&display=swap";@font-face{font-family:GoogleSans;src:url(./GoogleSans-VariableFont-vT3J372L.ttf)format("truetype");font-weight:100 900;unicode-range:U0-U0EFF}@font-face{font-family:Google Sans;src:url(./GoogleSans-VariableFont-vT3J372L.ttf)format("truetype");font-weight:100 900}:root{--font-heading:"GoogleSans", "Google Sans", "Noto Sans Lao", sans-serif;--font-body:"GoogleSans", "Google Sans", "Inter", "Noto Sans Lao", sans-serif;--bg-primary:#f0f4f9;--bg-secondary:#fff;--bg-card:#fff;--bg-input:#f0f4f9;--border-color:#1a73e814;--border-glow:#1a73e81f;--text-primary:#1f1f1f;--text-secondary:#5f6368;--text-muted:#80868b;--accent:#1a73e8;--accent-glow:#1a73e826;--success:#1e8e3e;--warning:#f9ab00;--danger:#d93025;--info:#007b83;--sidebar-width:310px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-md:0 4px 16px 0 #3c404314;--shadow-lg:0 8px 24px 0 #3c40431f;--shadow-glow:0 0 16px #1a73e826;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 50% 0%, #e9eef6 0%, var(--bg-primary) 100%);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);transition:transform var(--transition-normal), width var(--transition-normal), margin-left var(--transition-normal);border-right:1px solid #0000000d;box-shadow:0 0 16px #00000005}.sidebar.collapsed{width:0;margin-left:-1px;overflow:hidden;transform:translate(-100%)}.main-content{min-width:0;transition:margin-left var(--transition-normal);flex-grow:1}.glass{background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #1a73e80f}.glass:hover{box-shadow:var(--shadow-md);border-color:#1a73e826}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#3c40431f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tooltip-trigger{cursor:pointer;color:var(--accent);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#1a73e80f;border:1px solid #1a73e826;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.tooltip-trigger:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-glow)}.table-responsive{position:relative;overflow:visible}.table-responsive th{z-index:10;position:sticky;top:70px;box-shadow:inset 0 -2px #64748b26;background-color:#f8fafc!important}.tree-node-wrapper{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHighlight{0%{background-color:#f9ab0014;box-shadow:0 0 #f9ab004d}50%{background-color:#f9ab0033;box-shadow:0 0 0 6px #f9ab0000}to{background-color:#0000;box-shadow:0 0 #f9ab0000}}.highlighted-node{animation:2s ease-out 3 pulseHighlight;border-left:3px solid var(--warning)!important}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px 14px;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--border-glow)}button{cursor:pointer;font-family:var(--font-heading);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;font-weight:500}.form-group{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.sidebar-item{transition:all var(--transition-fast);border-left:3px solid #0000}.sidebar-item:hover{background:#f1f5f9!important}.tree-row{background:var(--bg-secondary);border:1px solid #1a73e80a!important}.tree-row:hover{box-shadow:0 2px 8px #3c40430d;background:#f0f4f9!important;border-color:#1a73e81f!important}.app-title-short{display:none}.app-title-full{display:inline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-title-full{display:none}.app-title-short{display:inline}.header-search-container{display:none!important}.mobile-search-toggle{display:flex!important}.main-body-content{padding:16px!important;overflow-x:auto!important}.hide-mobile{display:none!important}.stats-grid{grid-template-columns:1fr!important;gap:8px!important}.stats-card{gap:8px!important;padding:6px 12px!important}.stats-content{flex-flow:wrap!important;align-items:center!important;gap:6px!important}.stats-title{font-size:.75rem!important}.stats-value{margin-left:4px;font-size:1rem!important}.viewmode-card{padding:6px 12px!important}}@media (width>=769px){.mobile-search-bar{display:none!important}}