*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0d1117;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b4f91,#2563a8);padding:20px}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.logo{text-align:center;margin-bottom:30px}.logo .brand-logo{max-width:280px;height:auto;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.logo h1{color:#333;margin:0;font-size:1.8rem;font-weight:600;line-height:1.2}.logo p{color:#666;margin:5px 0 0;font-size:.9rem;background:transparent}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#1b4f91}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1b4f91,#2563a8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease;font-family:inherit}.login-btn:hover:not(:disabled){transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;opacity:.7}.status{margin-top:20px;padding:12px;border-radius:8px;font-size:.9rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status strong{display:block;margin-bottom:4px}@media(max-width:480px){.login-container{padding:30px 20px}.logo h1{font-size:1.5rem}}.applications-grid{display:flex;flex-direction:column;gap:6px;padding:8px}.app-icon{display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border:2px solid transparent;padding:12px 16px;min-height:48px}.app-icon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.app-icon:hover:before{opacity:1}.app-icon:hover{transform:translate(4px);box-shadow:0 2px 8px #0000004d}.app-icon:active{transform:translate(2px)}.app-icon.selected{border:2px solid currentColor;box-shadow:0 4px 12px #0006}.app-icon-label{font-size:.875rem;font-weight:500;color:#fff;text-align:left;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.loading,.error,.no-apps{padding:2rem;text-align:center;color:#8b949e}.error button{margin-top:1rem;padding:.5rem 1rem;background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;cursor:pointer;font-size:.875rem}.workflows-container{padding:24px}.workflows-container h2{margin-bottom:20px;color:#c9d1d9}.workflows-list{display:flex;flex-direction:column;gap:12px}.workflow-item{background-color:#21262d;border:1px solid #30363d;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;border-left:3px solid #6e40c9}.workflow-item:hover{background-color:#2d333b;border-left-color:#8957e5;transform:translate(4px)}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workflow-name{color:#c9d1d9;font-size:1rem;font-weight:600;margin:0}.workflow-id{font-size:.75rem;color:#8b949e;background:#21262d;padding:4px 8px;border-radius:4px}.workflow-meta{display:flex;align-items:center;gap:16px;font-size:.875rem;color:#8b949e}.languages{display:flex;gap:4px}.language-badge{font-size:.75rem;background:#388bfd;color:#fff;padding:4px 8px;border-radius:12px;font-weight:500}.workflow-detail{padding:24px}.workflow-detail h2{color:#c9d1d9;margin-bottom:20px}.back-btn{background:#21262d;color:#58a6ff;border:1px solid #30363d;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;margin-bottom:20px;transition:all .2s ease}.back-btn:hover{background:#30363d;border-color:#58a6ff}.workflow-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid #30363d;padding-bottom:8px}.workflow-tab{background:#21262d;color:#8b949e;border:1px solid #30363d;padding:8px 16px;border-radius:6px 6px 0 0;cursor:pointer;font-size:.875rem;transition:all .2s ease;border-bottom:2px solid transparent}.workflow-tab:hover{background:#2d333b;color:#c9d1d9}.workflow-tab.active{background:#0d1117;color:#58a6ff;border-color:#30363d #30363d #58a6ff;border-bottom-color:#58a6ff}.workflow-content{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:20px}.workflow-steps{display:flex;flex-direction:column;gap:16px}.workflow-step{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:16px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #30363d}.step-header h4{color:#c9d1d9;margin:0;font-size:1rem}.frame-badge{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.step-content{display:flex;flex-direction:column;gap:12px}.step-description{background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:12px;color:#c9d1d9;line-height:1.5}.selector-value{background:#1f1f00;border:1px solid #3d3d00;border-radius:4px;padding:8px 12px;font-family:Courier New,monospace;font-size:.875rem;color:#f1fa8c;overflow-x:auto;white-space:pre-wrap;word-break:break-all;width:fit-content;max-width:100%}.step-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.meta-item{display:flex;align-items:center;gap:8px}.meta-item strong{color:#8b949e;font-size:.875rem}.advance-badge{background:#ff6b35;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.type-badge{background:#4ecdc4;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.step-field{color:#c9d1d9}.step-field strong{display:block;margin-bottom:4px;color:#8b949e;font-size:.875rem}.step-field p{margin:0;color:#c9d1d9}.tooltips-container{padding:24px}.tooltips-container h2{margin-bottom:20px;color:#c9d1d9}.tooltips-list{display:flex;flex-direction:column;gap:12px}.tooltip-item{background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.tooltip-item:hover{background-color:#1c2128;border-color:#484f58;transform:translate(4px)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tooltip-name{color:#58a6ff;font-size:1rem;font-weight:600;margin:0}.tooltip-frame{font-size:.75rem;color:#8b949e;background:#21262d;padding:4px 8px;border-radius:4px}.tooltip-meta{display:flex;align-items:center;gap:16px;font-size:.875rem;color:#8b949e}.tooltip-detail{padding:24px}.tooltip-detail h2{color:#c9d1d9;margin-bottom:12px}.tooltip-meta-info{display:flex;gap:12px;margin-bottom:20px}.tooltip-id-badge,.tooltip-form-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:600}.tooltip-content{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:20px}.hover-message-display{color:#c9d1d9}.hover-message-display h3{color:#58a6ff;margin-bottom:16px}.hover-message-display h4{color:#8b949e;font-size:.875rem;margin-bottom:8px;font-weight:600}.hover-message-display p{margin:8px 0;line-height:1.6}.hover-message-display strong{color:#c9d1d9;font-weight:600}.hover-message-display em{font-style:italic;color:#8b949e}.assets-container{padding:24px}.assets-container h2{margin-bottom:20px;color:#c9d1d9}.assets-list{display:flex;flex-direction:column;gap:12px}.asset-item{background-color:#161b22;border:1px solid #30363d;border-left:4px solid #30363d;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.asset-item:hover{background-color:#1c2128;border-color:#484f58;transform:translate(4px)}.asset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.asset-name{color:#58a6ff;font-size:1rem;font-weight:600;margin:0}.asset-frame{font-size:.75rem;color:#8b949e;background:#21262d;padding:4px 8px;border-radius:4px}.asset-meta{display:flex;align-items:center;gap:16px;font-size:.875rem;color:#8b949e}.has-button{color:#2ecc71}.no-button{color:#8b949e}.asset-detail{padding:24px}.asset-detail h2{color:#c9d1d9;margin-bottom:12px}.asset-meta-info{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.asset-id-badge,.asset-form-badge{color:#fff;padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:600}.button-status{padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:600}.button-status.enabled{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.button-status.disabled{background:#30363d;color:#8b949e}.asset-content{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:20px}.content-display{color:#c9d1d9}.content-display h3{color:#58a6ff;margin-bottom:16px}.content-field{margin-bottom:16px}.content-field:last-child{margin-bottom:0}.content-field strong{display:block;margin-bottom:8px;color:#8b949e;font-size:.875rem}.content-field p{margin:0;line-height:1.6}.button-preview{background:linear-gradient(135deg,#58a6ff,#1f6feb);color:#fff;padding:10px 20px;border-radius:6px;display:inline-block;font-weight:600}.validator-card{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:16px;margin-bottom:16px}.validator-card:last-child{margin-bottom:0}.validator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #30363d}.validator-number{color:#c9d1d9;font-weight:600}.validator-type-badge{color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.validator-type-badge[data-type="0"]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.validator-type-badge[data-type="1"]{background:linear-gradient(135deg,#1abc9c,#16a085)}.validator-type-badge[data-type="2"]{background:linear-gradient(135deg,#f39c12,#e67e22)}.validator-type-badge[data-type="3"]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.validator-content{display:flex;flex-direction:column;gap:12px}.no-data{color:#8b949e;text-align:center;padding:2rem}.loading,.error{padding:2rem;text-align:center;color:#8b949e}.error{color:#f85149}.error button{margin-top:1rem;padding:.5rem 1rem;background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;cursor:pointer}.error button:hover{background:#30363d}.dashboard-container{display:flex;flex-direction:column;height:100vh;background-color:#0d1117}.dashboard-header{background-color:#0d1117;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d}.header-brand{display:flex;align-items:center;gap:16px}.header-brand .brand-logo{height:40px;width:auto}.dashboard-header h1{font-size:1.5rem;font-weight:600;margin:0}.logout-btn{background:#e74c3ccc;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .3s ease}.logout-btn:hover{background:#e74c3c}.dashboard-main{display:flex;flex:1;overflow:hidden}.dashboard-sidebar{width:300px;background-color:#161b22;border-right:1px solid #30363d;padding:1.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30363d #161b22}.dashboard-sidebar::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-track{background:#161b22}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#484f58}.dashboard-sidebar h2{color:#c9d1d9;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.dashboard-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-header{background-color:#0d1117;padding:24px 32px;border-bottom:1px solid #30363d}.app-header h1{color:#c9d1d9;font-size:1.75rem;font-weight:600;margin:0}.app-footer{background-color:#161b22;border-top:1px solid #30363d;padding:16px 32px;display:flex;gap:32px;flex-wrap:wrap}.app-info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.875rem;color:#c9d1d9;font-weight:500}.asset-nav{display:flex;gap:4px;padding:12px 24px;background-color:#161b22;border-bottom:1px solid #30363d;overflow-x:auto}.nav-btn{background:#21262d;color:#8b949e;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.nav-btn:hover{background:#2d333b;color:#c9d1d9}.nav-btn.active{background:#58a6ff;color:#0d1117}.nav-btn.active:first-of-type{background:#6e40c9;color:#fff}.dashboard-content{flex:1;background-color:#0d1117;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30363d #0d1117}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#0d1117}.dashboard-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#484f58}.welcome-message{padding:4rem 2rem;text-align:center;color:#8b949e}.welcome-message h2{color:#c9d1d9;font-size:2rem;margin-bottom:1rem}.welcome-message p{font-size:1.1rem}.coming-soon{padding:4rem 2rem;text-align:center;color:#8b949e;font-size:1.2rem}.app-overview{padding:24px}.app-overview h2{color:#c9d1d9;margin-bottom:20px}.app-info{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px}.app-info p{color:#c9d1d9;margin:8px 0}.app-info strong{color:#8b949e;margin-right:8px}@media(max-width:768px){.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #30363d}.dashboard-main{flex-direction:column}.asset-nav{padding:8px 12px}.nav-btn{padding:6px 12px;font-size:.8rem}}padding: 1.5rem; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } .dashboard-sidebar::-webkit-scrollbar{display:none}.dashboard-sidebar h2{font-size:1.2rem;margin-bottom:1.5rem;color:#f0f6fc;border-bottom:2px solid #3498db;padding-bottom:.5rem}.applications-grid{display:flex;flex-direction:column;gap:.5rem}.loading{text-align:center;color:#8b949e;font-style:italic;padding:2rem}.dashboard-content{flex:1;padding:2rem;background-color:#0d1117;overflow-y:auto;display:block}.welcome-message{text-align:center;color:#666;margin-top:10%}.welcome-message h2{font-size:2rem;margin-bottom:1rem;color:#f0f6fc}.welcome-message p{font-size:1.1rem;color:#8b949e;margin-bottom:2rem}.user-info{margin-top:3rem;padding:1.5rem;background:#161b22;border:1px solid #30363d;border-radius:8px;display:inline-block}.user-info p{font-size:.95rem;color:#c9d1d9;margin:0}.user-info strong{color:#58a6ff;font-weight:600}@media(max-width:768px){.dashboard-main{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #30363d;max-height:200px}.welcome-message{margin-top:5%}.welcome-message h2{font-size:1.5rem}}