*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2c3e50,#34495e);-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.logo span{color:#7f8c8d;font-size:.9rem}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#2c3e50;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#e74c3c}.user-menu{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #bdc3c7;box-shadow:0 2px 4px #0000001a;height:40px;width:40px}.user-name{color:#2c3e50;font-weight:600}.btn{display:inline-block;text-decoration:none}.login-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:80vh;padding:20px}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.divider{color:#bdc3c7;margin:1rem 0;position:relative}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.features{color:#7f8c8d;margin-top:2rem;text-align:left}.features ul{list-style:none;margin-top:1rem}.features li{color:#7f8c8d;padding:.5rem 0}.dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:20px 0;padding:20px}.tags-container{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}.tag{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;color:#2c3e50;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.tag.active{background:#2c3e50;border-color:#2c3e50;color:#fff}.tag:hover{background:#e0e0e0}.problem-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin:1rem 0;padding:20px}.stats-grid{grid-gap:1rem;gap:1rem;margin:1rem 0}.stat-card{background:#fff;box-shadow:0 2px 8px #0000000d;padding:20px}.code-editor-container{background:#2c3e50;border:1px solid #34495e;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.editor-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem}.language-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;padding:8px 12px}.solve-content{grid-template-columns:1fr 1fr}.review-results{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px}.review-tabs{display:flex;gap:10px;margin:15px 0}.review-tabs button{background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#7f8c8d;cursor:pointer;padding:8px 16px;transition:all .3s}.review-tabs button.active{background:#2c3e50;border-color:#2c3e50;color:#fff}.review-text{color:#2c3e50;line-height:1.6;max-height:400px;overflow-y:auto}.markdown-content{white-space:pre-wrap}.code-display{background:#2c3e50;border-radius:6px;overflow-x:auto;padding:15px}.code-display pre{color:#ecf0f1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;margin:0}.profile-page{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:20px 0;padding:20px}.attempts-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.attempt-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:transform .2s}.attempt-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.attempt-details{display:flex;flex-wrap:wrap;gap:15px;margin:10px 0}.status{font-size:12px;padding:4px 8px}.date,.time{color:#7f8c8d;font-size:14px}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:18px;height:200px;justify-content:center}.dashboard-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin:2rem 0}.dashboard-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-weight:500;padding:1rem 2rem;transition:all .3s}.dashboard-tabs button.active{border-bottom-color:#2c3e50;color:#2c3e50}.dashboard-tabs button:hover{color:#2c3e50}.bookmark-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem;transition:transform .2s}.bookmark-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.bookmark-actions{display:flex;gap:.5rem}.solution-meta{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem}.meta-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.meta-form label{color:#2c3e50;display:flex;flex-direction:column;font-weight:500;gap:.5rem}.meta-form input,.meta-form select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#2c3e50;font-size:14px;padding:.5rem}.meta-form input:focus,.meta-form select:focus{border-color:#2c3e50;box-shadow:0 0 0 2px #2c3e5033;outline:none}.rating-selection{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin-top:20px;padding:20px}.rating-input-group{display:flex;flex-direction:column;gap:15px}.rating-slider{align-items:center;display:flex;gap:15px}.rating-slider input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;flex:1 1;height:6px;outline:none}.rating-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#2c3e50;border-radius:50%;cursor:pointer;height:20px;width:20px}.rating-value{color:#2c3e50;font-size:1.1rem;min-width:50px}.rating-value,.time-display{font-weight:700;text-align:center}.time-display{background:#2ecc711a;border:1px solid #2ecc7133;border-radius:6px;color:#27ae60;font-size:18px;padding:10px}.problem-display{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:25px}.problem-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.problem-header h2{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.problem-rating{background:linear-gradient(45deg,#e74c3c,#c0392b)}.problem-id,.problem-rating{border-radius:20px;font-size:.9rem;padding:5px 12px}.problem-id{background:#f1c40f;color:#2c3e50;font-family:Monaco,monospace}.problem-tags{margin:15px 0}.problem-tags .tag{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:15px;color:#2c3e50;font-size:.85rem;padding:6px 12px}.problem-description{color:#7f8c8d;margin-top:20px}.problem-description h4{color:#2c3e50;margin-bottom:10px}.problem-stats{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.problem-stats h5{color:#2c3e50;margin-bottom:10px}.problem-stats ul{list-style:none;padding:0}.problem-stats li{color:#7f8c8d;padding:3px 0}.solved-problems{margin-top:20px}.solved-problem-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin:15px 0;padding:20px;transition:transform .2s}.solved-problem-card:hover{border-color:#27ae60;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.problem-main-info h4{color:#2c3e50;margin-bottom:10px}.problem-meta{display:flex;flex-wrap:wrap;gap:15px;margin:10px 0}.problem-rating{background:#e74c3c;color:#fff;font-weight:600}.problem-rating,.problem-time{border-radius:15px;font-size:.8rem;padding:4px 10px}.problem-time{background:#2ecc7133;color:#27ae60}.problem-date{color:#7f8c8d;font-size:.8rem}.problem-language{background:#3498db;border-radius:15px;color:#fff;font-size:.8rem;padding:4px 10px}.problem-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.problem-actions{margin-top:15px}.no-problems{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;color:#7f8c8d;padding:40px;text-align:center}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.page-info{color:#7f8c8d;font-weight:500}@media (max-width:768px){.solve-header{align-items:stretch;flex-direction:column}.header-user{text-align:center}.header-user,.timer-section{justify-content:center}.problem-meta{gap:8px}.problem-actions,.problem-meta{flex-direction:column}.nav,.pagination,.user-menu{flex-direction:column;gap:10px}.meta-form{grid-template-columns:1fr}}.error{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#c0392b}.error,.success{margin:20px 0;padding:20px;text-align:center}.success{background:#2ecc711a;border:1px solid #2ecc714d;border-radius:8px;color:#27ae60}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90%;max-width:90%;overflow:hidden;padding:0;width:800px}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c3e50;margin:0}.modal-close{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px}.modal-close:hover{color:#2c3e50}.code-display,.review-display{max-height:60vh;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #e0e0e0;padding:20px;text-align:right}.histogram{align-items:flex-end;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;height:200px;margin:20px 0;padding:20px}.histogram-bar-container{align-items:center;display:flex;flex-direction:column;gap:8px}.histogram-bar{align-items:flex-end;background:#3498db;border-radius:4px 4px 0 0;display:flex;justify-content:center;min-width:30px;padding:5px;position:relative;transition:height .3s ease}.histogram-bar.time-bar{background:#e74c3c}.bar-label{color:#fff;font-size:10px;font-weight:700;position:absolute;top:-20px}.bar-title{color:#7f8c8d;font-size:12px;font-weight:500}@media (max-width:768px){.modal-content{margin:10px;width:95%}.histogram{overflow-x:auto;padding:10px}.histogram-bar{min-width:25px}.problem-actions{flex-direction:column}.problem-actions .btn{text-align:center;width:100%}.timer-controls{flex-direction:column}}.profile{padding:20px}.profile-header{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.profile-header,.profile-info{align-items:center;display:flex}.profile-info{gap:20px}.profile-avatar{border:4px solid #2c3e50;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100px;width:100px}.profile-details h2{color:#2c3e50;font-size:1.8rem;margin-bottom:8px}.profile-details p{color:#7f8c8d;font-size:1.1rem;margin-bottom:8px}.member-since{color:#bdc3c7;font-size:.9rem}.profile-stats{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.profile-stats h3{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:15px}.stat-card h4{color:#7f8c8d;font-size:1rem;font-weight:500;margin-bottom:10px}.stat-number{color:#2c3e50;font-size:2.2rem;font-weight:700;margin:0}.rating-distribution,.top-tags{margin-bottom:30px}.rating-distribution h4,.top-tags h4{color:#2c3e50;font-size:1.2rem;margin-bottom:20px}.rating-list,.tags-list{display:flex;flex-direction:column;gap:15px}.rating-item,.tag-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.rating-value,.tag-name{color:#2c3e50;font-weight:700;margin-right:10px}.rating-stats,.tag-stats{color:#7f8c8d;font-size:.9rem}.rating-progress,.tag-progress{background:#e0e0e0;border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.progress-bar{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:4px;height:100%;transition:width .5s ease}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:30px}.recent-activity h3{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;text-align:center}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.activity-problem h5{color:#2c3e50;font-size:1rem;margin-bottom:5px}.status{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 10px}.status.solved{background:#2ecc7133;color:#27ae60}.status.unsolved{background:#e74c3c33;color:#c0392b}.activity-details{color:#7f8c8d;display:flex;font-size:.9rem;gap:15px}@media (max-width:768px){.profile-info{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;gap:10px;text-align:center}.activity-details{flex-direction:column;gap:5px}}.problem-solve-page{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:20px 0;padding:20px}.solve-header{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.header-user,.solve-header{align-items:center;display:flex}.header-user{gap:15px}.user-avatar{border:3px solid #bdc3c7;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:60px;width:60px}.timer-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;gap:20px;padding:15px}.timer-display,.timer-section{align-items:center;display:flex}.timer-display{flex-direction:column}.timer-label{color:#7f8c8d;font-size:12px;margin-bottom:5px}.timer-value{color:#2c3e50;font-family:Monaco,Menlo,monospace;font-size:24px;font-weight:700}.timer-controls{display:flex;gap:10px}.solve-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1.8fr;margin-top:20px}@media (max-width:1024px){.solve-content{grid-template-columns:1fr}}.editor-column,.problem-column,.review-column{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.editor-column{min-height:500px}.problem-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s}.btn-primary{background:#2c3e50;border:1px solid #2c3e50;color:#fff}.btn-primary:hover{background:#34495e;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #bdc3c7;color:#2c3e50}.btn-secondary:hover{background:#f8f9fa;border-color:#2c3e50}.language-selection{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:15px}.language-selection h4{color:#2c3e50;margin-bottom:10px}.language-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;padding:8px 12px}.solved-checkbox{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;padding:15px}.solved-checkbox label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:10px}.solved-checkbox input[type=checkbox]{height:18px;width:18px}.review-column{min-height:300px}@media (max-width:768px){.solve-header{align-items:stretch;flex-direction:column}.header-user{text-align:center}.header-user,.timer-section{justify-content:center}.problem-actions,.timer-controls{flex-direction:column}}
/*# sourceMappingURL=main.4ad0044b.css.map*/