.login-container{max-width:400px;margin:0 auto;padding:2rem;text-align:center}.login-container h1{margin-bottom:.5rem;font-size:2rem;color:#333}.login-container .subtitle{color:#666;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{font-size:.9rem;color:#555;text-align:left}.login-form input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.login-form input:focus{outline:none;border-color:#007bff}.login-form input:disabled{background-color:#f5f5f5}.login-form button{padding:.75rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-form button:hover:not(:disabled){background-color:#0056b3}.login-form button:disabled{background-color:#ccc;cursor:not-allowed}.message{margin-top:1rem;padding:.75rem;border-radius:4px;background-color:#e7f3ff;color:#0056b3}.disabled-input{background-color:#f0f0f0;color:#666}.link-button{background:none;color:#007bff;padding:0;font-size:.85rem;text-decoration:underline;cursor:pointer}.link-button:hover:not(:disabled){background:none;color:#0056b3}.help-link{margin-top:2rem;background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;text-decoration:underline}.help-link:hover{color:#007bff}.context-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:180px;padding:4px 0}.context-menu button{background-color:#fff!important;color:#000!important;display:block;width:100%;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333}.context-menu button:hover{background-color:#f0f0f0}.context-menu button.danger{color:#dc3545}.context-menu button.danger:hover{background-color:#fee}.spreadsheet-container{display:flex;flex-direction:column;width:100%;flex:1;border:1px solid #ccc;background-color:#fff;height:calc(100% - 43px)}.spreadsheet{overflow:auto;flex:1}.spreadsheet table{border-collapse:collapse;font-family:monospace;font-size:.9rem}.spreadsheet th,.spreadsheet td{border:1px solid #ddd;padding:.5rem;min-width:80px;max-width:100px;text-align:left;vertical-align:top}.spreadsheet th{background-color:#f5f5f5;font-weight:700;position:sticky;top:0;z-index:10}.spreadsheet .row-header{min-width:40px;background-color:#f5f5f5}.spreadsheet .column-header{text-align:center;font-weight:700;background-color:#f5f5f5}.spreadsheet .row-number{background-color:#f5f5f5;font-weight:700;text-align:center;min-width:40px;position:sticky;left:0;z-index:5}.spreadsheet .cell{background-color:#fff;padding:0;height:auto}.spreadsheet .cell-input{width:100%;min-height:1.5rem;border:none;outline:none;padding:.5rem;font-family:monospace;font-size:.9rem;background:transparent;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;line-height:1.2}.spreadsheet .cell-input:focus{background-color:#fffef0;outline:2px solid #4a90e2}.spreadsheet .cell-input[contenteditable=false]{background-color:#f9f9f9;cursor:default}.spreadsheet .cell-input[contenteditable=false]:focus{background-color:#f9f9f9;outline:none}.spreadsheet tbody tr:hover .cell{background-color:#f0f0f0}.spreadsheet-tabs{display:flex;flex-wrap:wrap;gap:2px;background-color:#e0e0e0;padding:4px;border-top:1px solid #ccc;flex-shrink:0}.spreadsheet-tabs .tab{padding:.375rem 1.125rem;background-color:#d0d0d0;border:1px solid #999;border-bottom:none;cursor:pointer;font-size:.65rem;font-weight:500;white-space:nowrap;transition:background-color .2s;color:#000}.spreadsheet-tabs .tab:hover{background-color:#e8e8e8}.spreadsheet-tabs .tab.active{background-color:#fff;border-bottom:2px solid white;font-weight:700}.spreadsheet .cell.formula-cell .cell-input{color:#06c}.spreadsheet .cell.readonly-cell{background-color:#f5f5f5}.spreadsheet .cell.readonly-cell .cell-input{background-color:#f5f5f5;color:#555;cursor:default}.spreadsheet .cell.readonly-cell .cell-input:focus{background-color:#f5f5f5;outline:none}.spreadsheet .cell-dropdown{width:100%;min-height:1.5rem;border:none;outline:none;padding:.25rem;font-family:monospace;font-size:.9rem;background:transparent;box-sizing:border-box;cursor:pointer}.spreadsheet .cell-dropdown:focus{background-color:#fffef0;outline:2px solid #4a90e2}.sheet-tabs-container{display:flex;flex-direction:column;height:100%}.sheet-tabs-level{display:flex;flex-direction:column;flex:1;min-height:0}.sheet-tabs-bar{display:flex;flex-wrap:wrap;gap:2px;background-color:#e0e0e0;padding:4px;border-top:1px solid #ccc;flex-shrink:0}.sheet-tab{padding:.375rem 1.125rem;background-color:#d0d0d0;border:1px solid #999;border-bottom:none;cursor:pointer;font-size:.65rem;font-weight:500;white-space:nowrap;transition:background-color .2s;color:#000}.sheet-tab:hover{background-color:#e8e8e8}.sheet-tab.active{background-color:#fff;border-bottom:2px solid white;font-weight:700;color:#000}.sheet-tab.has-children:after{content:" ▸";font-size:.55rem}.sheet-tab.has-children.active:after{content:" ▾"}.spreadsheet-data-manager{flex:1;height:100%;overflow:hidden}.leaderboard-container{padding:20px;max-width:800px;margin:0 auto}.leaderboard-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.leaderboard-tab{padding:10px 24px;border:1px solid #4a90e2;background:#fff;color:#4a90e2;cursor:pointer;font-size:14px;font-weight:500;border-radius:4px;transition:all .2s}.leaderboard-tab:hover{background:#f0f7ff}.leaderboard-tab.active{background:#4a90e2;color:#fff}.leaderboard-container h2{text-align:center;margin-bottom:20px;color:#333}.leaderboard-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a}.leaderboard-table thead{background:#4a90e2;color:#fff}.leaderboard-table th,.leaderboard-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.leaderboard-table th{font-weight:600}.leaderboard-table tbody tr:hover{background:#f5f5f5}.leaderboard-table .rank{width:80px;text-align:center;font-weight:600;color:#666}.leaderboard-table .username{font-weight:500}.leaderboard-table .cash{text-align:right;font-weight:600;color:#2ecc71}.leaderboard-table .member-count{text-align:center;color:#666}.error{color:#e74c3c;text-align:center;padding:20px}.actions-sidebar{width:320px;background-color:#f8f9fa;border-left:1px solid #dee2e6;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #dee2e6;background-color:#fff}.sidebar-header h3{margin:0;font-size:1.1rem;color:#333}.refresh-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:.25rem .5rem;transition:color .2s}.refresh-button:hover{color:#007bff}.sidebar-loading,.sidebar-error,.sidebar-empty{padding:1rem;text-align:center;color:#666;font-size:.9rem}.sidebar-error{color:#dc3545}.actions-list{overflow-y:auto;flex-grow:1;padding:.5rem}.action-item{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:.75rem;margin-bottom:.5rem;font-size:.85rem}.action-item.failed{border-left:4px solid #dc3545;background-color:#fff5f5}.action-item.queued{border-left:4px solid #ffc107;background-color:#fffef5}.action-item.executed{border-left:4px solid #28a745;background-color:#f5fff5}.action-type{font-weight:600;color:#333;margin-bottom:.25rem}.action-details{font-size:.8rem;color:#555;margin-bottom:.25rem}.action-cycle{font-size:.8rem;color:#666;margin-bottom:.25rem}.action-error{font-size:.8rem;color:#dc3545;margin-top:.5rem;padding:.5rem;background-color:#fff;border-radius:3px;border:1px solid #f5c2c7}.action-status{font-size:.8rem;color:#28a745;margin-top:.25rem;font-weight:500}.home-container{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:1rem}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0;gap:1rem}.title-section{display:flex;flex-direction:column}.home-header h1{margin:0;font-size:1.5rem;color:#333}.home-header .subtitle{margin:0;font-size:.85rem;color:#666}.cycle-info{display:flex;flex-direction:column;gap:.25rem;background-color:#f8f9fa;padding:.75rem 1rem;border-radius:4px;border:1px solid #dee2e6}.cycle-info-row{display:flex;align-items:center;gap:.5rem}.cycle-label{font-size:.85rem;color:#666;font-weight:500;white-space:nowrap}.cycle-value{font-size:1rem;color:#000;font-weight:600;white-space:nowrap}.advanced-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.advanced-toggle input[type=checkbox]{cursor:pointer}.nav-buttons{display:flex;gap:.5rem;flex-grow:1;justify-content:center}.nav-buttons button{padding:.5rem 1rem;font-size:.9rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.nav-buttons button:hover{background-color:#5a6268}.nav-buttons button.active{background-color:#007bff}.nav-buttons button.active:hover{background-color:#0056b3}.home-container p{color:#666}.home-container .error{color:#dc3545}.home-container button{padding:.5rem 1rem;font-size:.9rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.home-container button:hover{background-color:#c82333}.spreadsheet-holder{flex-grow:1;height:100px;display:flex;flex-direction:row;gap:0;overflow:hidden}.tutorial-popup{position:fixed;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:350px;min-width:280px}.tutorial-popup-content{padding:16px}.tutorial-popup-content p{margin:0;font-size:14px;line-height:1.5;color:#333}.tutorial-popup-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #eee;background:#f9f9f9;border-radius:0 0 8px 8px}.tutorial-progress{font-size:12px;color:#666}.tutorial-buttons{display:flex;gap:8px}.tutorial-buttons button{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;border:none}.tutorial-skip{background:transparent;color:#666}.tutorial-skip:hover{color:#333;background:#eee}.tutorial-prev{background:#e0e0e0;color:#333}.tutorial-prev:hover{background:#d0d0d0}.tutorial-next{background:#4a90d9;color:#fff}.tutorial-next:hover:not(:disabled){background:#3a80c9}.tutorial-next:disabled{background:#b0c4de;cursor:not-allowed;opacity:.7}.tutorial-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#2c3e50;color:#fff;flex-shrink:0}.tutorial-header .title-section{display:flex;flex-direction:column}.tutorial-header h1{margin:0;font-size:1.5rem}.tutorial-header .subtitle{margin:0;font-size:.85rem;color:#ffffffb3}.tutorial-info{display:flex;align-items:center;gap:16px}.tutorial-info span{font-size:14px}.run-cycle-btn{padding:8px 16px;background:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.run-cycle-btn:hover{background:#219a52}.exit-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.exit-btn:hover{background:#c0392b}.tutorial-container .spreadsheet-holder{flex:1;overflow:hidden;padding:10px}.tutorial-container .error{color:#e74c3c;padding:20px;text-align:center}.help-container{display:flex;flex-direction:column;height:100vh;background-color:#1a1a2e;color:#eee}.help-header{display:flex;align-items:center;gap:20px;padding:15px 20px;background-color:#16213e;border-bottom:1px solid #0f3460}.help-header h1{margin:0;font-size:1.5rem}.back-button{padding:8px 16px;background-color:#0f3460;color:#eee;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.back-button:hover{background-color:#1a4a7a}.help-content{display:flex;flex:1;overflow:hidden}.help-nav{width:250px;background-color:#16213e;border-right:1px solid #0f3460;overflow-y:auto;flex-shrink:0}.help-nav ul{list-style:none;margin:0;padding:10px 0}.help-nav li{margin:0}.help-nav button{display:block;width:100%;padding:12px 20px;text-align:left;background:none;border:none;color:#aaa;cursor:pointer;font-size:.95rem;transition:all .2s}.help-nav button:hover{background-color:#0f3460;color:#eee}.help-nav button.active{background-color:#0f3460;color:#e94560;border-left:3px solid #e94560}.help-main{flex:1;overflow-y:auto;padding:30px 40px}.help-main .error{color:#e94560}.markdown-content{max-width:900px;line-height:1.7}.markdown-content h1{font-size:2rem;margin-bottom:1rem;color:#e94560;border-bottom:2px solid #0f3460;padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem;color:#eee;border-bottom:1px solid #0f3460;padding-bottom:.3rem}.markdown-content h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem;color:#ddd}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:25px}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background-color:#0f3460;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.9em}.markdown-content pre{background-color:#0f3460;padding:15px;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{padding:0;background:none}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid #0f3460;padding:10px 12px;text-align:left}.markdown-content th{background-color:#0f3460;font-weight:600}.markdown-content tr:nth-child(2n){background-color:#0f34604d}.markdown-content hr{border:none;border-top:1px solid #0f3460;margin:2rem 0}.markdown-content strong{color:#fff}.markdown-content blockquote{border-left:3px solid #e94560;margin:1rem 0;padding-left:15px;color:#bbb}.markdown-content img{max-width:100%;border-radius:6px;background-color:#16213e;padding:12px;margin-bottom:1rem}.markdown-content a{color:#e94560;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.mermaid-diagram{margin:1rem 0;overflow-x:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;min-height:100vh}.app{min-height:100vh}