:root{--bg-color: #050505;--text-color: #e0e0e0;--primary-color: #0f0;--secondary-color: #0f0;--danger-color: #ff0055;--card-bg: #111;--matrix-font: "Consolas", "Monaco", "Courier New", monospace}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--matrix-font);overflow:hidden;width:100vw;height:100vh}.dashboard-container{display:flex;flex-direction:column;height:100vh;position:relative}.header{padding:1rem 2rem;background:#001400cc;border-bottom:1px solid var(--primary-color);display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 0 15px #0f03}.header h1{margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px var(--primary-color)}.main-content{flex:1;position:relative;overflow:hidden}.canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay{position:absolute;top:20px;right:20px;width:300px;background:#0a0a0ae6;border:1px solid var(--primary-color);padding:1rem;z-index:100;box-shadow:0 0 20px #000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-row{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.9rem}.stat-value{font-weight:700;color:var(--primary-color)}.stat-value.danger{color:var(--danger-color)}.controls{margin-top:1rem;padding-top:1rem;border-top:1px dashed #333}button{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;cursor:pointer;font-family:var(--matrix-font);text-transform:uppercase;transition:all .2s;width:100%;margin-top:.5rem}button:hover{background:var(--primary-color)!important;color:#000!important;box-shadow:0 0 15px var(--primary-color)!important}button.danger-btn:hover{background:var(--danger-color)!important;color:#000!important;box-shadow:0 0 15px var(--danger-color)!important}input[type=range]{width:100%;accent-color:var(--primary-color)}label{display:block;margin-bottom:.5rem;font-size:.8rem;opacity:.8}.log-panel{position:absolute;bottom:0;left:0;width:100%;height:150px;background:#000000d9;border-top:1px solid #333;padding:.5rem;font-size:.8rem;overflow-y:auto;z-index:50;pointer-events:none}.log-entry{margin-bottom:2px}.log-entry:before{content:"> ";color:#555}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#111;border:2px solid var(--danger-color);padding:2rem;max-width:500px;text-align:center;box-shadow:0 0 50px #ff00554d;position:relative}.modal-content h2{color:var(--danger-color);text-transform:uppercase;margin-top:0}.modal-content p{color:#ccc;line-height:1.6;margin-bottom:2rem}.modal-btn{background:var(--danger-color);color:#fff;border:none;font-weight:700;font-size:1.1rem}.modal-btn:hover{background:#fff;color:var(--danger-color);box-shadow:0 0 20px var(--danger-color)}.header h1 span{font-size:.8em;color:var(--secondary-color)!important;text-shadow:0 0 5px rgba(0,255,234,.5)}.header-controls{display:flex;gap:1rem;align-items:center}.lang-btn{background:transparent;border:1px solid #444;color:#888;padding:.2rem .5rem;font-size:.7rem;width:auto;margin:0}.lang-btn.active{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 5px #0f03}.author-credit{font-size:.7rem;color:#555;margin-right:1rem;display:flex;align-items:center;gap:.5rem}.git-link{color:#666;text-decoration:none;border:1px solid #333;padding:2px 6px;border-radius:4px;transition:all .2s}.git-link:hover{border-color:var(--primary-color);color:var(--primary-color)}