*{font-family:Arial,Helvetica,sans-serif}html{height:99%}#root,body{height:100%}.main{display:flex;flex-direction:row;height:90%}.right_main{overflow:auto;width:85%}.space_between{display:flex;justify-content:space-between}.right_padding{padding:2% 0 2% 2%}.bold_title{font-size:24px;font-weight:800;line-height:40px}.bluebtn{background:#3090e2;border:1px solid #000;color:#fff;font-size:20px;margin-right:5%;padding:10px}.bluebtn:hover{background:#0056b3}.btn_indicator_container{align-items:center;display:flex;justify-content:space-between;width:100%}.form_postBtn{background:#3090e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.mandatory_indicator{color:red;font-size:.8rem;margin-top:10px}.sideBarNav{align-items:center;border-right:dashed;color:#000;display:flex;flex-direction:column;font-size:18px;font-weight:600;padding:20px 0 0;width:15%}.menu_button:first-child{margin-top:0}.menu_button{background:#ddd;border-radius:5px;color:#000;height:40px;line-height:40px;margin-top:20px;text-align:center;text-decoration:none;width:80%}.menu_selected{background:#f48024}.additional-options{align-items:center;display:flex;flex-direction:column;padding:4% 0 0}.message-options{margin-top:10px;width:max-content;width:110%}.message-option-selected{background:#f07620;color:#000;width:110%}.header{align-items:center;background:#eee;border-bottom:dashed #000;display:flex;height:10%;justify-content:space-between;width:100%}.title{font-size:32px;font-weight:800;margin-bottom:15px;margin-left:10vw}.title b{color:#444}.logo{margin-right:5px;position:relative;top:10px}.logout-button{transition:background-color .3s}.logout-button,.view-profile-button{background-color:#f48024;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px 15px}.view-profile-button{margin-left:10px;margin-right:100px}.view-profile-button:hover{background-color:#0056b3}.view-profile-button:active{background-color:#003f7f}.login-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.signup-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.signup-link:hover{color:#0056b3;text-decoration:underline}.btns{margin-right:15%}.question_list:last-child{border-bottom:1px dashed #000}#searchBar{height:30px;width:200px}#question_count,#searchBar{align-self:center}.btn{background:#fff;border:1px solid #000;color:#000}.btn:hover{background-color:#007bff}.question{border-top:1px dashed #000;display:flex;flex-direction:row}.postStats{color:#bbb;text-align:center;width:10%}.question_mid{width:60%}.postTitle{color:#6495ed}.question_tags{margin-top:1%}.question_tag_button{background:gray;border-radius:8px;border-width:0;color:#fff;margin-left:2%;padding:1% 3%}.question_tag_button:first-child{margin-left:0}.lastActivity{display:flex;flex-direction:row;width:30%}.question_author{color:red}.question_meta{color:#bbb}.tag_list{grid-gap:80px 20px;display:grid;grid-template-columns:repeat(3,1fr)}.tagNode{align-items:center;border:1px dashed #000;display:flex;flex-direction:column;height:100%;justify-items:center;margin-right:2rem;padding:5%;place-self:center;width:100%}.tagName{color:#6495ed}.questionCount{margin-top:auto}.form{background-color:#f4f4f4;margin:20px auto;padding:20px;width:60%}.input_title{font-weight:700;margin-bottom:8px}.input_hint{color:#000;font-size:14px;font-style:italic;margin-bottom:5px;margin-left:10px}.input_input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}.input_error{color:red;margin-bottom:20px}.comment-section{background-color:#f9f9f9;border-radius:6px;font-size:.9rem;margin:.5em;padding:.5em}.toggle-button{background:none;border:none;color:#007bff;font-size:1rem;padding:0;text-decoration:underline}.toggle-button:hover{color:#0056b3}.comments-container{margin-top:.5em}.comments-list{list-style-type:none;margin:0;padding:0}.comment-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.25em;padding:.5em}.comment-text{font-size:.85rem;margin-bottom:.25em}.comment-meta{color:#666;font-size:.75rem}.no-comments{color:#666;font-size:.85rem;font-style:italic}.add-comment{flex-direction:column;margin-top:.5em}.add-comment,.input-row{display:flex;gap:.5em}.comment-username{border:1px solid #ccc;border-radius:4px;flex:2 1;font-size:.85rem;padding:.25em}.comment-username:focus{border-color:#007bff;outline:none}.comment-textarea{border:1px solid #ccc;border-radius:4px;flex:5 1;font-size:.85rem;padding:.25em;resize:none}.comment-textarea:focus{border-color:#007bff;outline:none}.add-comment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;padding:.25em .5em}.add-comment-button:hover{background-color:#218838}.error{color:red;display:block;font-size:.75rem;margin-top:-.5em}.answer{border-bottom:1px dashed #000;display:flex;flex-direction:row}.answerText{width:75%}.answerAuthor{margin-left:5%}.answer_author{color:green}.answer_question_title{max-width:60%}.answer_question_meta{color:#bbb}.ansButton{margin:2% 0 2% 2%}.questionBody{border-bottom:1px dashed #000;display:flex;flex-direction:row;margin-top:5%}.answer_question_view{width:15%}.answer_question_text{width:60%}.answer_question_right{display:flex;flex-direction:column;margin-left:5%}*{box-sizing:border-box}.chat-room{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;margin:auto;overflow:hidden;width:100%}.chat-header{background-color:#3090e2;color:#fff;padding:10px 20px;text-align:center}.chat-messages{background-color:#f9f9f9;overflow-x:hidden;padding:5px}.user-name{font-weight:700;margin-right:5px}.message-input{background-color:#fff;border-top:1px solid #ddd;padding:10px}.message-textbox{border:1px solid #ddd;border-radius:4px;flex:1 1;margin-right:10px;padding:10px;resize:none;width:100%}.message-actions{align-items:center;display:flex;justify-content:space-between}.send-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;width:100px}.send-button:hover{background-color:#0056b3}.error-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:4px;display:inline-block;font-size:.85rem;margin-left:10px;padding:5px 10px;white-space:nowrap}.message{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;margin:auto auto 10px;padding:10px;width:98%}.message.sender{align-self:flex-end;background-color:#d1e7ff}.message.receiver{align-self:flex-start;background-color:#fff}.message-header{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.message-sender{color:#333;font-weight:700}.message-time{color:#999;font-size:.8rem}.message-body{word-wrap:break-word;color:#333;font-size:1rem;line-height:1.5}.custom-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .3s}.custom-button:hover{background-color:#0056b3}.custom-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.direct-message-container{box-sizing:border-box;display:flex;gap:16px;height:100vh;padding:16px}.chat-container{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex:1 1;flex-direction:column;padding:16px}.chat-container h2{color:#555;font-size:20px;margin-bottom:16px}.chat-messages{background-color:#fefefe;border:1px solid #ddd;border-radius:6px;flex:1 1;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:10px}.chat-message{margin-bottom:10px}.chat-message strong{color:#007bff}.message-input{align-items:center;display:flex;gap:8px}.chats-list{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:16px;width:30%}.chats-list h2{color:#555;font-size:18px;margin-bottom:16px}.chats-list-card:hover{background-color:#eaeaea}.create-panel{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:16px;padding:16px}.create-panel p{color:#555;margin-bottom:8px}.direct-message-error{color:red;font-weight:700;margin-top:15px}.chats-list-card{background-color:#f5f5f5;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:12px;transition:background-color .3s}.users_list:last-child{border-bottom:1px dashed #000}.user-card-container{flex:2 1}.user{border-top:1px dashed #000;display:flex;flex-direction:row}.userStats{color:#bbb;text-align:right;width:30%}.user_mid{margin-bottom:auto;margin-left:2rem;margin-top:auto;width:60%}.userUsername{color:#6495ed;cursor:pointer}#user_search_bar{height:2rem;margin-left:auto;margin-right:auto;margin-top:auto;width:70%}.bold_title{font-weight:700;white-space:nowrap}.container{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.container h2{color:#333;font-size:2rem;margin-bottom:10px}.container h3{color:#555;font-size:1.5rem;margin-bottom:20px}.container h4{color:#666;font-size:1rem;margin:15px 0 5px;text-align:left}.container h4,form{max-width:400px;width:100%}form{display:flex;flex-direction:column;gap:15px}.input-text{background-color:#fff;color:#333;padding:12px;transition:border-color .3s,box-shadow .3s}.signup-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.signup-button:hover{background-color:#0056b3}.signup-button:active{background-color:#003f7f}.login-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.login-link:hover{color:#0056b3;text-decoration:underline}.page-container{background:#f7f7f7;display:flex;justify-content:center;min-height:100vh;padding:40px 0}.page-container,.profile-card{box-sizing:border-box;width:100%}.profile-card{background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);font-family:Arial,Helvetica,sans-serif;max-height:700px;max-width:600px;overflow-y:auto;padding:30px}.profile-card h2{color:#333;font-size:26px;font-weight:700;margin-bottom:20px;text-align:left}.profile-card h4{color:#555;font-size:18px;font-weight:700;margin-top:24px}.profile-card h4,.profile-card p{margin-bottom:10px;text-align:left}.profile-card p{color:#666;font-size:15px;line-height:1.4}.input-text{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:400px;outline:none;padding:10px;width:100%}.delete-button,.login-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;margin-top:15px;padding:10px 20px}.login-button{background-color:#007bff;color:#fff}.login-button:hover{background-color:#0056b3}.login-button:active{background-color:#003f7f}.delete-button{background-color:#ff4c4c;color:#fff}.delete-button:hover{background-color:#c00}.delete-button:active{background-color:#900}.profile-card .success-message{color:#028002;margin-top:10px}.profile-card .error-message{color:red;margin-top:10px}.toggle-password-button{background-color:#ddd;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 10px}.toggle-password-button:hover{background-color:#bbb}.game-available,.game-controls,.game-details{margin-bottom:15px}.game-list h2{color:#444;font-size:20px}.game-filter-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.game-filters{display:flex;gap:10px;margin-bottom:10px}.filter-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#000;cursor:pointer;padding:8px 16px}.filter-btn.active{background-color:#007bff;border-color:#0056b3;color:#fff}.game-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:20px}.game-header h1{color:#333;font-size:24px}.game-status{color:#666;margin-left:20px}.game-controls,.game-details{margin-bottom:15px}button{display:inline-block;margin:10px}.btn-create-game,.btn-join-game,.btn-leave-game,.btn-refresh-list{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-create-game:hover,.btn-join-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#0056b3}.game-list{border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.game-items{display:flex;flex-direction:column;gap:10px}.game-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px}.game-item p{margin:5px 0}.game-item ul{list-style:none;margin:5px 0;padding:0}.game-item li{background:#eef2f3;border-radius:4px;margin:3px 0;padding:5px 10px}.game-item button{font-size:14px;margin-top:10px;padding:8px 16px}.game-error{color:red;font-weight:700;margin-top:15px}.nim-game-details{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.nim-game-details h2{color:#444;font-size:20px}.nim-game-move{background:#fefefe;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px}.nim-game-move h3{color:#444;font-size:20px}.nim-game-move input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px;width:100px}.nim-game-move button{padding:8px 16px}body{background-color:#f8f9fa;font-family:Arial,sans-serif;margin:0;padding:0}.btn-submit{background:#007bff;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-submit:hover{background:#0056b3}.btn-submit:disabled{background:#ccc;cursor:not-allowed}button:disabled{background:#ccc}.problem-game-container,.problem-state-info{align-items:center;display:flex}.problem-state-info{flex-direction:row;justify-content:space-between}.problem-state-info h3{margin:1}.problem-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:1rem auto 0;padding:2rem;width:100%}.problem-input-title{margin:0 0 1rem}.vote-container{align-items:center;display:flex;padding:12px}.vote-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:.125rem;color:#000;cursor:pointer;margin-right:.5rem;outline:none;padding:.5rem}.vote-button-upvoted{background-color:#38a169;color:#fff}.vote-button-downvoted{background-color:#e53e3e;color:#fff}.vote-count{margin-left:.5rem}.submission-item{align-items:center;background-color:#fff;border-radius:4px;display:flex;flex-wrap:nowrap;font-family:monospace;justify-content:space-between;margin-bottom:10px;transition:transform .2s ease,box-shadow .2s ease}.submission-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;transform:translateY(-3px)}.problem-page{margin:0 auto;max-width:1200px;padding:0 20px}.problem-header{margin-bottom:30px}.problem-title{font-size:28px;margin:20px 0 15px;text-align:left}.problem-meta{flex-direction:column;gap:5px;margin-bottom:20px}.problem-creator{font-size:14px}.problem-votes{align-self:center;margin-top:15px}.problem-content{margin-top:20px}.problem-solutions-section,.problem-testcases-section,.problem-text-section{background-color:#f8f8f8;border-radius:8px}.problem-solutions-section h2,.problem-testcases-section h2,.problem-text-section h2{color:#333;font-size:20px;padding-bottom:10px}.testcases-container{margin-top:10px}.testcase-item{background-color:#f0f0f0;font-family:monospace;padding:10px}.solutions-container{margin-top:15px}.solution-code{background-color:#f0f0f0;font-family:monospace;padding:15px;white-space:pre-wrap}.problem-page-error,.problem-page-loading{color:#666;padding:20px}.problem-page-error{color:#d32f2f}.table-span{text-align:left}.test-results{border:1px solid #ddd;border-radius:8px;margin-top:20px;overflow:hidden}.test-results h3{background-color:#f5f5f5;border-bottom:1px solid #ddd;margin:0;padding:12px}.result-item{border-bottom:1px solid #eee;margin-bottom:1px}.result-item:last-child{border-bottom:none;margin-bottom:0}.result-header{display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.success .result-header{background-color:#e8f5e9;color:#2e7d32}.failure .result-header{background-color:#ffebee;color:#c62828}.status{font-weight:600;width:30%}.runtime{width:25%}.error-details{background-color:#fff8e1;border-top:1px solid #ffe0b2;padding:10px 16px}.error-details pre{color:#d32f2f;font-family:monospace;font-size:13px;margin:0;white-space:pre-wrap}.problem-form-container{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:center;padding:20px}.problem-form-container h2{color:#333;font-size:2rem;margin-bottom:30px}.problem-form-container h4{color:#666;font-size:1rem;margin:15px 0 5px;max-width:600px;padding-right:20px;text-align:left}.problem-form{display:flex;flex-direction:column;gap:15px;max-width:800px;width:100%}.problem-input-text{width:80%}.problem-description-input-text,.problem-input-text{align-self:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;transition:border-color .3s,box-shadow .3s}.problem-description-input-text{width:100%}.title-input-text{align-self:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;color:#333;font-size:16px;padding:12px;transition:border-color .3s,box-shadow .3s;width:100%;width:80%}.input-text:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}button{align-self:center;background-color:#007bff;border-radius:5px;color:#fff;font-size:16px;padding:12px;transition:background-color .3s}button:hover{background-color:#0056b3}button:active{background-color:#003f7f}.error-message{color:red}.error-message,.success-message{margin-top:20px;text-align:center}.success-message{color:green;font-size:14px}.horizontal-items-apart{align-items:center;display:flex;justify-content:space-between}.horizontal-items-together{align-items:center;display:flex;justify-content:center}.status-box{padding:20px;text-align:center}.checkbox-text{padding:10px}.center-items{align-self:center}td,th,tr{border:1px solid #000;margin-left:auto;text-align:left;width:auto}table,td,th,tr{border-collapse:collapse}.supplementary-info{width:10%}.problem-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;margin-bottom:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.problem-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-3px)}.problem-main-info{margin-bottom:1rem}.problem-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.problem-meta-card{align-items:flex-start;border-top:1px dashed #e0e0e0;display:flex;padding-top:.75rem}.problem-creator{font-size:.875rem}.meta-label{color:#999;font-weight:500}.problem-creator span{color:#bbb}.problem-creator:hover{color:#6495ed}.problem-description-card{line-clamp:2;height:2.5rem}.problems-sort-buttons{width:50%}.problems-container{margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.problems-sort-controls{border-bottom:1px dashed #000;margin-bottom:1.5rem;padding-bottom:1rem}.problems-sort-controls span{color:#555;font-weight:500;margin-right:.75rem}.sort-button{background-color:#f5f5f5;color:#000;font-size:.875rem;margin-right:.5rem;padding:.5rem .75rem;transition:all .2s ease}.sort-button:hover{background-color:#e9e9e9}.sort-button.active{background-color:#6495ed;border-color:#6495ed}.problems-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.problems-grid:last-child{border-bottom:1px dashed #000;padding-bottom:1.5rem}.loading,.no-problems{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#666;font-size:1.125rem;margin:2rem 0;padding:2rem;text-align:center}.problem-search-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-left:10px;min-width:200px;padding:6px 10px}.problem-search-input:focus{border-color:#07c;box-shadow:0 0 0 2px rgba(0,119,204,.2);outline:none}.problems-sort-controls{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.no-problems{font-size:16px;margin:20px 0}.problem-header{align-items:center;background-color:#f7f7f7;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 20px}.problem-header h2{color:#333;font-size:24px;margin:0}.attempt-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background-color .2s ease,box-shadow .2s ease}.attempt-button:hover{background-color:#0b7dda;box-shadow:0 2px 4px rgba(0,0,0,.1)}.attempt-button:active{background-color:#0a6bc7;transform:translateY(1px)}.problem-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.problem-meta{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.problem-creator{color:#666}.problem-votes{display:flex;gap:1rem}.upvotes{color:#4caf50;font-weight:500}.downvotes{color:#f44336;font-weight:500}.problem-content{display:flex;flex-direction:column;gap:2rem}.problem-solutions-section,.problem-testcases-section,.problem-text-section{background-color:#f9f9f9;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:1.5rem}.problem-solutions-section h2,.problem-testcases-section h2,.problem-text-section h2{border-bottom:1px solid #e0e0e0;color:#444;font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.problem-solutions-section h3,.problem-testcases-section h3,.problem-text-section h3{color:#444;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0}.problem-text{color:#333}.testcases-container{display:flex;flex-direction:column;gap:1rem}.testcase-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:1rem}.testcase-input{margin-bottom:.75rem}.testcase-input strong{color:#6495ed;display:inline-block;width:120px}.solutions-container{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.solution-code{border-radius:4px;font-family:Courier New,Courier,monospace;line-height:1.5;margin:0}.solution-code,.submission-leaderboard{background-color:#f5f5f5;overflow-x:auto;padding:1rem}.submission-leaderboard{border-top:1px solid #e0e0e0}.submission-leaderboard h3{color:#444;font-size:1.125rem;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.problem-page-error,.problem-page-loading{background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.problem-page-error{border-color:#ffcdd2;color:#f44336}.form-label{margin-bottom:8px}.form-input,.form-select{align-self:center;border:1px solid #ddd;border-radius:4px;font-size:16px;height:48px;padding:10px;width:100%}.simple-problem-description{line-clamp:2;height:28px}.create-collab-page{margin:0 auto;max-width:900px;padding:20px;position:relative}.page-title{font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.collab-code-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:25px}.form-section-title{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.problem-selection-section{border-top:1px solid #eee;margin-top:30px;padding-top:25px}.section-error{color:#e53935;font-size:14px;font-weight:400;margin-left:10px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin:16px;width:20%}.required{color:#e53935}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.2);outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#e53935}.toggle-group{display:flex}.toggle-button{background-color:#f5f5f5;border:1px solid #ddd;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s}.toggle-button:first-child{border-radius:4px 0 0 4px}.toggle-button:last-child{border-radius:0 4px 4px 0}.toggle-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.form-actions{display:flex;justify-content:space-between;margin-top:30px}.btn-cancel,.btn-submit{border-radius:4px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-submit{background-color:#4caf50;border:none;color:#fff}.btn-submit:hover:not(:disabled){background-color:#388e3c}.btn-cancel{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#e53935;font-size:14px;margin-bottom:0;margin-top:5px}.page-error{background-color:#ffebee;border-radius:4px;margin-bottom:20px;padding:10px;text-align:center}.form-hint{color:#666;font-size:12px;margin-bottom:0;margin-top:5px}.problems-sort-controls{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;gap:10px;margin-bottom:15px;padding:10px 15px}.sort-button{background-color:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:all .2s}.sort-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.sort-button:hover:not(.active){background-color:#e0e0e0}.problems-grid-collab{border:1px solid #eee;border-radius:4px;margin-bottom:15px;max-height:350px;overflow-y:auto}.problem-cards-collab{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:15px}.problem-card-wrapper{border:2px solid transparent;border-radius:4px;cursor:pointer;margin-bottom:0;transition:all .2s}.problem-card-wrapper:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.problem-card-wrapper.selected{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.2)}.simple-problem-card{background-color:#fff;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;height:100%;padding:15px}.simple-problem-title{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.simple-problem-description{color:#555;flex-grow:1;font-size:14px;line-height:1.4;margin-bottom:10px}.simple-problem-meta{color:#777;display:flex;font-size:12px;justify-content:flex-end}.no-problems{color:#666;padding:20px;text-align:center}.selected-problem-summary{background-color:#f5f5f5;border-left:4px solid #2196f3;border-radius:4px;margin-top:15px;padding:15px}.selected-problem-info{margin:0}.selected-problem-title{font-weight:400;margin:0 0 5px}.selected-problem-creator{color:#666;font-size:13px;margin:0}.no-selection{color:#999;font-style:italic;margin:0}.horizontal-inputs{display:flex;justify-content:flex-start}.width-100{width:100%}.attempt-problem-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;padding:20px;width:90%}.attempt-problem-container h2{color:#333;font-size:24px;margin-bottom:20px}.problem-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media (min-width:992px){.problem-container{flex-direction:row}.problem-description{min-width:45%;width:45%}.code-container{max-width:55%;width:55%}}.problem-description{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.problem-description h3{color:#333;font-size:18px;margin-bottom:16px;margin-top:0}.problem-text{color:#444;line-height:1.6;margin-bottom:20px;white-space:pre-wrap}.test-cases ul{list-style-type:none;margin:0;padding:0}.test-case{background-color:#f0f0f0;border-radius:4px;font-family:monospace;font-size:14px;margin-bottom:8px;padding:10px 12px}.test-note{color:#666;font-size:.9em;font-style:italic;margin-top:10px}.code-container{display:flex;flex-direction:column;gap:15px}.code-container h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.attempt-problem-button-container{display:flex;gap:10px;justify-content:center;margin-bottom:15px;margin-top:15px}button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.run-button{background-color:#4caf50;color:#fff}.run-button:hover:not(:disabled){background-color:#45a049;box-shadow:0 2px 4px rgba(0,0,0,.1)}.submit-button{background-color:#2196f3;color:#fff}.submit-button:hover:not(:disabled){background-color:#0b7dda;box-shadow:0 2px 4px rgba(0,0,0,.1)}.error-message,.success-message{border-radius:4px;font-weight:500;margin-top:15px;padding:12px 16px}.error-message{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.submission-code-block{background-color:#f9f9f9;border-radius:6px;box-shadow:0 1px #e0e0e0;color:#333;padding:1.5rem}.submission-section{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:1200px;padding:0 20px}.code-block{font-family:Courier New,Courier,monospace}.submission-stats{align-items:center;background-color:#f9f9f9;border-radius:6px;box-shadow:0 1px #e0e0e0;color:#333;display:flex;flex-wrap:nowrap;padding:1.5rem}.submission-stats-values{padding-left:20px}
/*# sourceMappingURL=main.e2f65cd0.css.map*/