*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;color:#333}#root{min-height:100vh;display:flex;flex-direction:column;--color-blue: #003871;--color-blue-second: #1c5fb3;--color-gray: #b2a7d623;--color-gray-second: #757575}.header{display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:70px;background-color:var(--color-blue);color:#fff}.logo{display:flex;align-items:center;gap:50px;color:#fff;font-size:18px;text-align:right}.actions{display:flex;align-items:center}.loginBtn{color:#fff;font-weight:500;text-decoration:none}.dropdown-menu{display:flex;flex-direction:column;gap:10px;position:relative;max-width:200px}.dropdown svg{flex-shrink:0}.dropdown{display:flex;gap:8px}.profName{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown-content{display:flex;flex-direction:column;background:#fff;border:2px solid gray;border-radius:5px;gap:10px;padding:10px;position:absolute;top:100%;margin-top:10px;width:100%}.profile{text-decoration:none;color:#000;font-size:16px}.logoutBtn{color:#000;font-weight:500;text-decoration:none;background:#fff;border:none;text-align:left;font-size:16px}.actionsLogin{justify-content:space-between;display:flex;gap:10px;color:#fff;text-decoration:none}.actionsVar{color:#fff;text-decoration:none}.login-page{display:flex;justify-content:center;align-items:center;height:90vh}.login-form{display:flex;background:var(--color-gray);padding:20px 30px;border-radius:8px;box-shadow:0 3px 10px #32313187;width:500px;flex-direction:column;gap:15px}.form-input input{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.reg-btn{width:100%;padding:12px;background-color:var(--color-gray-second);color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.reg-page{display:flex;justify-content:center;align-items:center;height:90vh}.reg-form{display:flex;background:var(--color-gray);padding:20px 30px;border-radius:8px;box-shadow:0 3px 10px #32313187;width:600px;flex-direction:column;gap:15px}.login-btn{width:100%;padding:12px;background-color:var(--color-blue-second);color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.prof-page{display:flex;justify-content:center;align-items:center;height:90vh}.prof-form{display:flex;background:var(--color-gray);padding:20px 30px;border-radius:8px;box-shadow:0 3px 10px #32313187;width:600px;flex-direction:column;gap:15px}.save-btn{width:100%;padding:12px;background-color:var(--color-blue-second);color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.patients{margin:20px auto;display:flex;flex-direction:column;gap:20px;max-width:1200px}.patients-header{display:flex;justify-content:space-between}.patients-header button{border:none;background:var(--color-blue-second);color:#fff;padding:10px;border-radius:3px}.patients-filters{display:flex;background:var(--color-gray);padding:20px 30px;border-radius:8px;flex-direction:column;gap:15px}.patients-filters-row{display:flex;justify-content:space-between}.patients-filters-row1{display:grid;grid-template-columns:1fr 1fr;gap:20px}.patients-filters-cell{display:flex;flex-direction:column;gap:5px}input,select{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.patients-filters-switch{display:flex;align-items:end;gap:5px}.switch{position:relative;width:50px;height:25px}.switch input{opacity:0}.slider{position:absolute;inset:0;background-color:#ccc;border-radius:30px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:5px;bottom:5px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:var(--color-blue-second)}input:checked+.slider:before{transform:translate(24px)}.patients-list{gap:10px;width:100%;display:grid;grid-template-columns:1fr}@media(min-width:1200px){.patients-list{grid-template-columns:1fr 1fr}}.patient{display:flex;background:var(--color-gray);padding:20px 30px;flex-direction:column;gap:15px;width:100%;text-decoration:none;color:#000}.patientText{color:var(--color-gray-second);text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#355a8280;z-index:1000;overflow:hidden}.modal{position:absolute;min-width:600px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001}.modal-inner-container{position:relative;border-radius:8px;padding:20px 30px;background:#fafdff;box-shadow:0 3px 10px #32313187;gap:15px;display:flex;flex-direction:column}.form-input{display:flex;flex-direction:column;gap:8px}.form-input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-input input,.form-input select{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.reg-pat-btn{width:100%;padding:12px;background-color:var(--color-blue-second);color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.patient-card{margin:20px auto;display:flex;flex-direction:column;gap:20px;max-width:1200px}.patient-header{display:flex;justify-content:space-between}.inspButton{border:none;background:var(--color-blue-second);color:#fff;padding:10px;border-radius:3px;text-decoration:none}.patient-info{display:flex;justify-content:space-between}.patient-name{display:flex;flex-direction:row;gap:5px}.searchButton{border:none;background:var(--color-blue-second);color:#fff;padding:10px 60px;border-radius:3px}.patients-filters-searchButton{display:flex;align-items:end}.patient-filters{display:flex;background:var(--color-gray);padding:20px 30px;border-radius:8px;flex-direction:column;gap:15px}.patient-filters-row{display:flex;justify-content:space-between}.patient-filters-row1{display:grid;grid-template-columns:1fr .5fr .5fr;gap:20px}.patient-filters-cell{display:flex;flex-direction:column;gap:5px}input{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px}select{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:16px;max-width:30vw}.patient-filters-radio{display:flex;align-items:center;gap:5px;padding-top:20px;padding-left:20px}.radio{position:relative;width:20px;height:20px}.patient-filters-radio input{opacity:0}.radio-made{position:absolute;inset:0;border:2px solid var(--color-gray-second);border-radius:50%}.radio input:checked+.radio-made:after{content:"";position:absolute;width:10px;height:10px;background:var(--color-blue-second);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radio input:checked+.radio-made{border:2px solid var(--color-blue-second)}.patient-list{gap:10px;width:100%;display:grid;grid-template-columns:1fr}@media(min-width:1200px){.patient-list{grid-template-columns:1fr 1fr}.patient-card{max-width:1400px}}.patient{display:flex;background:var(--color-gray);padding:20px 30px;flex-direction:column;gap:15px;width:100%}.patient.death{background:#ffe2be}.patientText{color:var(--color-gray-second)}.pages{display:flex;gap:5px;align-self:center}.buttonsPage{padding:12px 15px;background:#fff;border:1px solid #ced4da;border-radius:3px;text-align:center;font-size:16px}.patient-inspection-header{display:flex;justify-content:space-between}.patient-inspname,.patient-buttons{display:flex;gap:15px}.dataInspection{background:var(--color-gray-second);color:#fff;padding:4px 12px;border-radius:3px;margin:0;align-self:center;font-weight:700}.buttonInpection{background:none;border:none;color:var(--color-blue-second);font-weight:700;align-items:center;display:flex;gap:7px;text-decoration:none;font-size:13px}.chainButton{border:none;border-radius:3px;background:var(--color-blue-second);display:flex;padding:5px;margin-right:-7px;align-items:center}.inspection-row-container .patient{margin-left:calc(var(--level) * 30px);width:auto}.patient-info{background:var(--color-gray);display:flex;padding:20px 30px;border-radius:8px;flex-direction:column;gap:15px}.patient-info-header{justify-content:space-between;display:flex}.inspDate{display:flex;flex-direction:column;gap:8px}.inspDate input{max-width:30%}.insp-info{display:flex;flex-direction:column;gap:15px}.insp-switch{display:flex;align-items:end;gap:5px}.iSwitch{position:relative;width:50px;height:25px}.iSwitch input{opacity:0}.iSlider{position:absolute;inset:0;background-color:#ccc;border-radius:30px}.first{background-color:var(--color-blue-second)}.iSlider:before{position:absolute;content:"";height:16px;width:16px;left:5px;bottom:5px;background-color:#fff;border-radius:50%}input:checked+.iSlider{background-color:var(--color-blue-second)}input:checked+.iSlider:before{transform:translate(24px)}.insp-filter{display:flex;flex-direction:row;gap:15px;align-items:center}.insp-filter select{flex-grow:1;max-width:none}.insp-filter span{padding-bottom:5px}.insp-comment{display:flex;flex-direction:column;gap:10px}.inspInput{min-height:70px}.patient-info button{padding:10px 20px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:flex-start;background:var(--color-blue-second);color:#fff;font-weight:700;border:none;border-radius:2px}h3{color:var(--color-blue)}.insp-diseases{display:flex;flex-direction:column;gap:15px}.typeDiagnosis{margin-top:10px}.radious{display:flex;flex-direction:row;gap:20px}.insp-filters-radio{display:flex;align-items:center;gap:5px;padding-top:20px}.iRadio{position:relative;width:20px;height:20px}.insp-filters-radio input{opacity:0}.radio-made-insp{position:absolute;inset:0;border:2px solid var(--color-gray-second);border-radius:50%}.iRadio input:checked+.radio-made-insp:after{content:"";position:absolute;width:10px;height:10px;background:var(--color-blue-second);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.iRadio input:checked+.radio-made-insp{border:2px solid var(--color-blue-second)}.conclusion{display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr;gap:15px}.conclusion-column{display:flex;flex-direction:column;gap:10px}.saveBtn{padding:12px 20px;background-color:var(--color-blue-second);color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.cancelBtn{padding:12px 20px;background-color:#b7b1ca;color:#fff;border:none;border-radius:4px;font-size:16px;margin-top:10px}.insp-btns{display:flex;justify-content:center;gap:15px}.diagnosesInfo{display:flex;flex-direction:column;gap:7px}.diagnosesInfo strong{font-size:20px}.previousInspections{display:flex;flex-direction:column;gap:10px}.patient-header-inspection h1{color:var(--color-blue)}.patient-name-insp{font-size:larger;line-height:1}.patient-info-insp{display:flex;flex-direction:column;gap:10px}.patient-header-inspection{display:flex;justify-content:space-between;align-items:center}.doc{color:var(--color-gray-second)}.specName{display:flex;flex-direction:row;gap:10px;text-transform:lowercase}.commentText{margin-left:10px;display:flex;flex-direction:row;gap:7px}.comment{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #d7dae9;max-width:40vw;padding-bottom:10px}.commentInfo{display:flex;flex-direction:row;gap:10px}.commentInfo button{all:unset;color:var(--color-blue-second)}.inspection-row-container{display:flex;flex-direction:column;position:relative;width:100%;gap:15px}.inspection-row-container .comment{margin-left:calc(var(--level) * 30px);width:auto}.corner{position:absolute;left:-30px;top:0;width:25px;height:40px;border-left:2px solid #CED4DAFF;border-bottom:2px solid #CED4DAFF;left:calc(var(--level) * 30px - 30px)}.commentForm,.commentEditForm{display:flex;flex-direction:row;gap:10px;width:240%;max-width:1300px;align-items:center}.commentForm input,.commentEditForm input{flex:1;height:38px}.commentForm button{height:38px}.commentEditForm button{background:#fd9500}.modal-inner-container-inspection{position:relative;border-radius:8px;padding:20px 30px;background:#fafdff;box-shadow:0 3px 10px #32313187;gap:15px;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;scrollbar-width:none}.dateReport{display:flex;flex-direction:column;gap:10px}.selectRoot{flex:1}.reportPage{display:flex;gap:20px}.selectRoot .select__multi-value{background-color:var(--color-blue)}.selectRoot .select__multi-value__label,.selectRoot .select__multi-value__remove{color:#fff}