:root{--bg:#f4f5f7;--card-bg:#fff;--border:#e2e4e9;--text:#1f2430;--text-muted:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--success:#16a34a;--error:#dc2626;--warning:#d97706;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1d29;color:#cbd0dc;padding:20px 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar h1{font-size:16px;color:#fff;padding:0 20px 16px;margin:0 0 8px;border-bottom:1px solid #2c3040}.sidebar nav a{display:block;padding:10px 20px;color:#cbd0dc;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#2c3040;color:#fff;text-decoration:none}.main{flex:1 1;padding:28px 32px;max-width:1400px}.page-title{font-size:22px;font-weight:600;margin:0 0 20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card h3{margin:0 0 8px;font-size:15px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-connected{background:#dcfce7;color:var(--success)}.badge-disconnected{background:#fee2e2;color:var(--error)}.badge-stub{background:#f3f4f6;color:var(--text-muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab-btn{padding:10px 16px;background:none;cursor:pointer;font-size:14px;color:var(--text-muted);border:none;border-bottom:2px solid transparent}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.field-group{margin-bottom:14px;max-width:480px}.field-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.field-group input,.field-group select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px}.btn{display:inline-block;padding:8px 16px;border-radius:6px;border:1px solid var(--primary);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--primary)}.btn-danger{background:#fff;color:var(--error);border-color:var(--error)}table{width:100%;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}td,th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{background:#fafbfc;font-weight:600;color:var(--text-muted)}tr:last-child td{border-bottom:none}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{padding:10px 16px;border-radius:8px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;animation:toast-in .15s ease-out;max-width:360px}.toast-success{background:var(--success)}.toast-error{background:var(--error)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.modal-box{background:var(--card-bg);border-radius:var(--radius);padding:24px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 32px rgba(0,0,0,.25)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.modal-header h3{margin:0}.modal-close{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--text-muted);padding:4px}.modal-close:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-flash-success{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important}.btn-flash-error{background:var(--error)!important;border-color:var(--error)!important;color:#fff!important}.floating-panel{position:fixed;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.floating-panel-minimized{width:280px}.floating-panel-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#1a1d29;color:#fff;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.floating-panel-titlebar:active{cursor:-webkit-grabbing;cursor:grabbing}.floating-panel-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-panel-actions{display:flex;gap:4px;flex-shrink:0}.floating-panel-actions button{background:none;border:none;color:#cbd0dc;font-size:16px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px}.floating-panel-actions button:hover{background:#2c3040;color:#fff}.floating-panel-body{padding:20px;overflow-y:auto}.mobile-menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1200;width:40px;height:40px;border-radius:8px;border:none;background:#1a1d29;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:#fff}.sidebar-backdrop{display:none}@media (max-width:860px){.mobile-menu-toggle{display:flex}.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;width:260px;max-width:80vw;transform:translateX(-100%);transition:transform .2s ease-out;z-index:1150}.sidebar.sidebar-open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.3)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1140}.main{padding:64px 16px 24px;max-width:100%}.page-title{font-size:19px}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-btn{flex-shrink:0}.tab-btn,table{white-space:nowrap}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.section{padding:14px}.modal-overlay{padding:12px}.modal-box{padding:16px}.floating-panel{width:calc(100vw - 24px)}.floating-panel-body{padding:14px}.floating-panel-mobile-centered{left:50%!important;top:50%!important;transform:translate(-50%,-50%);max-height:calc(100vh - 24px)}.floating-panel-mobile-chip{position:fixed;right:12px;width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:var(--primary);color:#fff;font-size:13px;box-shadow:0 6px 16px rgba(0,0,0,.35);cursor:pointer}.floating-panel-mobile-chip,.floating-panel-mobile-chip-badge{font-weight:700;display:flex;align-items:center;justify-content:center}.floating-panel-mobile-chip-badge{position:absolute;top:-4px;left:-4px;width:18px;height:18px;border-radius:50%;background:#fff;color:#1a1d29;font-size:10px;box-shadow:0 1px 4px rgba(0,0,0,.4)}.toast-stack{left:12px;right:12px;bottom:12px}.toast{max-width:none}.field-group input,.field-group select,input,select,textarea{font-size:16px}}