:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .2);--border: #334155;--role-manager: #f472b6;--role-architect: #fbbf24;--role-master: #38bdf8;--sidebar-width: 300px;--infopanel-width: 300px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);height:100vh;width:100vw;overflow:hidden}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.app-header{height:60px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-panel)}.app-header h1{font-size:1.25rem;font-weight:600;margin:0}.app-header h1 span{color:var(--accent);font-weight:300}.role-badges{display:flex;gap:12px}.badge{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500;opacity:.8}.badge.manager{color:var(--role-manager);border:1px solid var(--role-manager)}.badge.architect{color:var(--role-architect);border:1px solid var(--role-architect)}.badge.master{color:var(--role-master);border:1px solid var(--role-master)}.main-layout{flex:1;display:flex;overflow:hidden;position:relative;width:100%}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;flex-shrink:0}.canvas-viewport{flex:1;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.info-panel{width:var(--infopanel-width);min-width:var(--infopanel-width);background:var(--bg-panel);border-left:1px solid var(--border);padding:20px;flex-shrink:0;overflow-y:auto}.panel-group h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:0;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.input-group{margin-bottom:12px}label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}input[type=number],select{width:100%;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.9rem;transition:all .2s}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.data-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.data-value{font-weight:600;font-family:monospace}.status-valid{color:#4ade80}.status-invalid{color:#f87171}