:root{--primary:#2c3e50;--primary-light:#34495e;--accent:#d4af37;--accent-hover:#c5a028;--bg-main:#f8f9fa;--bg-sidebar:#fff;--text-main:#2c3e50;--text-muted:#7f8c8d;--border-color:#e0e0e0;--success:#27ae60;--danger:#e74c3c;--warning:#f39c12;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a;--radius:8px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);margin:0;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex}button.primary{background-color:var(--primary);color:#fff}button.primary:hover{background-color:var(--primary-light)}button.accent{background-color:var(--accent);color:#fff}button.accent:hover{background-color:var(--accent-hover)}button.outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}button.outline:hover{background:var(--bg-main);border-color:var(--text-muted)}input,select{border:1px solid var(--border-color);border-radius:var(--radius);padding:8px 12px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af3733}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aaa}.app-container{grid-template:"header header header""sidebar canvas details"1fr/280px 1fr 300px;width:100vw;height:100vh;display:grid}.header{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);z-index:10;grid-area:header;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;grid-area:sidebar;display:flex;overflow:hidden}.canvas-area{background:#eee;grid-area:canvas;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.details-panel{background:var(--bg-sidebar);border-left:1px solid var(--border-color);grid-area:details;padding:20px;overflow-y:auto}.logo{letter-spacing:.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo span{color:var(--accent)}.guest-list{flex:1;padding:12px;overflow-y:auto}.guest-item{border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.guest-item:hover{background:var(--bg-main)}.guest-item.assigned{color:var(--text-muted)}.status-dot{background:var(--border-color);border-radius:50%;width:8px;height:8px}.status-dot.active{background:var(--success)}.panel-title{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin:0;padding:16px 20px;font-size:16px;font-weight:600;display:flex}