.container,.proposal-container{max-width:100%;margin:0 auto;padding:0 20px}.main-content{max-width:1400px;margin:0 auto;padding:20px 0}.steps-nav{margin-bottom:32px}.steps-container{align-items:center;gap:10px;display:flex}.step-item{color:#8a949e;cursor:pointer;text-align:center;background:rgba(38,42,51,.5);border-radius:5px;width:120px;height:40px;font-size:14px;font-weight:700;line-height:40px}.step-item.active,.step-item:hover:not(.active){color:#00cc9b;background-color:rgba(0,204,155,.2);transition:all .3s}.step-container{background-color:#262a33;border-radius:10px;padding:40px 80px}.proposal-steps-nav{background-color:#262a33;border:1px solid #4c525c;border-radius:12px;margin-bottom:32px;padding:20px}.proposal-steps-nav .steps-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proposal-steps-nav .step-item{color:#8a949e;cursor:pointer;text-align:center;width:auto;min-width:100px;height:36px;padding:0 12px;font-size:13px;font-weight:600;line-height:36px;transition:all .3s}.proposal-steps-nav .step-item.active,.proposal-steps-nav .step-item:hover:not(.active){color:#00cc9b;background-color:rgba(0,204,155,.2)}.proposal-steps-container{align-items:center;gap:10px;display:flex}.proposal-step-item{color:#8a949e;cursor:pointer;text-align:center;background:rgba(38,42,51,.5);border-radius:5px;width:120px;height:40px;font-size:14px;font-weight:700;line-height:40px;transition:all .3s}.proposal-step-item.active,.proposal-step-item:hover:not(.active){color:#00cc9b;background-color:rgba(0,204,155,.2)}.proposal-step-container{background-color:#262a33;border-radius:10px;padding:80px}.step-title-container{align-items:center;display:flex}.step-title{color:#00cc9b;align-items:center;height:60px;margin:0;font-size:24px;font-weight:700;line-height:60px;display:flex}.proposal-step-title-container{border-bottom:1px solid #4c525c;align-items:center;margin-bottom:24px;display:flex}.proposal-step-title{color:#00cc9b;align-items:center;height:60px;margin:0;font-size:24px;font-weight:700;line-height:60px;display:flex}.proposal-step-content .step-title{color:#00cc9b;align-items:center;height:auto;margin:0;font-size:20px;font-weight:700;line-height:1.4;display:flex}.step-content,.form-container{padding:12px}.form-fields{flex-direction:column;gap:24px;display:flex}.form-label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-container{width:100%;position:relative}.form-input,.form-select,.form-textarea{color:#fff;box-sizing:border-box;background-color:transparent;border:1px solid #4c525c;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00cc9b;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.form-textarea{resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:72px}.select-arrow{pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.select-arrow svg{color:#9ca3af;width:16px;height:16px}.error-message{color:#ef4444;margin-top:16px;font-size:14px}.proposal-form-container{padding:12px}.proposal-form-fields{flex-direction:column;gap:24px;display:flex}.proposal-form-label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.proposal-input-container{position:relative}.proposal-form-input,.proposal-form-select,.proposal-form-textarea{color:#fff;background-color:transparent;border:1px solid #4c525c;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.proposal-form-input:focus,.proposal-form-select:focus,.proposal-form-textarea:focus{border-color:#00cc9b;box-shadow:0 0 0 2px rgba(0,204,155,.2)}.proposal-form-textarea{resize:vertical;min-height:100px}.proposal-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.proposal-select-arrow{pointer-events:none;color:#8a949e;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.react-datepicker-wrapper{width:100%}.react-datepicker-wrapper .react-datepicker__input-container input{box-sizing:border-box;width:100%}.react-datepicker-popper{z-index:9999!important}.react-datepicker{background-color:#262a33!important;border:1px solid #4c525c!important;border-radius:10px!important;font-family:Nunito Sans,Arial,Helvetica,sans-serif!important;box-shadow:0 10px 25px rgba(0,0,0,.3)!important}.react-datepicker__header{background-color:#262a33!important;border-bottom:1px solid #4c525c!important;border-radius:10px 10px 0 0!important;padding:16px!important}.react-datepicker__current-month{color:#00cc9b!important;margin-bottom:8px!important;font-size:18px!important;font-weight:700!important}.react-datepicker__day-names{margin-bottom:8px!important}.react-datepicker__day-name{color:#8a949e!important;width:40px!important;font-size:14px!important;font-weight:500!important;line-height:40px!important}.react-datepicker__month{margin:0!important;padding:8px!important}.react-datepicker__day{color:#fff!important;border-radius:8px!important;width:40px!important;height:40px!important;margin:2px!important;font-size:14px!important;line-height:40px!important;transition:all .2s!important}.react-datepicker__day:hover{color:#00cc9b!important;background-color:rgba(0,204,155,.2)!important;transform:scale(1.05)!important}.react-datepicker__day--selected{color:#fff!important;background-color:#00cc9b!important;font-weight:600!important}.react-datepicker__day--today{color:#00cc9b!important;background-color:rgba(0,204,155,.2)!important;font-weight:600!important}.react-datepicker__day--disabled{color:#4c525c!important;cursor:not-allowed!important}.react-datepicker__day--disabled:hover{color:#4c525c!important;background-color:transparent!important;transform:none!important}.react-datepicker__navigation{background-color:transparent!important;border:none!important;border-radius:6px!important;width:32px!important;height:32px!important;transition:all .2s!important;top:16px!important}.react-datepicker__navigation:hover{background-color:rgba(0,204,155,.2)!important}.react-datepicker__navigation--previous{left:16px!important}.react-datepicker__navigation--next{right:16px!important}.react-datepicker__navigation-icon:before{border-width:2px 2px 0 0!important;border-color:#00cc9b!important;width:8px!important;height:8px!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#00cc9b!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#262a33!important;border:1px solid #4c525c!important;border-radius:8px!important}.react-datepicker__month-option,.react-datepicker__year-option{color:#fff!important;padding:8px 12px!important;transition:all .2s!important}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{color:#00cc9b!important;background-color:rgba(0,204,155,.2)!important}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{color:#fff!important;background-color:#00cc9b!important}.react-datepicker__time-container{border-left:1px solid #4c525c!important}.react-datepicker__time{background-color:#262a33!important}.react-datepicker__time-box{width:80px!important}.react-datepicker__time-list-item{color:#fff!important;padding:8px 12px!important;transition:all .2s!important}.react-datepicker__time-list-item:hover{color:#00cc9b!important;background-color:rgba(0,204,155,.2)!important}.react-datepicker__time-list-item--selected{color:#fff!important;background-color:#00cc9b!important}.button-container{justify-content:center;margin-top:32px;display:flex}.button-group{gap:16px;display:flex}.proposal-button-container{justify-content:center;margin-top:32px;display:flex}.proposal-button-group{gap:16px;display:flex}.proposal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.proposal-btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db}.proposal-btn-secondary:hover{background-color:#f9fafb}.proposal-btn-primary{color:#fff;background-color:#0d9488;padding:8px 32px}.proposal-btn-primary:hover:not(:disabled){background-color:#0f766e}.proposal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.proposal-btn-outline{color:#00cc9b;background-color:transparent;border:1px solid #00cc9b}.proposal-btn-outline:hover{color:#fff;background-color:#00cc9b}.action-btn{cursor:pointer;height:40px;color:inherit;border:none;border-radius:5px;align-items:center;gap:6px;padding:0 32px;font-size:14px;font-weight:500;line-height:40px;text-decoration:none;transition:all .2s;display:flex}.primary-btn{color:#00cc9b;background-color:rgba(0,204,155,.2)}.primary-btn:hover{color:#00cc9b;background-color:rgba(0,204,155,.3)}.secondary-btn{color:#fff;background-color:#374151}.secondary-btn:hover{background-color:#4b5563}.btn-icon{font-size:16px}.btn-sm{padding:6px 12px;font-size:12px;font-weight:500}.button-actions{color:#00cc9b;cursor:pointer;background:rgba(0,204,155,.2);border-radius:20px;justify-content:center;align-items:center;gap:12px;height:32px;margin-right:12px;padding:0 16px;font-size:14px;font-weight:600;line-height:32px;transition:all .3s;display:inline-flex}.button-actions:hover,.button-actions.selected{color:#fff;background:#00cc9b}.proposal-action-btn{color:#fff;cursor:pointer;background-color:#374151;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.proposal-action-btn:hover{background-color:#4b5563}.proposal-actions{gap:12px;margin-top:8px;display:flex}.proposal-actions a{border:1px solid transparent;border-radius:8px;align-items:center;gap:8px;padding:0 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.image-upload-container{display:inline-block;position:relative}.editor-image{cursor:pointer;border-radius:6px;max-width:100%;height:auto;margin:8px 0;transition:opacity .2s;display:block;box-shadow:0 1px 3px rgba(0,0,0,.3)}.editor-image:hover{opacity:.9}.editor-link{color:#00cc9b;cursor:pointer;text-decoration:underline}.editor-link:hover{color:#00cc9b}.milestones-tabs-container{margin-bottom:24px}.milestones-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.milestone-tab{color:#4c525c;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #4c525c;border-radius:5px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;transition:all .3s;display:flex;overflow:hidden}.milestone-tab:hover:not(.active){color:#00cc9b;background-color:rgba(0,204,155,.2);border-color:#00cc9b}.milestone-tab.active{color:#00cc9b;border-color:#00cc9b;font-weight:600}.milestone-add-btn{color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex}.milestone-add-btn:hover{opacity:.8}.milestone-remove-btn{color:#00cc9b;cursor:pointer;background-color:transparent;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;margin-left:8px;padding:0;transition:all .3s;display:inline-flex}.milestone-remove-btn:hover{opacity:.7}.milestones-empty{text-align:center;color:#9ca3af;background-color:rgba(0,204,155,.05);border:2px dashed rgba(0,204,155,.3);border-radius:8px;padding:40px 20px}.milestones-empty p{margin:0;font-size:14px}.milestones-content{flex-direction:column;gap:24px;display:flex}.milestone-field-row{align-items:flex-start;gap:16px;display:flex}.milestone-panel-fields{align-items:flex-start;gap:16px;width:100%;display:flex}.milestone-panel-fields .milestone-field{flex:1}.milestone-field{flex-direction:column;gap:8px;width:100%;margin:10px 0;display:flex}.milestone-field label{margin:20px 0 10px}.milestone-field .proposal-input-container{position:relative}.milestone-panel{display:none}.milestone-panel.active{display:block}.milestone-panel-fields{flex-direction:column;gap:20px;display:flex}.preview-modal-overlay{z-index:10000;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.preview-modal{background-color:#262a33;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.proposal-header{padding:10px 24px;position:relative}.proposal-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.preview-close-btn{color:#777;cursor:pointer;background:0 0;border:none;transition:all .2s;position:absolute;top:15px;right:20px}.preview-close-btn:hover{transform:rotate(90deg)}.proposal-content{border-top:1px dashed #4c525c;flex:1;margin:10px 24px;overflow-y:auto}.proposal-section{margin-bottom:20px;font-size:14px;line-height:20px}.proposal-section h3{color:#00cc9b;font-size:24px;font-weight:700;line-height:40px}.proposal-field{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.proposal-field label{color:#8a949e;flex-shrink:0;min-width:120px;font-size:14px;font-weight:500}.proposal-field span{color:#fff;flex:1}.proposal-value{color:#fff;flex:1;font-size:14px;line-height:1.5}.proposal-html-content{color:#fff;margin-top:8px;line-height:1.6}.proposal-html-content h1,.proposal-html-content h2,.proposal-html-content h3{color:#00cc9b;margin:16px 0 8px}.proposal-html-content p{margin:8px 0}.proposal-html-content ul,.proposal-html-content ol{margin:8px 0;padding-left:20px}.proposal-html-content li{margin:4px 0}.proposal-html-content blockquote{color:#9ca3af;background-color:rgba(0,204,155,.05);border-left:4px solid #00cc9b;border-radius:0 4px 4px 0;margin:16px 0;padding-left:16px;font-style:italic}.proposal-html-content code{color:#00cc9b;background-color:rgba(0,204,155,.1);border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.875rem}.proposal-html-content pre{color:#fff;background-color:rgba(0,204,155,.05);border:1px solid rgba(0,204,155,.2);border-radius:6px;margin:16px 0;padding:12px;font-family:Courier New,monospace;overflow-x:auto}.proposal-html-content a{color:#00cc9b;text-decoration:underline}.proposal-html-content a:hover{color:#00cc9b}.proposal-milestones{flex-direction:column;gap:24px;display:flex}.proposal-milestone{padding:20px}.proposal-milestone h4{color:#00cc9b;margin:0 0 16px;font-size:16px;font-weight:600}.proposal-milestone .proposal-field{margin-bottom:12px}.proposal-milestone .proposal-field:last-child{margin-bottom:0}.proposal-milestone .proposal-field label{min-width:100px;font-size:13px}.proposal-milestone .proposal-field span{font-size:13px}.milestone-list-container{flex-direction:column;gap:24px;display:flex}.milestone-list-empty{text-align:center;color:#8a949e;padding:40px 20px;font-size:14px}.milestone-card{background-color:rgba(117,151,185,.1);border-radius:8px;padding:12px}.milestone-card-title{color:#00cc9b;margin:0 0 16px;font-size:18px;font-weight:600;line-height:1.4}.milestone-card-info{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.milestone-info-item{color:#fff;align-items:center;gap:8px;font-size:14px;display:flex}.milestone-info-label{color:#8a949e;font-weight:500}.milestone-info-value{color:#fff}.milestone-card-description{margin-top:16px}.milestone-card-description .proposal-html-content{color:#fff;font-size:14px;line-height:1.6}.preview-modal-footer{border-top:1px solid #4c525c;justify-content:flex-end;padding:20px 24px;display:flex}.proposal-detail-layout{max-width:1400px;margin:0 auto;padding:20px}.proposal-breadcrumb,.breadcrumb{color:#8a949e;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.proposal-breadcrumb-separator,.breadcrumb-separator{color:#4c525c}.proposal-content-wrapper{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.proposal-main-content{background-color:#262a33;border-radius:15px;flex-direction:column;flex:1;gap:24px;padding:36px;display:flex}.proposal-title-section{flex-direction:column;gap:16px;display:flex}.proposal-main-title{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.3}.proposal-author-info{align-items:center;gap:12px;display:flex}.author-details,.proposal-author-details{flex:1}.author-name,.proposal-author-name{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.author-did,.proposal-author-did{color:#8a949e;align-items:center;gap:8px;font-size:12px;display:flex}.proposal-author-avatar img{border:2px solid #4c525c;border-radius:50%}.proposal-copy-btn{color:#8a949e;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;transition:all .2s}.proposal-copy-btn:hover{color:#00cc9b;background-color:rgba(0,204,155,.1)}.author-badge,.proposal-author-badge{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.badge-icon,.proposal-badge-icon{justify-content:center;align-items:center;display:flex}.proposal-meta-tags{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meta-tag{color:#8a949e;border:1px solid #8a949e;border-radius:16px;height:24px;padding:0 12px;font-size:12px;font-weight:500;line-height:24px}.meta-tag.status-tag{color:#3b82f6;border-color:#3b82f6}.meta-tag.budget-tag{color:#00cc9b;border-color:#00cc9b}.proposal-header-card{border-bottom:1px dashed #4c525c;margin-bottom:40px;padding-bottom:20px}.proposal-sidebar{flex-direction:column;gap:20px;display:flex;position:-webkit-sticky;position:sticky;top:20px}.proposal-sidebar-card{background-color:#262a33;border-radius:15px;padding:24px}.proposal-sidebar-title{color:#fff;margin-bottom:16px;font-size:18px;font-weight:600}.proposal-content-section{background-color:#262a33;border-radius:15px;padding:24px}.proposal-section-title{color:#fff;border-bottom:1px solid #4c525c;margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:600}.proposal-section-content{color:#e5e7eb;line-height:1.6}.proposal-timeline-card{background-color:#262a33;border-radius:15px;padding:24px}.proposal-timeline-title{color:#fff;margin-bottom:20px;font-size:18px;font-weight:600}.proposal-timeline-item{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex;position:relative}.proposal-timeline-item:not(:last-child):after{content:"";background-color:#4c525c;width:2px;height:calc(100% + 4px);position:absolute;top:24px;left:11px}.proposal-timeline-dot{z-index:1;background-color:#00cc9b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.proposal-timeline-content{flex:1}.proposal-timeline-event{color:#fff;margin-bottom:4px;font-size:14px;font-weight:500}.proposal-timeline-date{color:#8a949e;font-size:12px}.proposal-timeline-link{color:#8a949e;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.proposal-timeline-link:hover{color:#00cc9b;background-color:rgba(0,204,155,.1)}.proposal-timeline-icon{font-size:14px}html{scroll-behavior:smooth}#proposal-detail{position:relative}#proposal-detail,#comment-section{scroll-margin-top:20px}@media (max-width:1024px){.proposal-content-wrapper{grid-template-columns:1fr;gap:20px}.proposal-sidebar{position:static}}@media (max-width:768px){.preview-modal{max-height:calc(100vh - 20px);margin:10px}.preview-content{padding:16px}.preview-field{flex-direction:column;gap:4px}.preview-field label{min-width:auto}.proposal-detail-layout{padding:6px}.proposal-header-card{padding:20px}.proposal-main-title{font-size:24px}.proposal-meta-tags{align-items:flex-start;gap:4px}.proposal-actions{display:none}.proposal-action-btn{justify-content:center}.action-btn{justify-content:center;width:100%;padding:0 16px}.proposal-actions a{box-sizing:border-box;justify-content:center;width:100%}.proposal-main-content{padding:0}.proposal-steps-container{flex-wrap:wrap;gap:6px}.proposal-step-item{min-width:80px;height:32px;padding:0 8px;font-size:12px;line-height:32px}.proposal-step-container{padding:20px}.proposal-step-title{font-size:18px}.proposal-steps-nav .steps-container{flex-wrap:wrap;gap:6px}.proposal-steps-nav .step-item{min-width:80px;height:32px;padding:0 8px;font-size:12px;line-height:32px}.proposal-step-content .step-title-container{padding:16px 20px}.proposal-step-content .step-title{font-size:18px}.step-content{padding:10px}.proposal-field{flex-direction:column;gap:4px}.proposal-field label{min-width:auto}.proposal-timeline-card{padding:16px}.proposal-timeline-title{margin-bottom:16px;font-size:16px}.proposal-timeline-item{margin-bottom:16px}.proposal-timeline-event{font-size:13px}.proposal-timeline-date{font-size:11px}}