*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0;vertical-align:baseline;list-style:none;line-height:1.5}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;isolation:isolate}table{border-collapse:collapse;border-spacing:0}canvas,img,picture,svg,video{display:block;max-width:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button,input,label{border:none;border-radius:0;background:none}button{cursor:pointer}u{text-underline-position:under}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}pre{white-space:pre-wrap;font-weight:300}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}select,textarea{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}a{color:inherit;text-decoration:none;position:relative;cursor:pointer}a,b,p,span{vertical-align:baseline}body{height:100vh;width:100%;position:relative;display:flex;overflow:hidden}button{padding:8px 16px;background:#ccc;border-radius:4px;font-size:1rem}input[type=email],input[type=password],input[type=text]{width:100%;padding:8px;border:1px solid #ccc;text-align:center;background:#fff;font-size:.875rem}input[type=email]:disabled,input[type=password]:disabled,input[type=text]:disabled{background:#f0f0f0;color:#a0a0a0}input[type=checkbox]{width:24px;padding:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-11);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-5)}*{scrollbar-width:thin;scrollbar-color:var(--color-11) var(--color-2)}:root[data-theme=blue]{--color-bg:#f7f7f7;--color-bg-2:#e0e0e0;--color-1:#000;--color-2:#fff;--color-3:#d9d9d9;--color-4:#bbb;--color-5:#898989;--color-6:#4c4c4c;--color-7:#e4f4df;--color-8:#bbddb0;--color-9:#00adff;--color-10:#dfefff;--color-11:#1f3473;--color-12:red;--color-13:#123506;--color-14:#bbb;--color-15:#eee;--color-16:#f8f9fa;--color-17:#333;--color-18:#cbd6e4;--color-19:#060e35;--color-card-1:#1f3473;--color-card-2:#5674ae;--color-card-3:#cbdfef;--color-gradient-1:linear-gradient(231deg,#89aeca,#1f3473)}:root[data-theme=green]{--color-bg:#f7f7f7;--color-bg-2:#e0e0e0;--color-1:#000;--color-2:#fff;--color-3:#d9d9d9;--color-4:#bbb;--color-5:#898989;--color-6:#4c4c4c;--color-7:#e4f4df;--color-8:#bbddb0;--color-9:#42ff00;--color-10:#4cc82d;--color-11:#35731f;--color-12:red;--color-13:#123506;--color-14:#ddd;--color-15:#eee;--color-16:#f8f9fa;--color-17:#333;--color-18:#ccdbc9;--color-19:#123506;--color-card-1:#35731f;--color-card-2:#778f60;--color-card-3:#e3e8df;--color-gradient-1:linear-gradient(231deg,#9aca89,#108452)}aside{box-shadow:0 2px 4px rgba(58,75,103,.3);display:flex;flex-direction:column;gap:16px;text-align:center;padding:24px 10px;z-index:1;min-width:320px;max-width:320px;position:relative}aside .logo{display:flex;justify-content:center;align-items:center;width:inherit}aside .logo img{scale:1.8}aside .login-user-name{font-size:1.25rem;color:var(--color-11);font-weight:700}aside .patient-btn{padding:16px;text-align:center;border-radius:8px;background:var(--color-11);border:none;box-shadow:0 2px 4px rgba(59,130,246,.3);color:var(--color-2);font-size:1.2rem;font-weight:600}aside .view-date{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-top:10px}aside .view-date button{padding:2px 4px;font-size:.75rem;background:none;border:1px solid var(--color-4)}aside .user-name{font-size:1.25rem;color:var(--color-11);font-weight:700}aside .user-bottom{display:grid;gap:8px}aside .user-bottom button{background:none}aside .patient-table-area{border-radius:8px}aside .patient-table-area p:first-of-type{background:var(--color-3);padding:4px;margin-bottom:8px}aside .patient-table-area .patient-table{text-align:center;width:100%}aside .patient-table-area .patient-table thead{display:table;width:100%;table-layout:fixed;border-bottom:1px solid var(--color-14);margin-bottom:8px}aside .patient-table-area .patient-table thead tr th{padding:8px 0;background:#eee}aside .patient-table-area .patient-table thead tr th:first-of-type{padding-left:8px}aside .patient-table-area .patient-table tbody{display:block;height:150px;overflow-y:auto;gap:10px;display:flex;flex-direction:column;padding-top:4px}aside .patient-table-area .patient-table tbody tr{display:table;width:100%;table-layout:fixed}aside .patient-table-area .patient-table tbody tr:hover{background:var(--color-10);cursor:pointer}aside .patient-table-area .patient-table tbody tr td{text-wrap-mode:nowrap}aside .patient-table-area .patient-table tbody tr td:first-of-type{padding-left:8px}aside .patient-table-area .patient-table tbody tr td a{padding:4px 6px;background:var(--color-10);border-radius:4px;margin:0 4px;border:1px solid #ccc}aside .notice-list .patient-table tbody{height:80px}aside .patient-btn-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:8px}aside .side-area{border:1px solid var(--color-11);padding:8px 4px;box-shadow:0 2px 4px rgba(137,168,219,.3);border-radius:8px}aside .side-area .side-tab{display:flex;justify-content:space-around;padding:8px 0 16px;font-size:15px}aside .side-area .side-tab a,aside .side-area .side-tab button{padding:4px;border-radius:0;border-bottom:2px solid #fff}aside .side-area .side-tab .active{border-bottom:2px solid var(--color-11);background:var(--color-10);border-radius:4px 4px 0 0}@media(max-width:270px){aside .side-area .side-tab a,aside .side-area .side-tab button{letter-spacing:-1px}}aside .side-area .side-tab-area{border-radius:8px;display:grid;gap:16px}aside .patient-area{border-radius:8px;padding:8px}aside .rdp-months .rdp-nav{width:100%;top:0;z-index:2}aside .rdp-months .rdp-nav .rdp-button_previous{position:absolute;left:10px}aside .rdp-months .rdp-nav .rdp-button_next{position:absolute;right:10px}aside .rdp-months .rdp-caption_label{width:100%;text-align:center;justify-content:center;color:var(--color-11);font-size:1rem}aside .rdp-months .rdp-chevron{fill:var(--color-11);border:1px solid var(--color-15);border-radius:4px}aside .rdp-months .rdp-month_grid .rdp-weeks .rdp-week .rdp-day{height:-moz-fit-content;height:fit-content}aside .rdp-day_button{width:32px;height:32px;font-weight:600;font-size:.875rem;color:var(--color-6)}aside .rdp-today:not(.rdp-outside){background-color:var(--color-2)!important;color:var(--color-11)!important}aside .rdp-selected{background:var(--color-2)!important;color:var(--color-11)!important}.collapsed{transform:translateX(-100%);min-width:0;max-width:0;padding:0}.collapsed .current-date-time,.collapsed .login-user-name,.collapsed .logo,.collapsed .patient-area,.collapsed .patient-btn,.collapsed .patient-table-area,.collapsed .theme-button,.collapsed .user-bottom{display:none}.expand-button{position:absolute;left:320px;bottom:0;transform:translateY(-50%);background-color:#dedede!important;color:var(--color-2);border:none;transition:all .3s ease;width:20px;height:60px;border-radius:2px 8px 8px 2px}.collapsed .expand-button{left:0;width:20px;height:60px}.collapsed .side-area{display:none}main{width:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";overflow-x:scroll}main header{display:flex;justify-content:space-between;align-items:center}main header h1{margin:20px 24px;font-size:1.5rem;font-weight:700}main header nav{display:flex;gap:16px;height:100%;align-items:flex-end;justify-content:center;margin-right:24px}main header nav .active{color:var(--color-11);border-bottom:6px solid var(--color-card-1)}main header nav a{font-weight:700;border-bottom:6px solid var(--color-4);padding:0 16px 10px;font-size:1.2rem}main section{padding:16px 24px}main footer{display:flex;justify-content:space-between;margin:16px 32px;align-items:center;color:var(--color-5);font-size:.875rem}.disease-suggestions{position:absolute;top:90%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.disease-suggestions .suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px;transition:background-color .2s ease}.disease-suggestions .suggestion-item.selected,.disease-suggestions .suggestion-item:hover{background-color:#f5f5f5}.disease-suggestions .suggestion-item:last-child{border-bottom:none}.disease-suggestions .suggestion-item .disease-name{font-weight:700;margin-bottom:2px}.disease-suggestions .suggestion-item .disease-code{font-size:12px;color:#666}.telemedicine-ui{padding:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:var(--color-2);border-radius:8px;position:relative}.telemedicine-ui img{width:180px!important}.telemedicine-ui div{display:flex;justify-content:space-between}.telemedicine-ui div .user-name{font-weight:700}.telemedicine-ui .tel-button{background:var(--color-11);color:var(--color-2);padding:8px}.telemedicine-ui .tel-button.disabled{cursor:not-allowed;opacity:.6}.telemedicine-ui .tel-button.disabled,.telemedicine-ui .tel-button.disabled:hover{background:var(--color-14);color:var(--color-5)}.telemedicine-ui .telephone-image{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}@keyframes blink-img{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.telemedicine-ui .blink-animation{animation:blink-img 1.5s infinite}.telemedicine-modal .modal-video{width:100%;padding:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:var(--color-2);border:1px solid var(--color-1);border-radius:10px;box-shadow:0 0 10px 4px var(--color-15)}.meeting-container{height:100%;width:100%;display:contents!important}.meeting-container .patient-video video{border-radius:8px}.meeting-container>div{width:100%;align-items:center;flex-direction:column;justify-content:center}.meeting-container>div p{width:100%;text-align:center}.selected-treatment-card{margin-top:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease}.selected-treatment-card .card-header{padding:16px 20px;background:linear-gradient(135deg,#1d4ed8 0,var(--color-11) 100%);border-bottom:1px solid #e2e8f0}.selected-treatment-card .card-header .status-indicator{display:flex;justify-content:center;align-items:center}.selected-treatment-card .card-header .status-indicator .status-info{display:flex;flex-direction:column;align-items:center;gap:8px}.selected-treatment-card .card-header .status-indicator .status-info .status-badge{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#fff}.selected-treatment-card .card-header .status-indicator .status-info .status-badge svg{flex-shrink:0}.selected-treatment-card .card-header .status-indicator .status-info .appointment-date{display:flex;align-items:center;gap:6px;font-size:14px;color:hsla(0,0%,100%,.9);font-weight:500}.selected-treatment-card .card-header .status-indicator .status-info .appointment-date svg{flex-shrink:0;opacity:.8}.selected-treatment-card .card-header .status-indicator .status-badge{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#fff}.selected-treatment-card .card-header .status-indicator .status-badge svg{flex-shrink:0}.selected-treatment-card .card-content{padding:20px}.selected-treatment-card .card-content .info-section{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.selected-treatment-card .card-content .info-section .info-item{display:flex;flex-direction:column;gap:8px}.selected-treatment-card .card-content .info-section .info-item .info-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#374151;margin-bottom:4px}.selected-treatment-card .card-content .info-section .info-item .info-label svg{color:#6b7280;flex-shrink:0}.selected-treatment-card .card-content .info-section .info-item .info-value{padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.5;color:#1f2937;min-height:20px;word-break:break-word}.selected-treatment-card .card-content .info-section .info-item .info-value:empty:before{content:"없음";color:#9ca3af;font-style:italic}.selected-treatment-card .card-content .card-actions{display:flex;justify-content:center}.selected-treatment-card .card-content .card-actions .add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(59,130,246,.3)}.selected-treatment-card .card-content .card-actions .add-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.4)}.selected-treatment-card .card-content .card-actions .add-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(59,130,246,.3)}.selected-treatment-card .card-content .card-actions .add-button svg{flex-shrink:0}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding:8px}.pagination-container .pagination-info{font-size:.875rem;color:var(--color-5);font-weight:500}.pagination-container .pagination-controls{display:flex;align-items:center;gap:4px}.pagination-container .pagination-controls .pagination-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:36px;justify-content:center;height:-moz-fit-content;height:fit-content}.pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-15);color:var(--color-4)}.pagination-container .pagination-controls .pagination-btn.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11);font-weight:600}.pagination-container .pagination-controls .pagination-btn.active:hover{background:var(--color-11);color:var(--color-2)}.pagination-container .pagination-controls .pagination-btn.next-btn,.pagination-container .pagination-controls .pagination-btn.prev-btn{min-width:60px}.pagination-container .pagination-controls .pagination-btn svg{flex-shrink:0;width:14px;height:14px}.recharts-pie-sector path{stroke:var(--color-2)}.recharts-radar-polygon path{fill:var(--color-11);stroke:var(--color-11)}.recharts-responsive-container .recharts-wrapper{height:240px!important}.recharts-active-dot,.recharts-active-dot:active,.recharts-active-dot:focus,.recharts-active-dot:hover,.recharts-area,.recharts-area:active,.recharts-area:focus,.recharts-area:hover,.recharts-bar,.recharts-bar:active,.recharts-bar:focus,.recharts-bar:hover,.recharts-cartesian-axis-label,.recharts-cartesian-axis-label:active,.recharts-cartesian-axis-label:focus,.recharts-cartesian-axis-label:hover,.recharts-cartesian-axis-line,.recharts-cartesian-axis-line:active,.recharts-cartesian-axis-line:focus,.recharts-cartesian-axis-line:hover,.recharts-cartesian-axis-tick,.recharts-cartesian-axis-tick-line,.recharts-cartesian-axis-tick-line:active,.recharts-cartesian-axis-tick-line:focus,.recharts-cartesian-axis-tick-line:hover,.recharts-cartesian-axis-tick:active,.recharts-cartesian-axis-tick:focus,.recharts-cartesian-axis-tick:hover,.recharts-cartesian-grid-horizontal,.recharts-cartesian-grid-horizontal:active,.recharts-cartesian-grid-horizontal:focus,.recharts-cartesian-grid-horizontal:hover,.recharts-cartesian-grid-vertical,.recharts-cartesian-grid-vertical:active,.recharts-cartesian-grid-vertical:focus,.recharts-cartesian-grid-vertical:hover,.recharts-default-legend,.recharts-default-legend:active,.recharts-default-legend:focus,.recharts-default-legend:hover,.recharts-dot,.recharts-dot:active,.recharts-dot:focus,.recharts-dot:hover,.recharts-legend-wrapper,.recharts-legend-wrapper:active,.recharts-legend-wrapper:focus,.recharts-legend-wrapper:hover,.recharts-line,.recharts-line:active,.recharts-line:focus,.recharts-line:hover,.recharts-reference-line,.recharts-reference-line:active,.recharts-reference-line:focus,.recharts-reference-line:hover,.recharts-responsive-container,.recharts-responsive-container:active,.recharts-responsive-container:focus,.recharts-responsive-container:hover,.recharts-surface,.recharts-surface:active,.recharts-surface:focus,.recharts-surface:hover,.recharts-tooltip-wrapper,.recharts-tooltip-wrapper:active,.recharts-tooltip-wrapper:focus,.recharts-tooltip-wrapper:hover,.recharts-wrapper,.recharts-wrapper:active,.recharts-wrapper:focus,.recharts-wrapper:hover,.recharts-xAxis,.recharts-xAxis:active,.recharts-xAxis:focus,.recharts-xAxis:hover,.recharts-yAxis,.recharts-yAxis:active,.recharts-yAxis:focus,.recharts-yAxis:hover,[class*=recharts],[class*=recharts]:active,[class*=recharts]:focus,[class*=recharts]:hover{outline:none!important;border:none!important}.user-info .info{background:var(--color-2);border:1px solid var(--color-11);border-radius:8px;padding:8px 16px}.user-info .info p{width:100%;overflow:hidden;-webkit-text-decoration:auto;text-decoration:auto;line-height:1}.user-info .info .details{display:flex;gap:8px;flex-wrap:wrap}.user-info .info .details li{display:inline-flex;gap:8px;border-right:1px solid var(--color-4);padding-right:8px}.user-info .info .details li:last-of-type{border-right:none}.user-info .info .details li span{color:var(--color-11);font-weight:700}.user-info .info .additional-info{margin-top:8px}main .medication-management .title-area .date-picker-container,main .symptom-monitoring .title-area .date-picker-container{position:absolute;top:40px;right:40px;background:var(--color-2);padding:1rem;border-radius:8px;border:1px solid var(--color-4);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column;gap:1rem;max-height:unset}main .medication-management .title-area .date-picker-container .date-picker-container-inner,main .symptom-monitoring .title-area .date-picker-container .date-picker-container-inner{display:flex;gap:8px;max-height:unset}main .medication-management .title-area .mantine-DatePicker-monthRow .mantine-focus-auto[data-autofocus=true],main .symptom-monitoring .title-area .mantine-DatePicker-monthRow .mantine-focus-auto[data-autofocus=true]{background-color:var(--color-11);color:var(--color-2)}main .medication-management .title-area .date-picker,main .symptom-monitoring .title-area .date-picker{width:100%;min-width:200px}main .medication-management .title-area .date-picker .mantine-focus-auto,main .symptom-monitoring .title-area .date-picker .mantine-focus-auto{padding:4px 0}main .medication-management .title-area .date-picker-button,main .symptom-monitoring .title-area .date-picker-button{padding:.5rem 1rem;background-color:var(--color-11);color:var(--color-2);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}main .medication-management .title-area .date-picker-button:hover,main .symptom-monitoring .title-area .date-picker-button:hover{background-color:var(--color-13)}.calendar-area-pick{width:100%;padding:0 16px}.weekly-calendar .week-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.weekly-calendar .week-navigation .nav-button{color:var(--color-11);border:none;border-radius:6px;padding:8px 0;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.weekly-calendar .week-navigation .nav-button:hover{color:var(--color-1);transform:translateY(-1px)}.weekly-calendar .week-navigation .nav-button:active{transform:translateY(0)}.weekly-calendar .week-navigation .week-display{font-weight:600;font-size:1rem;color:var(--color-11);text-align:center}.weekly-calendar .week-grid{margin-bottom:16px}.weekly-calendar .week-grid .week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;align-items:center;width:100%}.weekly-calendar .week-grid .week-header .day-header{text-align:center;font-weight:600;font-size:.875rem;color:var(--color-5);padding:8px 4px;border-bottom:1px solid var(--color-4)}.weekly-calendar .week-grid .week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:center;width:100%}.weekly-calendar .week-grid .week-days .day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;border:2px solid transparent}.weekly-calendar .week-grid .week-days .day-cell:hover:not(.disabled){background-color:var(--color-4);transform:translateY(-1px)}.weekly-calendar .week-grid .week-days .day-cell .day-number{font-size:1rem;font-weight:500;color:var(--color-5)}.weekly-calendar .week-grid .week-days .day-cell .today-indicator{font-size:.625rem;color:var(--color-11);font-weight:600;margin-top:2px}.weekly-calendar .week-grid .week-days .day-cell.selected{background-color:var(--color-11);border-color:var(--color-11)}.weekly-calendar .week-grid .week-days .day-cell.selected .day-number{color:#fff;font-weight:600}.weekly-calendar .week-grid .week-days .day-cell.selected .today-indicator{color:#fff}.weekly-calendar .week-grid .week-days .day-cell.today{border-color:var(--color-11)}.weekly-calendar .week-grid .week-days .day-cell.today .day-number{color:var(--color-2);font-weight:600}.weekly-calendar .week-grid .week-days .day-cell.disabled{cursor:not-allowed;opacity:.4}.weekly-calendar .week-grid .week-days .day-cell.disabled .day-number{color:var(--color-4)}.weekly-calendar .week-grid .week-days .today-indicator{display:none}.weekly-calendar .week-grid .week-days .today .day-number{color:var(--color-11)!important}.weekly-calendar .week-grid .week-days .selected .day-number{color:var(--color-2)!important}.weekly-calendar .today-button{width:100%;background:var(--color-3);color:var(--color-5);border:1px solid var(--color-4);border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.weekly-calendar .today-button:hover{background-color:var(--color-11);color:var(--color-11)}.wizard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px}.wizard-container.no-padding{padding:0}.wizard-container .wizard-steps-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.wizard-container .wizard-step{display:flex;align-items:center;justify-content:center;width:250px;min-width:250px;min-height:32px;border-radius:8px;border:1px solid;transition:all .3s ease;position:relative;overflow:visible}.wizard-container .wizard-step.expanded{width:250px;min-width:250px}.wizard-container .wizard-step .wizard-step-number{position:relative;font-size:14px;font-weight:700;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%;min-height:32px;padding:10px}.wizard-container .wizard-step .wizard-step-number .wizard-step-status-text{font-size:.75rem;position:absolute;top:-24px;left:-32px;color:red;text-align:center;width:100px}.wizard-container .wizard-step .wizard-step-number .wizard-step-details{width:100%;overflow:hidden}.wizard-container .wizard-step .wizard-step-number .wizard-step-details.collapsed{max-height:0;opacity:0;margin-top:0}.wizard-container .wizard-step .wizard-step-number .wizard-step-details.expanded{height:90px;max-height:100px;opacity:1;margin-top:4px}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content{padding:8px 0;font-size:12px;width:100%;border-top:1px solid rgba(0,0,0,.1)}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content .wizard-step-details .wizard-detail-date{display:flex;align-items:center;flex-wrap:wrap;gap:4px;text-align:left;margin-bottom:6px;font-size:.875rem}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content .wizard-step-details .wizard-detail-date .wizard-detail-label{margin-right:8px;min-width:45px;text-align:right}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content .wizard-step-details .wizard-detail-date .wizard-detail-value{flex:1;font-size:14px;letter-spacing:0}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content .wizard-detail-button{background-color:hsla(0,0%,100%,.7);color:var(--color-1);border:1px solid var(--color-5);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .3s ease;box-shadow:0 2px 4px rgba(58,75,103,.3)}.wizard-container .wizard-step .wizard-step-number .wizard-step-details .wizard-details-content .wizard-detail-button:hover{background-color:#fff}.wizard-container .wizard-step.current{background-color:var(--color-10);border-color:var(--color-11);color:var(--color-11);box-shadow:0 2px 4px rgba(0,0,0,.1)}.wizard-container .wizard-step.upcoming{background-color:var(--color-2);border-color:var(--color-3);color:var(--color-5);box-shadow:0 2px 4px rgba(0,0,0,.1)}.wizard-container .wizard-step.time-expired{background-color:var(--color-3)!important;border:1px solid var(--color-4)!important;color:var(--color-1)!important}.wizard-container .wizard-step.completed{background-color:#f0f0f0!important;border-color:#d3d3d3!important;color:#898989!important}.wizard-container .wizard-connector{flex-grow:1;margin:8px 16px 8px 8px;height:10px;transition:background-color .3s ease;max-width:50px;min-width:14px;position:relative;border-radius:2px}.wizard-container .wizard-connector.completed,.wizard-container .wizard-connector.current{background-color:var(--color-11)}.wizard-container .wizard-connector.upcoming{background-color:#d3d3d3}.wizard-container .wizard-connector:after{content:"";position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid var(--color-11)}.wizard-container .wizard-connector.completed:after,.wizard-container .wizard-connector.current:after{border-left-color:var(--color-11)}.wizard-container .wizard-connector.upcoming:after{border-left-color:#d3d3d3}.wizard-container .wizard-step-label{font-weight:700;padding:4px 12px;border-radius:12px;color:#fff}.wizard-container .wizard-step-label.status-cancelled,.wizard-container .wizard-step-label.status-no_show{background-color:#e74c3c}.wizard-container .wizard-step-label.status-예약-없음{color:var(--color-5)}.wizard-container .wizard-step-container{border-left:1px solid #000;margin-left:16px;padding-left:16px}.wizard-container .wizard-more-container{margin-left:16px;display:flex;align-items:center}.wizard-container .wizard-more-container .wizard-more-button{background-color:var(--color-11);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.wizard-container .wizard-more-container .wizard-more-button:hover{background-color:var(--color-18);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}@media(max-width:1199px){.wizard-container .wizard-step{width:30px}}@media(min-width:1200px){.wizard-container .wizard-step{width:60px}.wizard-container .wizard-step .wizard-step-number .step-text,.wizard-container .wizard-step .wizard-step-number span:not(.wizard-step-status-text):not(.tooltip-text):not(.step-text){display:inline!important}.wizard-container .wizard-step-label,.wizard-container .wizard-step-status-text{display:block!important}}.appointment-reserve-button{background-color:var(--color-10);color:var(--color-11);border:1px solid var(--color-11);font-weight:700;padding:8px 16px;border-radius:6px;cursor:pointer;min-width:80px}.appointment-reserve-button:hover{box-shadow:0 4px 8px #ddd}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-bg);box-shadow:0 0 20px rgba(0,0,0,.5);transition:right .5s ease-in-out;z-index:99999;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;overflow:auto;border-radius:8px;height:auto}.modal .modal-content-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;box-shadow:0 0 12px rgba(0,0,0,.3)}.modal .modal-content-header a,.modal .modal-content-header button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5);border-radius:4px}.modal .modal-content-header a{padding:7px 16px;margin-right:12px}.modal .modal-content-header .modal-title{font-size:1.2rem;font-weight:700}.modal .modal-content-header .modal-content-header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.modal .modal-content-header .modal-content-header-right button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2)}.modal .modal-content{padding:40px 24px;height:800px;width:900px;overflow:scroll;display:flex;flex-direction:column;gap:40px;align-items:center}.modal .modal-content img{max-width:-moz-fit-content;max-width:fit-content}.modal-open{overflow:hidden}@media print{.modal-content-header,.statusModal-overlay{display:none!important}.modal{position:static!important;transform:none!important;box-shadow:none!important;max-width:100%!important;width:100%!important}.modal-content{height:auto!important;width:100%!important;overflow:visible!important;padding:0!important}}.statusModal{position:fixed;top:0;right:0;width:420px;height:100%;background-color:var(--color-bg);box-shadow:0 0 20px rgba(0,0,0,.5);transition:right .5s ease-in-out;z-index:1000;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:24px;gap:24px;overflow:scroll}.statusModal .statusModal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.statusModal .statusModal-header .modal-title{color:var(--color-11)}.statusModal .statusModal-header a{color:var(--color-2);box-shadow:0 0 4px rgba(0,0,0,.5);background:var(--color-11);border:1px solid var(--color-1);padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:700}.statusModal .modal-title{font-size:1.2rem;font-weight:700}.statusModal .modal-actions .close-btn{color:var(--color-11);background:var(--color-2);border:1px solid var(--color-1);padding:2px 8px;border-radius:4px;font-size:.875rem;font-weight:700;margin-left:8px}.statusModal .status-details{width:100%}.statusModal .status-details .medical-records-table{margin-top:8px}.statusModal .status-details .medical-records-table .loading,.statusModal .status-details .medical-records-table .no-records{text-align:center;padding:16px;color:var(--color-5);font-size:.875rem;border:1px solid var(--color-4);border-radius:6px;background:var(--color-2)}.statusModal .status-details .medical-records-table .no-records{width:100%}.statusModal .status-details .medical-records-table .table-diseases{width:100%;text-align:center}.statusModal .status-details .medical-records-table .table-diseases td,.statusModal .status-details .medical-records-table .table-diseases th{border-bottom:1px solid var(--color-4);padding:8px 0;outline:1px solid var(--color-4);background:var(--color-2)}.statusModal .status-details .medical-records-table .table-diseases tbody tr,.statusModal .status-details .medical-records-table .table-diseases thead tr{display:grid;grid-template-columns:110px 2fr 1.1fr;width:100%;text-wrap:nowrap}.statusModal .status-details .medical-records-table .table-diseases.treatment-records-table tbody tr,.statusModal .status-details .medical-records-table .table-diseases.treatment-records-table thead tr{grid-template-columns:110px 1fr}.statusModal .status-details .medical-records-table .table-diseases.treatment-records-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:0 16px;gap:8px;font-size:.875rem;text-align:left}.statusModal .status-details .medical-records-table .table-diseases.treatment-records-table tbody tr td button{padding:4px 16px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);font-size:.75rem;height:-moz-fit-content;height:fit-content;align-self:flex-start}.statusModal .status-details .medical-records-table .table-diseases thead tr th{background-color:var(--color-18)}.statusModal .status-details .medical-records-table .table-diseases thead tr th:first-child{border-radius:4px 0 0 0}.statusModal .status-details .medical-records-table .table-diseases thead tr th:last-child{border-radius:0 4px 0 0}.statusModal .status-details .medical-records-table .table-diseases tbody tr td{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.875rem;padding:8px}.statusModal .status-details .medical-records-table .table-diseases tbody tr td:nth-of-type(2){padding:8px 16px}.statusModal .status-details .medical-records-table .table-diseases tbody tr td button{padding:4px 16px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);font-size:.75rem;height:-moz-fit-content;height:fit-content}.statusModal .status-details .medical-records-table .table-diseases tbody tr td .prescription-sent{color:var(--color-11);font-weight:700;font-size:.75rem}.statusModal .status-details .medical-records-table .table-diseases tbody tr td .prescription-none{color:var(--color-5);font-size:.75rem}.statusModal .status-details .medical-records-table .pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:12px;padding:8px 0}.statusModal .status-details .medical-records-table .pagination .page-btn{padding:4px 8px;border:1px solid var(--color-4);background:var(--color-2);color:var(--color-5);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-width:32px;height:28px}.statusModal .status-details .medical-records-table .pagination .page-btn:hover:not(:disabled){background:var(--color-15);border-color:var(--color-11)}.statusModal .status-details .medical-records-table .pagination .page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-15)}.statusModal .status-details .medical-records-table .pagination .page-btn.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11);font-weight:700}.statusModal .status-details ul{display:grid;gap:24px;width:100%}.statusModal .status-details ul li{display:flex;position:relative}.statusModal .status-details ul li p:first-of-type{border-radius:6px 0 0 6px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.statusModal .status-details ul li p:nth-of-type(2){border-radius:0 6px 6px 0}.statusModal .status-details ul li:last-of-type p:before{content:none}.statusModal .status-details ul li .select-btn,.statusModal .status-details ul li p{border:1px solid var(--color-4);padding:8px 6px;width:100%;text-align:center;background:var(--color-2);font-size:.875rem}.statusModal .status-details ul li .select-btn:has(button),.statusModal .status-details ul li p:has(button){padding:4px}.statusModal .status-details ul li b{font-size:1.12rem}.statusModal .status-details ul li .select-calendar-modal{position:absolute;background:var(--color-2);top:40px;z-index:2;right:0;border:1px solid;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-shadow:0 0 10px var(--color-4)}.statusModal .status-details ul li .select-calendar-modal .time-selector{width:93%;padding:8px;border-radius:8px;border:1px solid var(--color-1);margin-bottom:8px}.statusModal .status-details ul li .select-calendar-modal .time-selector .time{padding:4px 8px;border:1px solid var(--color-1);border-radius:4px}.statusModal .status-details ul li .select-calendar-modal .select-calendar-header{display:flex;padding:6px;width:100%;justify-content:space-between;align-items:center}.statusModal .status-details ul li .select-calendar-modal .select-calendar-header b{color:var(--color-11)}.statusModal .status-details ul li .select-calendar-modal .rdp-root{border:1px solid;padding:8px;border-radius:8px}.statusModal .status-details ul li .select-calendar-modal .rdp-root .rdp-months .rdp-today:not(.rdp-outside){color:var(--color-11);font-weight:700}.statusModal .status-details ul li .select-calendar-modal .rdp-root .rdp-months nav button .rdp-chevron{fill:var(--color-11)}.statusModal .status-details ul li .select-calendar-modal p{width:auto}.statusModal .status-details ul li .select-calendar-modal .btn-area{display:flex;justify-content:center;width:100%;padding:10px 20px;gap:10px}.statusModal .status-details ul li .select-calendar-modal .btn-area button{background:var(--color-2);color:var(--color-5);font-weight:700;font-size:.875rem;border:1px solid var(--color-5)}.statusModal .status-details ul li .select-calendar-modal .reset-btn{padding:2px 6px;background:none;border:1px solid var(--color-14);color:var(--color-3);font-size:.875rem}.statusModal .status-details ul li:nth-of-type(n+7) .select-calendar-modal{bottom:40px;top:auto}.statusModal .status-details ul li .active-btn{background:var(--color-11);color:var(--color-2);width:98%;border:1px solid var(--color-1);animation:blink 1.5s ease-in-out infinite;padding:4px 8px;box-shadow:0 0 4px rgba(0,0,0,.5)}.statusModal .status-details ul li .app-test-btn{width:auto;color:var(--color-6);background:var(--color-10);border:1px solid var(--color-5);padding:2px 8px;border-radius:4px;font-size:.875rem;font-weight:700;animation:none}.statusModal .status-details ul li .app-test-btn.disabled,.statusModal .status-details ul li .app-test-btn:disabled{background:#898989;color:#fff;border:1px solid var(--color-5);cursor:not-allowed;opacity:.7}.statusModal .modal-bottom{width:100%;height:50px;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px}.statusModal .modal-bottom button{width:100%;background:var(--color-11);color:var(--color-2);border:1px solid var(--color-1);padding:8px}.statusModal .modal-bottom .close-btn{background:var(--color-bg);color:var(--color-1);border:1px solid}.statusModal .editing-mode{background:#5674ae!important;color:var(--color-2)!important;font-weight:700!important;border:1px solid var(--color-11)!important;border-radius:0 6px 6px 0!important}.statusModal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.select-btn{padding:10px;border:1px solid transparent;cursor:pointer}.highlight .select-btn,.highlight p{border:2px solid var(--color-1)!important;background:var(--color-11)!important;color:var(--color-2)!important}.highlight p:first-of-type{border-right:none!important}.patient-img{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:24px;border:1px solid var(--color-4);padding:18px;border-radius:8px}.patient-img canvas,.patient-img img,.patient-img video{height:190px;border:1px solid var(--color-4);border-radius:8px;text-align:center}.patient-img video{border:1px solid var(--color-4);width:100%;background:var(--color-14)}.patient-img video:before{content:"사진을 촬영해주세요.";display:block;padding-top:100%;text-align:center;font-size:1.2rem;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%}.patient-img button{width:100%}.patient-img .patient-img-button{display:flex;gap:8px;width:100%}.patient-img .patient-img-button button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5)}.patient-img .border-right-none{border-right:none}.verification-container{width:100%}.verification-form{display:flex;flex-direction:column;gap:1rem}.verification-form .form-group{display:flex;flex-direction:column;gap:.5rem}.verification-form input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;width:100%}.verification-form input:focus{outline:none;border-color:var(--color-11);box-shadow:0 0 0 2px rgba(var(--color-11-rgb),.1)}.verification-form .verification-button{background-color:var(--color-11);color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;width:100%;margin-top:1rem;transition:background-color .2s}.verification-form .verification-button:disabled{background-color:#9ca3af;cursor:not-allowed}.verification-form .skip-verification{text-align:right;font-weight:700}.verification-form .skip-verification .skip-verification-link{background:none;border:none;color:var(--color-11);font-size:.875rem;border-radius:.25rem;transition:color .2s;margin:0;text-align:right;padding:4px}.verification-form .skip-verification .skip-verification-link:disabled{cursor:not-allowed;color:var(--color-4);font-weight:400}.verification-form .check-hp{text-align:center;font-size:1rem;margin-top:.25rem;height:24px}.verification-form .check-hp .error{color:#ef4444}.verification-form .check-hp .success{color:var(--color-11)}.patientModal{width:100%}.patientModal ul{display:grid;gap:24px;width:100%}.patientModal ul li{display:flex;position:relative;align-items:center}.patientModal ul li input{text-align:left;border-radius:0 4px 4px 0}.patientModal ul li .selected{background:var(--color-1);color:var(--color-2)}.patientModal ul li .gender-radio-group{display:flex;width:100%;gap:8px;align-items:center;justify-content:center;padding:0 0 0 8px}.patientModal ul li .gender-radio-group input[type=radio]{display:none}.patientModal ul li .gender-radio-group label{padding:7px 20px;border:1px solid var(--color-4);border-radius:4px;cursor:default;width:100%;text-align:center}.patientModal ul li .gender-radio-group label.peer-checked{background-color:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.patientModal ul li .gender-radio-group input[type=radio]+label{background-color:var(--color-2);color:var(--color-11);border-color:var(--color-4)}.patientModal ul li .gender-radio-group input[type=radio]:checked+label{background-color:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.patientModal ul li p{border:1px solid var(--color-4);padding:8px 6px;width:100%;text-align:center;background:var(--color-2);font-size:.875rem}.patientModal ul li p:first-of-type{border-radius:6px 0 0 6px;position:relative;background:var(--color-15);width:60%}.patientModal ul li p:nth-of-type(2){border-radius:0 6px 6px 0}.patientModal ul li .border-right-none{border-right:none}.patientModal ul li .patient-edit-modal-phone{width:58%!important}.patientModal ul li label input{width:32px;padding:8px;margin-bottom:4px}.patientModal ul li .verification-btn{background:var(--color-bg);color:var(--color-1);border:1px solid;width:100%}.patientModal ul li .phone-input-container{display:flex;gap:8px;width:100%}.patientModal ul li .phone-input-container input{padding:8px 12px;text-align:left;background-color:var(--color-2);font-size:.875rem}.patientModal ul li .phone-input-container .change-phone-btn{position:absolute;right:6px;top:6px;padding:2px 8px;background:var(--color-11);border:1px solid var(--color-11);border-radius:4px;font-size:14px;color:#fff}.patientModal ul li .phone-input-container .check-duplicate-btn{padding:8px 12px;background-color:var(--color-11);color:var(--color-2);border:1px solid var(--color-11);border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.patientModal ul li .phone-input-container .check-duplicate-btn:hover{opacity:.9}.patientModal ul li .phone-input-container .check-duplicate-btn:disabled{opacity:.7;cursor:not-allowed}.patientModal ul li .phone-input-container .check-duplicate-btn.available{background-color:var(--color-2);color:var(--color-11);border:1px solid var(--color-11)}.patientModal ul li .check-result{position:absolute;right:0;top:40px;font-size:.75rem;padding:4px 8px;border-radius:4px}.patientModal ul li .check-result.error{color:var(--color-12)}.patientModal ul li .check-result.success{color:var(--color-11)}.patientModal ul li .phone-success{position:absolute;padding:3px;width:60px;right:6px;top:6px;font-size:12px;border-radius:4px;color:var(--color-5);border:1px solid var(--color-3)}.patientModal ul li .error,.patientModal ul li .success{position:absolute;right:0;top:40px;font-size:.75rem;padding:4px 8px;border-radius:4px}.patientModal ul li .error.error,.patientModal ul li .success.error{color:var(--color-12)}.patientModal ul li .error.success,.patientModal ul li .success.success{color:var(--color-11)}.patientModal .new-patient li .patient-modal-title{border-right:none}.patientModal .new-patient li input{border:1px solid var(--color-4);border-radius:0 6px 6px 0;padding:8px;text-align:left;background:var(--color-2);font-size:.875rem}.patientModal .new-patient li .phone-success{position:absolute;padding:3px;width:60px;right:6px;top:6px;font-size:12px;border-radius:4px;color:var(--color-5);border:1px solid var(--color-3)}.patientModal .new-patient li .error,.patientModal .new-patient li .success{position:absolute;right:0;color:var(--color-12);font-size:.75rem;padding:0;background:none;border:none;text-align:right;top:40px}.patientModal .new-patient li .success{color:var(--color-11)}.patientModal .new-patient li .disabled-input{opacity:.5;color:var(--color-5)}.patientModal .read-only-field{opacity:.5;position:relative}.registration-modal-image{mix-blend-mode:darken}.receptionModal{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.receptionModal .reception-modal-image{width:80%;border-radius:10px;mix-blend-mode:darken}.receptionModal ul{width:100%;display:grid;gap:16px}.receptionModal ul li{display:flex;position:relative}.receptionModal ul li p{border-radius:6px 0 0 6px;width:50%;padding:8px;text-align:center;background:var(--color-15);font-size:.875rem;border:1px solid var(--color-4);border-right:none}.receptionModal ul li input[type=date],.receptionModal ul li input[type=text],.receptionModal ul li input[type=time],.receptionModal ul li select{border-radius:0 6px 6px 0;padding:8px;border:1px solid var(--color-4);width:100%;text-align:center;background:var(--color-2);font-size:.875rem}.receptionModal ul li .patient-title-51{width:51%}.receptionModal ul li .patient-info-active{border-radius:0 6px 6px 0;color:var(--color-11);font-weight:700;background:var(--color-15)}.receptionModal ul li .calendar-container{position:absolute;right:0;top:40px;background:var(--color-2);border-radius:4px;border:1px solid var(--color-1);box-shadow:0 4px 4px 4px var(--color-4);z-index:2;display:flex;justify-content:center;align-items:center;width:auto;padding:16px}.receptionModal ul li .time-selector{display:flex;align-items:center;gap:6px;padding:0 10px 0 14px}.receptionModal ul li .time-selector .ampm-buttons{display:flex;gap:4px}.receptionModal ul li .time-selector .time-select{background:var(--color-2);color:var(--color-5);font-weight:700;font-size:.875rem;border:1px solid var(--color-1);padding:8px 0;min-width:80px;border-radius:4px}.receptionModal ul li .time-selector .time-select:hover{border-color:var(--color-11)}.receptionModal ul li .time-selector .time-divider{font-weight:700;color:var(--color-5)}.receptionModal ul li .mantine-Autocomplete-root{width:104%}.receptionModal ul li .mantine-Autocomplete-root .mantine-Autocomplete-input{border-radius:0 6px 6px 0;padding:19px;border:1px solid var(--color-4);width:100%;text-align:center;background:var(--color-2);font-size:.875rem}.receptionModal .patient-search-container{position:relative;width:100%}.receptionModal .patient-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:4px;padding:0;list-style:none;z-index:1000;box-shadow:0 0 10px rgba(0,0,0,.3);gap:2px;max-height:300px;overflow:scroll}.receptionModal .patient-list li{font-size:.875rem;padding:8px 12px;cursor:pointer}.receptionModal .patient-list li:hover{background-color:var(--color-15)}.receptionModal .patient-list li .before-date{font-size:.75rem;color:var(--color-5)}.receptionModal .physician-selector{width:100%}.receptionModal .physician-selector input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background-color:#fff}.receptionModal .physician-selector .physician-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;border:1px solid var(--color-1);gap:2px}.receptionModal .physician-selector .physician-list li{padding:8px;cursor:pointer;border-bottom:1px solid #eee}.receptionModal .department-selector{width:100%;border:1px solid var(--color-4);border-radius:0 6px 6px 0;cursor:pointer;background-color:#fff}.receptionModal .department-selector input{border:none!important}.receptionModal .department-selector .department-list{gap:2px;position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;border:1px solid var(--color-1)}.receptionModal .department-selector .department-list li{padding:8px;cursor:pointer;border-bottom:1px solid #eee}.receptionModal .time-dropdown{width:102px;outline:1px solid var(--color-4);border-radius:4px;cursor:pointer;border:none}.receptionModal .time-dropdown input{border:none!important}.receptionModal .time-dropdown .time-list{gap:2px;position:absolute;top:100%;left:0;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;width:100%;border:1px solid var(--color-1)}.receptionModal .time-dropdown .time-list li{justify-content:center}.success-modal-wrapper{position:fixed;top:0;left:calc(100vw - 420px);width:420px;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;margin:0;padding:0}.sub-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);z-index:1;pointer-events:auto}.remote-test-ny-modal{width:60%;position:relative;background:var(--color-2);padding:32px 16px;border-radius:8px;display:grid;gap:20px;align-items:center;justify-content:center;text-align:center;color:var(--color-11);border:1px solid var(--color-11);z-index:2;box-shadow:0 0 20px rgba(0,0,0,.3);pointer-events:auto}.remote-test-ny-modal .remote-test-ny-modal-content{display:grid;gap:8px;font-size:1.2rem}.remote-test-ny-modal .remote-test-ny-modal-content .ny-title{font-weight:700;font-size:1.5rem}.remote-test-ny-modal .remote-test-ny-modal-content .ny-q{padding-top:32px;border-top:1px solid;margin-top:32px}.remote-test-ny-modal button{margin:0 8px;padding:8px 24px;background:var(--color-2);color:var(--color-11);border-radius:4px;border:1px solid var(--color-11)}.remote-test-ny-modal button:first-of-type{background:var(--color-11);color:var(--color-2)}.deviceModal{width:100%}.deviceModal .owned-radio-group{display:flex;width:100%;gap:8px;align-items:center;justify-content:center;padding:0 8px}.deviceModal .owned-radio-group input[type=radio]:checked+label{background-color:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.deviceModal .owned-radio-group input[type=radio]{display:none}.deviceModal .owned-radio-group label{padding:7px 14px;border:1px solid var(--color-4);border-radius:4px;background-color:var(--color-2);cursor:pointer;transition:background-color .3s,color .3s;width:100%;text-align:center}.deviceModal .device-add-form{display:flex;flex-direction:column;gap:24px}.deviceModal .device-add-form input{padding:8px 12px;border:1px solid var(--color-5);border-radius:4px}.deviceModal .device-add-form button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-4);color:var(--color-1);width:-moz-fit-content;width:fit-content}.deviceModal .device-add-form ul{width:100%;display:grid;gap:24px}.deviceModal .device-add-form ul li{display:flex}.deviceModal .device-add-form ul li p{border:1px solid var(--color-4);border-radius:6px 0 0 6px;width:100%;padding:8px;text-align:center;background:var(--color-15);font-size:.875rem}.deviceModal .device-add-form ul li input[type=date],.deviceModal .device-add-form ul li input[type=text],.deviceModal .device-add-form ul li input[type=time]{border-radius:0 6px 6px 0;padding:8px;border:1px solid var(--color-4);width:100%;text-align:center;background:var(--color-2)}.deviceModal .device-add-form ul li span{padding-left:8px}.inquiry-content{width:100%}.inquiry-content ul li{margin-bottom:16px}.inquiry-content ul li input,.inquiry-content ul li textarea{border:1px solid var(--color-1);border-radius:4px;text-align:left;padding:8px 12px;width:100%;margin-top:10px}.inquiry-content ul li textarea{height:360px}.remote-test-modal .description{border:1px solid var(--color-1);background:var(--color-15);padding:16px;border-radius:8px;display:grid;gap:4px}.remote-test-modal .patient-telemedicine{margin-top:24px}.remote-test-modal .patient-telemedicine .patient-telemedicine-top{display:none}.remote-test-modal .patient-telemedicine .content{display:flex;justify-content:center;align-items:center;flex-direction:column}.remote-test-modal .patient-telemedicine .content .ui{zoom:1.2}.remote-test-modal .patient-telemedicine .content .ui .tel-button-area{flex-direction:column;gap:8px}.remote-test-modal .patient-telemedicine .content .ui .tel-button-area div{gap:8px}.remote-test-modal .patient-telemedicine .content .ui .tel-button-area div button{padding:8px;width:100%;font-size:.75rem}.remote-test-modal .patient-telemedicine .content .status{display:none}.prescription-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-bg);box-shadow:0 0 20px rgba(0,0,0,.5);transition:right .5s ease-in-out;z-index:99999;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;overflow:auto;border-radius:8px;height:auto}.prescription-modal .prescription-modal-content-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;box-shadow:0 0 12px rgba(0,0,0,.3)}.prescription-modal .prescription-modal-content-header a,.prescription-modal .prescription-modal-content-header button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5);border-radius:4px}.prescription-modal .prescription-modal-content-header a{padding:7px 16px;margin-right:12px}.prescription-modal .prescription-modal-content-header .prescription-modal-title{font-size:1.2rem;font-weight:700}.prescription-modal .prescription-modal-content-header .prescription-modal-content-header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.prescription-modal .prescription-modal-content-header .prescription-modal-content-header-right button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2)}.prescription-modal .prescription-modal-content{padding:40px 24px;height:800px;width:900px;overflow:scroll;display:flex;flex-direction:column;gap:40px;align-items:center}.prescription-modal .prescription-modal-content img{max-width:-moz-fit-content;max-width:fit-content}.prescription-modal .prescription-modal-content .prescription-pharmacy-info{display:flex;flex-direction:column;gap:8px;background:var(--color-2);border-radius:8px;padding:16px;border:1px solid var(--color-1);max-width:800px;width:100%}.prescription-modal .prescription-modal-content .prescription-pharmacy-info a,.prescription-modal .prescription-modal-content .prescription-pharmacy-info button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5);border-radius:4px}.prescription-modal .prescription-modal-content .prescription-pharmacy-info .prescription-pharmacy-title{font-size:1.5rem;font-weight:700}.prescription-modal .prescription-modal-content .prescription-pharmacy-info .prescription-pharmacy-details{display:flex;gap:12px}.prescription-modal .prescription-modal-content .prescription-pharmacy-info .prescription-pharmacy-details div{display:grid;gap:8px}.prescription-modal .prescription-modal-content .prescription-pharmacy-info .prescription-pharmacy-details div p span{padding:0 10px}.prescription-modal .prescription-modal-content .prescription-history-list{display:flex;flex-direction:column;gap:8px;background:var(--color-2);border-radius:8px;padding:16px;border:1px solid var(--color-1);max-width:800px;width:100%}.prescription-modal .prescription-modal-content .prescription-history-list h3{font-size:1.5rem;font-weight:700;padding:16px 0}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr{font-size:.75rem}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr.active,.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr:hover,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr.active,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr:hover{background-color:var(--color-11);color:var(--color-2)}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr td,.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr th,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr td,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr th{text-align:center;border:1px solid var(--color-1);padding:16px 2px}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr td:last-child,.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr th:last-child,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr td:last-child,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr th:last-child{word-break:break-all}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr td .prescription-medication-details,.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr th .prescription-medication-details,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr td .prescription-medication-details,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr th .prescription-medication-details{display:flex;gap:16px}.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr td button,.prescription-modal .prescription-modal-content .prescription-history-list table tbody tr th button,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr td button,.prescription-modal .prescription-modal-content .prescription-history-list table thead tr th button{border:1px solid var(--color-5);background:var(--color-2);width:80%}.prescription-modal .prescription-modal-content .prescription-history-list table thead tr{background-color:#ddd}.prescription-modal .prescription-modal-content .prescription-history-list table thead tr:hover{background:#ddd;color:var(--color-1)}.prescription-table{background:var(--color-2);border-collapse:collapse;border:none;width:800px;text-align:center;border:5px solid var(--color-1);margin-top:24px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.prescription-table .box-row{height:59.6pt}.prescription-table .box-row .box-cell{width:100%;border:1pt solid var(--color-1)}.prescription-table .box-row .box-cell .box-title b{font-size:1.5rem!important}.prescription-table .box-row .box-cell .box-empty-line,.prescription-table .box-row .box-cell .box-options{line-height:normal;font-size:11pt}.prescription-table .box-row .box-cell .box-options span{display:flex;width:100px;font-size:10.5pt}.prescription-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99998}.medication-modal{width:100%}.medication-modal .medication-modal-title{font-weight:700;margin:8px 0}.medication-modal .medication-modal-table{border:1px solid var(--color-4);border-radius:8px;background:var(--color-2);padding:8px;font-size:.875rem;margin:8px 0 32px}.medication-modal .medication-modal-table table{width:100%}.medication-modal .medication-modal-table table tbody tr{letter-spacing:-1px;height:32px;text-align:center;color:var(--color-5)}.medication-modal .medication-modal-table table tbody tr td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40px}.medication-modal .medication-progress{font-size:1rem;display:grid;gap:10px;padding:24px;background:var(--color-2);border-radius:8px;border:1px solid var(--color-4);text-align:center}.medication-modal .medication-progress .medication-modal-progress-text{color:var(--color-11);margin:16px 0;border:1px solid var(--color-4);padding:24px 10px;border-radius:6px;background:var(--color-10)}.monitoring-modal{width:100%}.monitoring-modal .monitoring-modal-title{font-weight:700;margin:8px 0}.monitoring-modal .monitoring-modal-summary,.monitoring-modal .monitoring-modal-table{font-size:1rem;display:grid;gap:10px;padding:24px;background:var(--color-2);border-radius:8px;border:1px solid var(--color-4);text-align:center}.monitoring-modal .monitoring-modal-table{border:1px solid var(--color-4);border-radius:8px;background:var(--color-2);font-size:.875rem;margin:8px 0 32px}.monitoring-modal .monitoring-modal-table table tbody tr{letter-spacing:-1px;height:32px;text-align:center;color:var(--color-5)}.monitoring-modal .monitoring-modal-table table tbody tr td:first-child{text-align:left}.monitoring-modal .monitoring-modal-summary{border:1px solid var(--color-4);border-radius:8px;background:var(--color-2);padding:24px;margin:8px 0 32px;text-align:center;display:grid;gap:16px}.monitoring-modal .monitoring-modal-summary .monitoring-modal-summary-text{color:var(--color-11);margin:16px 0;border:1px solid var(--color-4);padding:24px 10px;border-radius:6px;background:var(--color-10)}.privacy-policy-container{display:flex;justify-content:center;align-items:center;margin-top:20px;color:var(--color-4);gap:16px}.privacy-policy-content{padding:20px;height:100%;overflow-y:auto;line-height:1.6;color:var(--color-1)}.privacy-policy-content .policy-section{margin-bottom:30px}.privacy-policy-content .policy-section h3{font-size:1.2rem;font-weight:700;color:var(--color-11);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-4)}.privacy-policy-content .policy-section p{margin-bottom:12px;font-size:.95rem}.privacy-policy-content .policy-section ul{margin:12px 0;padding-left:20px}.privacy-policy-content .policy-section ul li{margin-bottom:8px;font-size:.9rem;line-height:1.5;color:var(--color-1)}.privacy-policy-content .policy-section .contact-info{background:var(--color-2);padding:16px;border-radius:8px;border:1px solid var(--color-4);margin-top:12px}.privacy-policy-content .policy-section .contact-info p{margin-bottom:8px;font-size:.9rem}.privacy-policy-content .policy-section .contact-info p strong{color:var(--color-11);font-weight:700}.modal-bottom{justify-content:center}.modal-bottom button{padding:10px 24px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);font-size:.95rem;transition:all .3s ease}.modal-bottom button:hover{background:var(--color-5);color:var(--color-2)}.modal-bottom button.close-btn{background:var(--color-11);color:#fff;border-color:var(--color-11)}.modal-bottom button.close-btn:hover{background:var(--color-5);border-color:var(--color-5);color:#fff}.calendar-modal .calendar-modal-content{background:var(--color-2);border-radius:8px;padding:24px;width:auto;height:auto;overflow-y:auto;position:relative;display:grid;justify-content:center;align-items:center;gap:8px}.calendar-modal .calendar-modal-content .calendar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--color-4)}.calendar-modal .calendar-modal-content .calendar-modal-header h3{margin:0;font-size:1.2rem;font-weight:700}.calendar-modal .calendar-modal-content .calendar-modal-header button{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:1rem;color:var(--color-5)}.calendar-modal .calendar-modal-content .time-selector{margin-bottom:20px;gap:10px;display:flex;justify-content:center;align-items:center}.calendar-modal .calendar-modal-content .time-selector input[type=time]{padding:4px 8px;border:1px solid var(--color-4);border-radius:4px;width:50%}.calendar-modal .calendar-modal-content .time-info{display:grid;justify-content:center;align-items:center;gap:32px;border-radius:8px;border:1px solid #ddd;background:var(--color-10);color:var(--color-11);padding:24px;text-align:center;width:100%}.calendar-modal .calendar-modal-content .time-info p{position:relative}.calendar-modal .calendar-modal-content .time-info p:first-of-type:before{content:"🔽";position:absolute;left:50%;top:30px}.calendar-modal .calendar-modal-content .time-info p:nth-of-type(2){font-weight:700}.calendar-modal .calendar-modal-content .time-info button{border:1px solid #898989;padding:2px 10px;background:#fff;margin:0 14px;font-size:12px}.calendar-modal .calendar-modal-content .rdp-root{display:flex;justify-content:center;align-items:center;padding:16px 32px;border-radius:8px}.calendar-modal .calendar-modal-content .calendar-modal-footer{margin-top:20px;display:flex;justify-content:center;gap:10px}.calendar-modal .calendar-modal-content .calendar-modal-footer button{background:var(--color-11);color:var(--color-2);width:80%;border-radius:8px;padding:16px}.calendar-modal .calendar-modal-content .calendar-modal-footer button:hover{opacity:.5}.treatment-change-modal .search-section .treatment-search-bar input{border:1px solid var(--color-11)}.treatment-change-modal{padding:20px 0;width:100%}.treatment-change-modal-image{display:block;margin:0 auto 20px;border-radius:8px}.search-section{margin-bottom:20px}.treatment-search-bar{position:relative;width:100%}.treatment-search-bar input{width:100%;padding:10px 40px 10px 16px;border-radius:4px;font-size:1rem}.treatment-search-bar div{position:relative}.treatment-search-bar div img{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:opacity .2s ease}.treatment-search-bar div:hover img{opacity:.8}.patient-search-options{max-height:500px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.selected-patient-info{margin:20px 0;padding:16px;border-radius:4px;border:1px solid #ddd;background:#fff}.selected-patient-info h3{margin-bottom:20px;font-size:1.2rem;color:#333;border-bottom:1px solid var(--color-4);padding-bottom:10px;text-align:center;font-weight:700}.selected-patient-info p{margin:10px 0;font-size:1rem;color:#666}.appointment-time{display:flex;align-items:center;gap:10px}.appointment-time button{padding:4px 8px;background-color:var(--color-11);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.appointment-time button:hover{opacity:.9}.calendar-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.calendar-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.calendar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-modal-header h3{margin:0;font-size:18px}.calendar-modal-header button{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.treatment-time-selector,.treatment-time-selector .time-selector2{display:flex;align-items:center;justify-content:center;gap:10px}.treatment-time-selector .time-selector2 .time-dropdown{position:relative}.treatment-time-selector .time-selector2 .time-dropdown input{padding:8px;border:1px solid var(--color-4);border-radius:4px}.treatment-time-selector .time-selector2 .time-dropdown .time-list{position:absolute;height:200px;border:1px solid var(--color-4);overflow:scroll;z-index:999;background:#fff;width:100%;border-radius:4px}.calendar-modal-footer{display:flex;justify-content:flex-end;margin-top:20px}.calendar-modal-footer button{padding:10px 20px;background-color:var(--color-11);color:#fff;border:none;border-radius:4px;cursor:pointer}.calendar-modal-footer button:hover{opacity:.9}.modal-bottom{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-bottom button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.modal-bottom button:not(:disabled){background-color:var(--color-11);color:#fff}.modal-bottom button:disabled{background-color:#ccc;cursor:not-allowed}.modal-bottom .close-btn{background-color:#f0f0f0;color:#333}.modal-bottom button:hover:not(:disabled){opacity:.9}.before-date{font-size:12px;color:#666;display:block;margin-top:4px}.department-section{display:flex;align-items:center;gap:10px;margin:10px 0}.department-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.department-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.department-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.department-modal-header h3{margin:0;font-size:18px}.department-modal-header button{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.department-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.department-item{padding:12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s}.department-item:hover{background-color:#f5f5f5}.department-item.selected{background-color:var(--color-11);color:#fff;border-color:var(--color-11)}.no-appointment{margin:20px 0;text-align:center}.no-appointment button{margin-top:10px;padding:8px 16px;background-color:var(--color-11);color:#fff;border:none;border-radius:4px;cursor:pointer}.no-appointment button:hover{opacity:.9}.physician-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.physician-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.physician-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.physician-modal-header h3{margin:0;font-size:18px}.physician-modal-header button{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer}.physician-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.physician-item{padding:12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s}.physician-item:hover{background-color:#f5f5f5}.physician-item.selected{background-color:var(--color-11);color:#fff;border-color:var(--color-11)}.payment-receipt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,780px);max-height:82vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(17,24,39,.22);z-index:10001;border:1px solid #eef1f6}.payment-receipt-modal .payment-receipt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eef1f6;background:linear-gradient(180deg,#fff,#fafbff)}.payment-receipt-modal .payment-receipt-modal-header p{margin:0;font-size:16px;font-weight:700;color:#1f2a44}.payment-receipt-modal .payment-receipt-modal-header button{padding:6px 10px;font-size:12px;background:#f3f4f6;color:#1f2a44;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.payment-receipt-modal .payment-receipt-modal-header button:hover{background:#e5e7eb}.payment-receipt-modal .payment-receipt-modal-content{padding:24px;display:flex;justify-content:flex-start}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper{width:100%;max-width:720px;background:linear-gradient(180deg,#fff,#fafbff);border:1px solid #eef1f6;border-radius:12px;box-shadow:0 8px 20px rgba(20,40,80,.08);padding:24px;text-align:left}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-title{margin-bottom:20px}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-title h2{font-size:20px;font-weight:700;color:#1f2a44;margin:0 0 4px;text-align:left}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section{display:flex;flex-direction:column;gap:24px}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-title{font-size:14px;font-weight:600;color:#1f2a44;margin-bottom:12px;text-align:left}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content{display:flex;flex-direction:column;gap:10px}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:14px;color:#111827}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row .receipt-label{color:#6b7280}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row .receipt-value{text-align:right}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row.receipt-total{font-weight:600;padding-top:8px;border-top:1px solid #e5e7eb}.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row.receipt-total .receipt-label,.payment-receipt-modal .payment-receipt-modal-content .payment-receipt-content-wrapper .receipt-section .section-content .receipt-row.receipt-total .receipt-value{color:#1f2a44}.payment-receipt-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10000}.report-monitoring .report-monitoring-summary .report-monitoring-summary-content ul{min-height:150px;padding:24px}.report-monitoring .report-monitoring-summary .report-monitoring-summary-content ul li{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 40px;width:100%;text-align:left;padding:4px 8px}.report-monitoring .report-monitoring-summary .report-monitoring-summary-content ul .title-row{border-bottom:1px solid #ccc;font-weight:600;padding:10px 8px}.report-monitoring .report-monitoring-chart .recharts-responsive-container .recharts-wrapper,.report-monitoring .report-monitoring-chart .recharts-responsive-container .recharts-wrapper .recharts-legend-wrapper{border:none}.report-treatment{background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;height:auto;border:1px solid var(--color-1);width:800px;display:grid;gap:10px;position:relative}.report-treatment,.report-treatment.report-medication section div{min-height:-moz-fit-content;min-height:fit-content}.report-treatment .circle-top-left{position:absolute;top:-100px;left:-100px;width:300px;height:300px;background-color:#a8b6df;border-radius:50%;opacity:.1;z-index:0}.report-treatment .circle-bottom-right{right:-150px;width:400px;height:400px}.report-treatment .circle-bottom-left,.report-treatment .circle-bottom-right{position:absolute;bottom:-150px;background-color:#a8b6df;border-radius:50%;opacity:.1;z-index:0}.report-treatment .circle-bottom-left{right:80px;width:300px;height:300px}.report-treatment>*{position:relative;z-index:1}.report-treatment section{display:grid;justify-content:space-between;align-items:center;gap:16px;grid-template-columns:180px 1fr;padding:0}.report-treatment section div{border:1px solid var(--color-14);border-radius:8px;width:100%;height:100%;display:inline-grid;padding:10px 24px;align-items:flex-start;color:var(--color-6)}.report-treatment section div table{text-align:center}.report-treatment .report-div-left,.report-treatment .report-div-top{border:1px solid var(--color-14);padding:16px 20px}.report-treatment .report-div-left p,.report-treatment .report-div-top p{position:relative;color:var(--color-11);display:flex;align-items:center;gap:10px}.report-treatment .report-div-left p .report-title-indicator,.report-treatment .report-div-top p .report-title-indicator{width:6px;height:20px;background-color:var(--color-11);border-radius:2px;display:inline-block;flex-shrink:0}.report-treatment .report-title{font-size:1.25rem;font-weight:700}.report-treatment .report-header{grid-template-columns:1fr 150px}.report-treatment .report-header .report-header-left{display:flex;align-items:center;gap:12px;border:none;margin-bottom:20px}.report-treatment .report-header .report-header-left img{width:60px;height:60px}.report-treatment .report-header .report-header-left p{font-size:30px;font-weight:700}.report-treatment .report-header .report-header-right{font-size:1rem;color:var(--color-5)}.report-treatment .report-patient-info div{padding:20px}.report-treatment .report-patient-info .report-div-left{text-align:center;display:grid;justify-content:center;align-items:center}.report-treatment .report-patient-info .report-div-left img{scale:2}.report-treatment .report-symptoms .report-symptoms-tags{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap}.report-treatment .report-symptoms .report-symptoms-tags li{height:-moz-fit-content;height:fit-content;border:1px solid var(--color-1);border-radius:8px;padding:4px 8px}.report-treatment .report-details{height:140px}.report-treatment .report-details div{align-items:flex-start}.report-treatment .report-details div:nth-of-type(2){padding:24px 40px;font-size:1.1rem;text-wrap-mode:nowrap}.report-treatment .report-medication{display:grid;grid-template-columns:1fr;width:100%;gap:8px;border:1px solid var(--color-14);border-radius:8px}.report-treatment .report-medication div{border:none}.report-treatment .recharts-wrapper{width:90%}.report-treatment .report-details-monitoring{height:auto}.report-treatment .report-div-right-monitoring{padding:0!important}.report-treatment .report-div-right-monitoring div{padding:0!important;margin:4px;border:none;font-size:.75rem}.report-treatment .report-div-right-monitoring .recharts-legend-wrapper{position:relative!important;width:100%!important;left:0!important;right:0!important}.report-treatment .report-div-right-monitoring .recharts-default-legend{text-align:center!important}@media print{@page{.report-treatment{margin:10mm}}.report-treatment .report-title-indicator{width:6px!important;height:20px!important;background-color:#1f3473!important;border-radius:2px!important;display:inline-block!important;flex-shrink:0!important}.report-treatment .circle-bottom-left,.report-treatment .circle-bottom-right,.report-treatment .circle-top-left{display:block!important;visibility:visible!important}}.report-medication{display:grid;gap:8px;grid-template-columns:none;border:1px solid var(--color-14);border-radius:8px;padding:24px}.report-medication .report-header .report-header-left .report-period{color:var(--color-11);font-size:.9rem;margin-top:4px;font-weight:500;text-wrap-mode:nowrap}.report-medication .report-medication-compliance .report-medication-compliance-content{display:grid;gap:16px;padding:16px;background:var(--color-2);border-radius:8px}.report-medication .report-medication-compliance .report-medication-compliance-content .recharts-responsive-container{border:none}.report-medication .report-medication-compliance .report-medication-compliance-content .compliance-summary{display:grid;gap:8px;text-align:center;border:none;padding:0}.report-medication .report-medication-compliance .report-medication-compliance-content .compliance-summary .compliance-summary-text{color:var(--color-11);margin:16px 0;border:1px solid var(--color-4);padding:24px 10px;border-radius:6px;background:var(--color-10)}.report-medication .report-current-medication table{width:100%;border-collapse:collapse;font-size:.75rem}.report-medication .report-current-medication table thead tr{background-color:var(--color-4);color:var(--color-1)}.report-medication .report-current-medication table thead tr th{padding:6px;text-align:center;border:1px solid var(--color-4)}.report-medication .report-current-medication table tbody tr:nth-child(2n){background-color:var(--color-2)}.report-medication .report-current-medication table tbody tr td{padding:6px;text-align:center;border:1px solid var(--color-4)}.report-medication .report-medication-list table{width:100%;border-collapse:collapse;font-size:12px}.report-medication .report-medication-list table thead tr{background-color:var(--color-10);color:var(--color-1)}.report-medication .report-medication-list table thead tr th{padding:6px;text-align:center;border:1px solid var(--color-4)}.report-medication .report-medication-list table tbody tr:nth-child(2n){background-color:var(--color-2)}.report-medication .report-medication-list table tbody tr td{text-align:center;border:1px solid var(--color-4);padding:0}.pagination{color:orange;display:grid;place-items:center}.pagination .pagination-info{font-size:14px;color:#666}.pagination .pagination-buttons{display:flex;justify-content:center;align-items:center;gap:4px;padding:8px 0}.pagination button.page-number{min-width:40px}.pagination button.page-number.active{background-color:#1e3a8a;color:#fff}.pagination button{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination button:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.pagination button:not(:disabled){background-color:#fff;color:#333}.pagination button:not(:disabled):hover{background-color:#f0f0f0}.pagination button.active{background-color:#1e3a8a;color:#fff}.pagination .page-number{min-width:40px}.pagination-info{font-size:14px;color:#666}.pagination button{padding:4px 16px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5)}.pagination button:hover{background:var(--color-11);color:var(--color-2)}.main-page .card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.main-page .card-container div{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.main-page .card-container div .first{background:var(--color-card-1);color:var(--color-2)}.main-page .card-container div .second{background:var(--color-card-2);color:var(--color-2)}.main-page .card-container div .third{background:var(--color-card-3);color:var(--color-card-1)}.main-page .card-container div .card{border-radius:8px;padding:16px;height:260px;width:300px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:16px}.main-page .card-container div .card:hover{opacity:.8}.main-page .card-container div .card .card-title{margin-top:32px;display:flex;gap:8px;font-size:1.5rem;font-weight:700;align-items:center}.main-page .card-container div .card ul li{padding:4px 0}.ui{height:460px;width:280px;border:1px solid var(--color-1);border-radius:10px;box-shadow:0 0 10px 4px var(--color-15)}.current-treatment-in-progress,.current-treatment-in-progress td{background-color:#e6f3ff!important}.records{display:grid;grid-template-columns:1fr 2fr;gap:16px;background:var(--color-bg)}.records .patient-overview{display:grid;grid-template-rows:auto 1fr}.records .patient-overview .first{display:flex;gap:16px;align-items:flex-start}.records .patient-overview .first .patient-telemedicine .content .status{width:100%;text-align:center}.records .patient-overview .first .patient-telemedicine .content .tel-button-area{flex-direction:column;gap:8px}.records .patient-overview .first .patient-telemedicine .content .tel-button-area div{display:flex;gap:8px}.records .patient-overview .first .patient-telemedicine .content .tel-button-area div button{padding:8px;width:100%;font-size:.875rem}.records .patient-overview .first .patient-symptoms{width:100%;min-width:500px;position:relative;display:grid}.records .patient-overview .first .patient-symptoms .title-area{display:flex;justify-content:space-between;align-items:center}.records .patient-overview .first .patient-symptoms .title-area .title{margin:0;font-weight:700;color:var(--color-11)}.records .patient-overview .first .patient-symptoms .title-area .symptom-search-input{padding:6px 12px;border:1px solid var(--color-14);border-radius:4px;font-size:14px;width:150px;background:var(--color-2);color:var(--color-5)}.records .patient-overview .first .patient-symptoms .title-area .symptom-search-input::-moz-placeholder{color:var(--color-5)}.records .patient-overview .first .patient-symptoms .title-area .symptom-search-input::placeholder{color:var(--color-5)}.records .patient-overview .first .patient-symptoms .title-area .symptom-search-input:focus{outline:none;border-color:var(--color-11);box-shadow:0 0 0 2px rgba(var(--color-11-rgb),.2)}.records .patient-overview .first .patient-symptoms .settings{cursor:pointer}.records .patient-overview .first .patient-symptoms .settings:hover{opacity:.8}.records .patient-overview .first .patient-symptoms .settings.disabled{cursor:not-allowed;opacity:.4}.records .patient-overview .first .patient-symptoms .settings.disabled:hover{opacity:.4}.records .patient-overview .first .patient-symptoms .settings-menu{position:absolute;right:8px;top:60px;padding:16px;background:var(--color-2);gap:8px;border-radius:8px;width:50%;height:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.records .patient-overview .first .patient-symptoms .settings-menu button{background:none;padding:8px;border:1px solid;width:90%}.records .patient-overview .first .patient-symptoms .settings-menu button:hover{color:var(--color-2);background:var(--color-11);border:1px solid var(--color-11)}.records .patient-overview .first .patient-symptoms .action-area-container{position:absolute;display:grid;right:0;top:0;padding:8px;background:var(--color-2);gap:8px;box-shadow:0 0 6px 0 var(--color-14);border:1px solid var(--color-14);border-radius:4px;width:100%}.records .patient-overview .first .patient-symptoms .action-area-container .action-area{display:flex;justify-content:space-between;align-items:center;gap:4px}.records .patient-overview .first .patient-symptoms .action-area-container .action-area button{padding:4px;width:50%;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5)}.records .patient-overview .first .patient-symptoms .action-area-container .action-area input{border-radius:4px;padding:6px 8px;text-align:left}.records .patient-overview .first .patient-symptoms .action-area-container .action-area .close-mode{width:30%}.records .patient-overview .first .patient-symptoms .action-area-container .add-symptom{margin-bottom:10px}.records .patient-overview .first .patient-symptoms .action-area-container .add-symptom input{width:70%;padding:5px}.records .patient-overview .first .patient-symptoms .action-area-container .add-symptom button{width:25%;padding:5px}.records .patient-overview .first .patient-symptoms .symptom-list-container{background:var(--color-2);border:1px solid var(--color-1);border-radius:8px;width:260px;max-height:540px;overflow:hidden;display:flex;height:100%;flex-direction:column}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header{display:flex;justify-content:center;align-items:center;padding:8px}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper .region-title{margin:0;width:100%;text-align:center}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper .region-settings{cursor:pointer}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper .region-settings:hover{opacity:1}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper .region-settings.disabled{cursor:not-allowed;opacity:.3}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-title-wrapper .region-settings.disabled:hover{opacity:.3}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs{display:flex;gap:4px;flex-wrap:wrap}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs .region-tab{background:var(--color-2);border:1px solid var(--color-14);color:var(--color-5);padding:6px 8px;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs .region-tab:hover{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs .region-tab.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11);font-weight:700}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs .region-tab:first-child:not(.active){background:var(--color-2);color:var(--color-5);border-color:var(--color-14);font-weight:400}.records .patient-overview .first .patient-symptoms .symptom-list-container .symptom-list-header .region-tabs .region-tab:first-child:not(.active):hover{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.records .patient-overview .first .patient-symptoms .symptom-list-container .sub-region-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;padding:8px;border-bottom:1px solid var(--color-14)}.records .patient-overview .first .patient-symptoms .symptom-list-container .sub-region-tabs .sub-region-tab{background:var(--color-2);border:1px solid var(--color-14);color:var(--color-5);padding:4px 6px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.records .patient-overview .first .patient-symptoms .symptom-list-container .sub-region-tabs .sub-region-tab:hover{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.records .patient-overview .first .patient-symptoms .symptom-list-container .sub-region-tabs .sub-region-tab.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11);font-weight:700}.records .patient-overview .first .patient-symptoms .symptom-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:8px;text-align:center;overflow-y:scroll;max-height:480px;padding:8px 0 8px 8px}.records .patient-overview .first .patient-symptoms .symptom-list li{list-style:none;padding:4px;background:var(--color-2);color:var(--color-6);border:1px solid var(--color-11);cursor:pointer;transition:all .3s ease;border-radius:4px;display:grid;place-items:center;gap:8px;font-size:.87rem}.records .patient-overview .first .patient-symptoms .symptom-list li button{padding:2px;background:var(--color-2);color:var(--color-1);border:1px solid var(--color-1)}.records .patient-overview .first .patient-symptoms .symptom-list li.selected{background:var(--color-11);color:var(--color-2);font-weight:700}.records .patient-overview .first .patient-symptoms .symptom-list li:hover{background:var(--color-11);color:var(--color-2)}.records .patient-overview .first .patient-symptoms .symptom-list li.disabled{background:var(--color-14);color:var(--color-5);border-color:var(--color-14);cursor:not-allowed;opacity:.6}.records .patient-overview .first .patient-symptoms .symptom-list li.disabled:hover{background:var(--color-14);color:var(--color-5);border-color:var(--color-14)}.records .patient-overview .first .patient-symptoms .symptom-list .editing button{padding:2px;font-size:.75rem}.records .patient-overview .first .patient-symptoms .symptom-list .editing:hover{background:var(--color-2);color:var(--color-11)}.records .patient-overview .first .patient-symptoms .symptom-list .add-symptom-input{grid-column:1/-1;gap:8px}.records .patient-overview .first .patient-symptoms .symptom-list .add-symptom-input input{border-radius:4px}.records .patient-overview .first .patient-symptoms .symptom-list .add-symptom-input:hover{background:var(--color-2);color:var(--color-11)}.records .patient-overview .first .patient-symptoms .symptom-list .add-symptom-button-area{display:flex;justify-content:space-between;gap:4px}.records .patient-overview .first .patient-symptoms .symptom-list .add-symptom-button-area button{font-size:.75rem}.records .patient-overview .first .patient-symptoms .settings-menu-title{font-size:1.1rem;font-weight:700;color:var(--color-11);padding-left:16px}.records .patient-overview .first .patient-symptoms .symptom-notice{font-size:.75rem;color:var(--color-5);text-align:center;padding:8px}.records .patient-overview .summary-buttons-container{display:flex;gap:10px;justify-content:center;align-items:flex-start}.records .patient-overview .summary-button{background:var(--color-2);padding:8px 13px;height:auto;color:var(--color-5);border:1px solid var(--color-5);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;text-wrap:nowrap;width:135px}.records .patient-overview .summary-button:hover{background:var(--color-11);color:var(--color-2)}.records .patient-status .table-diseases{width:100%;text-align:center}.records .patient-status .table-diseases td,.records .patient-status .table-diseases th{border-bottom:1px solid var(--color-4);padding:6px 0;outline:1px solid var(--color-4);background:var(--color-2)}.records .patient-status .table-diseases tbody tr,.records .patient-status .table-diseases thead tr{display:grid;grid-template-columns:40px 110px 1.5fr 1fr;width:100%;text-wrap:nowrap}.records .patient-status .table-diseases thead tr th{background-color:var(--color-18)}.records .patient-status .table-diseases thead tr th:first-child{border-radius:4px 0 0 0}.records .patient-status .table-diseases thead tr th:last-child{border-radius:0 4px 0 0}.records .patient-status .table-diseases tbody tr td{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.875rem;padding:8px}.records .patient-status .table-diseases tbody tr td:nth-of-type(2){padding:8px 0}.records .patient-status .table-diseases tbody tr td input{width:100px;border:none}.records .patient-status .table-diseases tbody tr td button{padding:2px 10px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);font-size:14px;height:-moz-fit-content;height:fit-content}.records .patient-status .table-diseases tbody tr td .status-btn{background:var(--color-11);color:var(--color-2);animation:blink 1.5s ease-in-out infinite}.records .patient-status .table-diseases .wizard-container{padding-top:inherit;padding-bottom:inherit}.records .patient-status .table-diseases .wizard-container .wizard-step{width:24px;height:24px}.records .patient-status .table-diseases .wizard-container .wizard-step .wizard-step-status-text{display:none!important}.records .patient-status .table-diseases .wizard-container .wizard-step-container{display:none}.records .patient-status .patient-status-table tr{grid-template-columns:110px 2fr 1.1fr!important}.records .patient-status .patient-status-table tr td .wizard-container{width:60%}.records .patient-status .status-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:8px;text-align:center}.records .patient-status .status-list li{list-style:none;padding:8px;background:var(--color-14);border:1px solid var(--color-1)}.records .patient-records{display:grid;width:100%;grid-template-rows:minmax(150px,auto) auto auto auto 1fr}.records .patient-records .detailed-info textarea{width:100%;width:-webkit-fill-available;min-height:100px;height:auto;padding:10px;resize:vertical;border:1px solid var(--color-4);border-radius:4px}.records .patient-records .detailed-info .detail-text{height:100px;background:var(--color-2);border:1px solid var(--color-4);border-radius:4px;padding:10px}.records .patient-records .detailed-info .detail-text:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.records .patient-records .detailed-info-btn{width:100%;text-align:right;padding:24px 0;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.records .patient-records .detailed-info-btn .btn-save{padding:8px 20px;border:1px solid var(--color-1);height:40px;background:var(--color-11);color:var(--color-2);width:140px;font-weight:700;font-size:14px;white-space:nowrap}.records .patient-records .detailed-info-btn .btn-cancel,.records .patient-records .detailed-info-btn .btn-edit{padding:8px 20px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);height:40px;width:140px;font-size:14px;white-space:nowrap}.records .patient-records .detailed-info-btn .btn-cancel{margin-left:16px}.records .patient-records .detailed-info-btn .btn-prescription{padding:8px 20px;height:40px;background:#cddaf4;color:var(--color-11);font-weight:700;border:1px solid var(--color-11);width:140px;font-size:16px;white-space:nowrap}.records .patient-records .detailed-info-btn .btn-prescription:hover{background:var(--color-11);color:var(--color-2)}.records .patient-records .detailed-info-btn .btn-prescription-2{background:var(--color-card-2);color:var(--color-2);border:1px solid var(--color-11);height:40px;width:140px;font-size:14px;white-space:nowrap}.records .patient-records .managed-diseases{width:100%}.records .patient-records .managed-diseases .table-diseases{width:100%;border-collapse:collapse}.records .patient-records .managed-diseases .table-diseases td,.records .patient-records .managed-diseases .table-diseases th{border-bottom:1px solid var(--color-4);padding:8px 0;outline:1px solid var(--color-4);background:var(--color-2)}.records .patient-records .managed-diseases .table-diseases tbody tr,.records .patient-records .managed-diseases .table-diseases thead tr{display:grid;grid-template-columns:3fr 1fr repeat(2,minmax(90px,.5fr)) minmax(80px,.2fr);width:100%}.records .patient-records .managed-diseases .table-diseases thead tr th{width:100%;background-color:var(--color-18);text-align:center}.records .patient-records .managed-diseases .table-diseases thead tr th:first-child{border-radius:4px 0 0 0}.records .patient-records .managed-diseases .table-diseases thead tr th:last-child{border-radius:0 4px 0 0}.records .patient-records .managed-diseases .table-diseases tbody tr td{display:flex;justify-content:center;align-items:center;width:100%}.records .patient-records .managed-diseases .table-diseases tbody tr td input{border:none;padding:4px;width:100%;height:100%}.records .patient-records .managed-diseases .table-diseases tbody tr td input[type=text]{text-align:left}.records .patient-records .managed-diseases .table-diseases tbody tr td input[type=checkbox]{width:20px;height:20px}.records .patient-records .managed-diseases .table-diseases tbody tr td button{padding:2px 10px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);height:-moz-fit-content;height:fit-content;font-size:14px}.records .patient-records .medication-prescription{height:260px}.records .patient-records .medication-prescription .table-medication{display:grid}.records .patient-records .medication-prescription .table-medication thead tr{display:flex;justify-content:space-between}.records .patient-records .medication-prescription .table-medication thead tr th{width:100px}.records .patient-records .medication-prescription .table-medication tbody tr{display:flex}.records .patient-records .medication-prescription .table-medication tbody tr td{display:flex;justify-content:space-between;width:100%}.records .patient-records .medication-prescription .table-medication tbody tr td input{width:100px;padding:4px}.records .patient-records .patient-medication .prescription-btn-area{display:flex;justify-content:flex-end;align-items:center;gap:10px}.records .patient-records .patient-medication .prescription-bottom-area{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 0}.records .patient-records .patient-medication .prescription-bottom-area button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5)}.records .patient-records .patient-medication .btn-pharmacy,.records .patient-records .patient-medication .prescription-bottom-area button:hover{background:var(--color-11);color:var(--color-2)}.records .patient-records .patient-medication .btn-pharmacy:hover{opacity:.8}.records .patient-records .patient-medication .table-medications{width:100%;border-collapse:collapse}.records .patient-records .patient-medication .table-medications td,.records .patient-records .patient-medication .table-medications th{border-bottom:1px solid var(--color-4);padding:2px 0;outline:1px solid var(--color-4);background:var(--color-2)}.records .patient-records .patient-medication .table-medications tbody tr,.records .patient-records .patient-medication .table-medications thead tr{display:grid;grid-template-columns:minmax(140px,.85fr) 100px 100px 60px minmax(120px,1fr) minmax(80px,.1fr);width:100%}.records .patient-records .patient-medication .table-medications thead tr th{width:100%;background-color:var(--color-18);text-align:center}.records .patient-records .patient-medication .table-medications thead tr th:first-child{border-radius:4px 0 0 0}.records .patient-records .patient-medication .table-medications thead tr th:last-child{border-radius:0 4px 0 0}.records .patient-records .patient-medication .table-medications tbody tr td{display:flex;justify-content:center;align-items:center;width:100%}.records .patient-records .patient-medication .table-medications tbody tr td:last-child{border-radius:0 4px 0 0}.records .patient-records .patient-medication .table-medications tbody tr td input{border:none;width:100%}.records .patient-records .patient-medication .table-medications tbody tr td input[type=date],.records .patient-records .patient-medication .table-medications tbody tr td input[type=text]{min-width:0;width:100%;height:100%}.records .patient-records .patient-medication .table-medications tbody tr td input[type=text]{text-align:left}.records .patient-records .patient-medication .table-medications tbody tr td button{padding:2px 10px;border:1px solid var(--color-5);background:var(--color-2);color:var(--color-5);height:-moz-fit-content;height:fit-content;font-size:14px}.records .patient-records .patient-medication .table-medications tbody tr td.medication-name-cell{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px}.records .patient-records .patient-medication .table-medications tbody tr td.medication-name-cell input{padding:0 10px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell input{order:1}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .no-results,.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .search-loading{width:100%;order:2}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .medicine-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:250px;overflow:hidden;display:flex;flex-direction:column;--suggestion-font-size:14px;--suggestion-detail-font-size:12px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .search-loading{padding:16px;text-align:center;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .search-loading .spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top-color:#4c84af;border-radius:50%;animation:spin 1s linear infinite}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestions-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:320px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item:last-child{border-bottom:none}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item.selected,.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item:hover{background-color:#f8f9fa}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item.selected{background-color:#e8ecf5}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-main{margin-bottom:4px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-name{font-weight:500;font-size:var(--suggestion-font-size);color:#333;line-height:1.4}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-name *{font-size:inherit;line-height:inherit;vertical-align:baseline}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-name mark{background-color:#fff59d;color:inherit;padding:0;border-radius:0;line-height:inherit;display:inline;font-weight:inherit;font-size:inherit;vertical-align:baseline;margin:0}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:var(--suggestion-detail-font-size);color:#666}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-details .suggestion-company{color:#666;background-color:#f5f5f5;padding:2px 6px;border-radius:3px}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-details .suggestion-spec{color:#999;font-weight:500}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-details .suggestion-category{color:#777;font-size:11px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .suggestion-item .suggestion-details .suggestion-category mark{background-color:#fff59d;color:inherit;padding:0;border-radius:0;line-height:inherit;display:inline;font-weight:inherit}.records .patient-records .patient-medication .table-medications tbody .medication-name-cell .no-results{padding:24px 16px;text-align:center;color:#999;font-size:var(--suggestion-detail-font-size)}.date-range-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.date-range-container .date-range-wrapper{display:flex;flex-direction:column;gap:4px;align-items:center;width:100%;min-width:0}@media(min-width:200px){.date-range-container .date-range-wrapper{gap:0}}.date-range-container .date-range-wrapper .date-input-group{display:flex;align-items:center;font-size:11px;min-width:0;flex:1}.date-range-container .date-range-wrapper .date-input-group .date-label{color:var(--color-5);white-space:nowrap;flex-shrink:0}.date-range-container .date-range-wrapper .date-input-group .date-input{width:90px;font-size:11px;border:none;padding:0;min-width:0;flex-shrink:1}.patient-info-container .patient-info-section{margin-bottom:12px}.patient-info-container .patient-info-section .section-header{font-size:12px;font-weight:600;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.patient-info-container .patient-info-section .patient-name-row{margin-bottom:4px}.patient-info-container .patient-info-section .patient-name-row .patient-name{color:var(--color-11);font-weight:800;font-size:16px}.patient-info-container .patient-info-section .patient-name-row .patient-phone{color:var(--color-5);font-size:14px;margin-left:8px}.patient-info-container .patient-info-section .patient-details-row{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-5);text-align:center}.patient-info-container .patient-info-section .patient-details-row .edit-button{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s}.patient-info-container .patient-info-section .patient-details-row .edit-button:hover{background-color:#e9ecef}.patient-info-container .appointment-info-section{background-color:#fff;border-radius:6px;padding:10px;border:1px solid #e9ecef;position:relative}.patient-info-container .appointment-info-section:before{content:"예약정보";font-size:10px;font-weight:600;color:var(--color-11);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:-10px;left:10px;background-color:var(--color-10);padding:2px 4px;border-radius:4px;z-index:1}.patient-info-container .appointment-info-section .section-header{font-size:12px;font-weight:600;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.patient-info-container .appointment-info-section .appointment-department-row{margin-bottom:4px;font-size:13px;color:#495057}.patient-info-container .appointment-info-section .appointment-department-row .department-name{font-weight:500}.patient-info-container .appointment-info-section .appointment-department-row .separator{color:#6c757d;margin:0 4px}.patient-info-container .appointment-info-section .appointment-department-row .physician-name{font-weight:500}.patient-info-container .appointment-info-section .appointment-time-row{display:flex;align-items:center;justify-content:center;font-size:13px;color:#495057}.patient-info-container .appointment-info-section .appointment-time-row .appointment-time{font-weight:500}.patient-info-container .appointment-info-section .appointment-time-row .edit-button{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s}.patient-info-container .appointment-info-section .appointment-time-row .edit-button:hover{background-color:#e9ecef}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.guide-blur-overlay-fixed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.today-pick-briefing-header{display:flex;justify-content:space-between;align-items:center}.expand-button-container{text-align:center;margin-top:8px}.expand-button{background:none;border:1px solid #ddd;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:12px;color:#666}.expandable-container.collapsed{max-height:120px;overflow-y:auto}.expandable-container.expanded{max-height:none;overflow-y:visible}.filter-status-container{display:flex;align-items:center;gap:8px;margin-left:16px}.filter-tag{background-color:#f0f0f0;padding:0 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:14px}.filter-tag .filter-tag-close{margin-left:4px;border:none;background:none;cursor:pointer;color:#666;font-size:14px}.period-button{border:1px solid #fff;font-weight:400}.period-button.active{border:1px solid var(--color-11);font-weight:700}.chart-container{height:120px}.bar-chart-shape{cursor:pointer;pointer-events:all}.tab-content-scrollable{height:130px;overflow:scroll}.time-warning{color:red}.time-warning:not(.warning){color:inherit}.patient-list-title{cursor:pointer}.patient-list-title.active{color:var(--color-11)}.patient-list-title:not(.active){color:var(--color-4)}.patient-list-count{font-size:14px;color:var(--color-11)}.guide-message-cancel{padding:2px 6px;min-width:10px;font-size:.75rem;opacity:.5;box-shadow:none;color:var(--color-1);font-weight:700;cursor:pointer}.arrow-3{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0085ff;animation:arrowMove 1.5s .6s infinite}.btn-new-patient{background-color:var(--color-10);color:var(--color-11);border:1px solid var(--color-11);font-weight:700}.btn-telemedicine-reservation{background:#add3ff;border:1px solid #203473;font-weight:700;color:var(--color-11)}.guide-focus-area-inline{display:inline-block}.empty-table-row{grid-template-columns:1fr}.empty-table-cell{text-align:center;padding:100px;height:30vh}.empty-table-message{margin-bottom:10px}.btn-reservation-empty{padding:8px 16px;background-color:var(--color-11);color:#fff;border:none;border-radius:4px;cursor:pointer}.appointment-time-info{font-size:14px;color:var(--color-12);margin:10px 0;font-weight:500}.patient-button-group{margin-top:8px}.patient-button-group,.telemedicine-button-group{display:flex;align-items:center;justify-content:center;gap:8px}.btn-inperson-register{cursor:pointer;transition:color .2s ease;padding:0 2px;border:0;text-decoration:underline;text-underline-offset:3px;font-weight:888;color:#888;background:none;font-size:12px}.btn-inperson-register:hover{color:#000!important}.inperson-meds-table{width:100%}.inperson-meds-table td,.inperson-meds-table th{border:1px solid var(--color-4);padding:6px;font-size:14px;vertical-align:top}.inperson-meds-table thead th{background-color:#f5f7fb;font-weight:600}.inperson-meds-table tbody tr:nth-child(2n){background-color:#fdfdfd}.pagination-button.active{font-weight:700;background:var(--color-11);color:var(--color-2)}.pagination-button:not(.active){font-weight:400;background:var(--color-2);color:var(--color-5)}.time-dropdown{position:relative}.time-list-item{padding:8px;cursor:pointer;text-align:center}.time-list-item:hover{background-color:#f5f5f5}.calendar-modal-save-button.disabled{opacity:.5;cursor:not-allowed}.calendar-modal-save-button:not(.disabled){opacity:1;cursor:pointer}.submenu-tab-area{display:flex}.submenu-tab-area a,.submenu-tab-area button{padding:8px;margin-right:24px;border:1px solid var(--color-4);border-radius:8px;background:var(--color-10)}.submenu-tab-area a:nth-of-type(2),.submenu-tab-area button:nth-of-type(2){margin-right:16px}.submenu-tab-area a:hover,.submenu-tab-area button:hover{background:var(--color-11);color:var(--color-2)}.submenu-tab-area .submenu-guide-btn{background:#eee}.overview{background:var(--color-bg)}.overview .top-area{display:grid;grid-template-columns:1fr 360px;gap:16px}.overview .top-area .calendar-area{flex:1}.overview .top-area .patient-area{border:1px solid var(--color-11);border-radius:8px;padding:8px 16px;align-items:center}.overview .top-area .rdp-months .rdp-nav{width:100%;top:0;z-index:2}.overview .top-area .rdp-months .rdp-nav .rdp-button_previous{position:absolute;left:10px}.overview .top-area .rdp-months .rdp-nav .rdp-button_next{position:absolute;right:10px}.overview .top-area .rdp-months .rdp-caption_label{width:100%;text-align:center;justify-content:center;color:var(--color-11);font-size:1rem}.overview .top-area .rdp-months .rdp-chevron{fill:var(--color-11);border:1px solid var(--color-15);border-radius:4px}.overview .top-area .rdp-months .rdp-month_grid .rdp-weeks .rdp-week .rdp-day{height:-moz-fit-content;height:fit-content}.overview .top-area .rdp-day_button{width:32px;height:24px;font-weight:600;font-size:.875rem}.overview .top-area .rdp-today:not(.rdp-outside){background-color:var(--color-2)!important;color:var(--color-11)!important}.overview .top-area .rdp-day{display:grid;place-items:center}.overview .top-area .rdp-week{display:flex}.overview .top-area .rdp-weekdays{display:flex;justify-content:space-between;align-items:center;width:100%}.overview .top-area .rdp-weekdays .rdp-weekday{width:100%}.overview .top-area .rdp-selected{background:var(--color-2)!important;color:var(--color-11)!important}.overview .calendar-area,.overview .today-pick{border:1px solid var(--color-11);color:var(--color-11);width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:16px;border-radius:8px;box-shadow:0 2px 4px rgba(58,75,103,.3);gap:10px;background:var(--color-2)}.overview .calendar-area .today-pick-title,.overview .today-pick .today-pick-title{width:100%;display:flex;justify-content:space-between;align-items:center}.overview .calendar-area .today-pick-title div,.overview .today-pick .today-pick-title div{display:flex;gap:8px}.overview .calendar-area .today-pick-title div button,.overview .today-pick .today-pick-title div button{padding:4px 8px}.overview .calendar-area .pick-title,.overview .today-pick .pick-title{font-size:1.2rem;font-weight:700}.overview .calendar-area ul,.overview .today-pick ul{display:grid;gap:8px;margin-top:16px}.overview .calendar-area ul li,.overview .today-pick ul li{display:flex;gap:8px;align-items:center;justify-content:flex-start;font-size:1.125rem;line-height:1.8}.overview .calendar-area ul li a,.overview .calendar-area ul li b,.overview .today-pick ul li a,.overview .today-pick ul li b{vertical-align:baseline;font-weight:700}.overview .calendar-area .recharts-bar .recharts-bar-rectangle path,.overview .today-pick .recharts-bar .recharts-bar-rectangle path{fill:var(--color-11)!important}.overview .today-pick-briefing{border:0;box-shadow:none;height:auto;margin:8px 0;display:grid;border-bottom:1px dashed var(--color-4);padding:0 0 16px;width:100%}.overview .current-situation{display:grid;grid-template-columns:3fr 1fr;gap:16px}.overview .current-situation .today-pick{flex:3}.overview .current-situation .status-list{flex:1}.overview .all{margin-top:8px;display:grid;gap:16px}.overview .all .all-status{display:flex;justify-content:space-between;align-items:center}.overview .all .all-status .title{font-size:1.3rem;font-weight:700}.overview .all .all-status div{display:flex;justify-content:center;align-items:center;gap:10px}.overview .all .all-status div button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);width:-moz-fit-content;width:fit-content;min-width:110px;padding:8px}.overview .all .all-status div input{padding:10px;border-radius:4px;margin:0}.overview .all .all-status div .search-bar{position:relative}.overview .all .all-status div .search-bar input{text-align:left}.overview .all .all-status div .search-bar button{position:absolute;right:10px;top:10px;min-width:30px;padding:4px;font-size:.875rem;border:none}.overview .all .all-status div .search-bar button:hover{opacity:.5}.overview .all .patient-table{min-width:1100px;outline:1px solid var(--color-4);overflow:auto;border-radius:8px}.overview .all .patient-table input[type=checkbox]{width:18px;height:18px;border:1px solid var(--color-2)}.overview .all .patient-table input[type=checkbox]:checked{accent-color:var(--color-11)}.overview .all .patient-table .patient-checked td{background:var(--color-10)}.overview .all .patient-table .patient-checked td .patient-edit-btn{color:var(--color-2)}.overview .all .patient-table td,.overview .all .patient-table th{border-bottom:1px solid var(--color-4);border-right:1px solid var(--color-4);padding:6px 0}.overview .all .patient-table th{background-color:var(--color-18);font-weight:700}.overview .all .patient-table th:first-of-type{border-radius:4px 0 0 0}.overview .all .patient-table th:last-of-type{border-radius:0 4px 0 0;border-right:none}.overview .all .patient-table td:last-of-type{border-right:none}.overview .all .patient-table:not(.patient-table-reservation) tr:hover{background-color:var(--color-10)}.overview .all table{width:100%}.overview .all table tr{background-color:var(--color-2)}.overview .all table tr:last-of-type{border:none}.overview .all table tr:last-of-type td{border-bottom:none}.overview .all table thead tr th.highlight-bg-title{background:var(--color-11);color:var(--color-2)}.overview .all table tbody tr td{text-align:center}.overview .all table tbody tr td img{width:16px;height:16px}.overview .all table tbody tr td .patient-edit-btn{padding:4px;background:none;border:none}.overview .all table tbody tr td a{padding:10px 16px;background:var(--color-3);border-radius:4px;font-size:1rem}.overview .all table tbody tr td .btn-details,.overview .all table tbody tr td .btn-reserve{background:none;background:var(--color-2);padding:4px 16px}.overview .all table tbody tr td .btn-details img,.overview .all table tbody tr td .btn-reserve img{width:24px;height:24px}.overview .all table tbody tr td .btn-reserve{background:var(--color-4);color:var(--color-2);width:110px;border:1px solid var(--color-1);font-size:1rem;font-weight:500}.overview .all table tbody tr td .btn-medical-records{background:var(--color-2);color:var(--color-1);border:1px solid var(--color-1)}.overview .all table tbody tr td p span{padding:4px 6px;background:var(--color-10);border-radius:4px;margin:0 4px;border:1px solid #ccc}.overview .all table tbody tr td .treatments-table-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;text-align:center;margin:0 auto}.overview .all table tbody tr td .treatments-table-tag span{display:inline-block;padding:2px 8px}.overview .all table tbody tr .highlight-bg{background:var(--color-2)}.overview .all table tbody tr .btn-details,.overview .all table tbody tr .btn-reserve,.overview .all table tbody tr .btn-symptom-medication,.overview .all table tbody tr .btn-symptom-monitoring{background:var(--color-2);color:var(--color-5);font-weight:700;font-size:.75rem;border:1px solid var(--color-1);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.overview .all table tbody tr .btn-details:hover,.overview .all table tbody tr .btn-reserve:hover,.overview .all table tbody tr .btn-symptom-medication:hover,.overview .all table tbody tr .btn-symptom-monitoring:hover{background:var(--color-11);color:var(--color-2);transition:all .5s}.overview .all table tbody tr .btn-approval-pending{background:var(--color-11);color:var(--color-2);animation:blink 1.5s ease-in-out infinite;width:110px;border:1px solid var(--color-1);padding:3px}.overview .all table tbody tr .btn-approval-pending-link{padding:3px;margin:0 10px;display:inline-grid}.overview .all table tbody tr .btn-gray{background:#dfeeff!important;color:#08113a!important;animation:none!important}.overview .all table tbody tr .btn-gray:hover{background:var(--color-5)!important;color:var(--color-2)!important}.overview .all table tbody tr .time-ago{color:var(--color-5)}.overview .all table tbody tr .all table tbody tr .btn-not-scheduled,.overview .all table tbody tr .all table tbody tr td .btn-not-scheduled,.overview .all table tbody tr .btn-not-scheduled{padding:3px!important;margin:0 10px!important;display:inline-grid!important;width:140px!important;border:1px solid var(--color-5)!important;background:var(--color-3)!important;color:var(--color-5)!important;font-weight:400!important;animation:none!important;text-decoration:none!important}.overview .all table tbody tr .all table tbody tr .btn-not-scheduled:hover,.overview .all table tbody tr .all table tbody tr td .btn-not-scheduled:hover,.overview .all table tbody tr .btn-not-scheduled:hover{background:var(--color-3)!important;color:var(--color-5)!important}.overview .all table tbody tr .btn-reserve{background:var(--color-11);color:var(--color-2);font-weight:700;border:1px solid var(--color-1);padding:8px 19px}.overview .all table tbody tr .btn-details-padding{padding:4px 6px!important}.overview .all .treatments-patient-table tbody tr,.overview .all .treatments-patient-table thead tr{display:grid;grid-template-columns:40px 250px 1fr}.overview .all .treatments-patient-table tbody tr td,.overview .all .treatments-patient-table tbody tr th,.overview .all .treatments-patient-table thead tr td,.overview .all .treatments-patient-table thead tr th{width:100%;height:100%;display:grid;place-items:center;white-space:nowrap}.rdp-root .rdp-selected{background:none!important}@keyframes blink{0%{background:var(--color-11)}50%{background:var(--color-19)}to{background:var(--color-11)}}@media(max-width:1100px){.overview .all .patient-table td:last-of-type,.overview .all .treatments-patient-table td:last-of-type{overflow-x:scroll}}.medication-management{display:grid;grid-template-rows:100px auto 1fr;background:var(--color-bg);position:relative}.medication-management .drug-info .drug-info-container,.medication-management .symptomInfo .drug-info-container{display:grid;gap:16px;background:var(--color-2);border:1px solid var(--color-4);border-radius:4px;padding:10px}.medication-management .drug-info .drug-info-container>div,.medication-management .drug-info .medication-management-container>div,.medication-management .symptomInfo .drug-info-container>div,.medication-management .symptomInfo .medication-management-container>div{max-height:500px;background:var(--color-2);border-radius:4px;padding:10px}.medication-management .symptom-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;text-align:center;overflow:scroll;margin-top:24px}.medication-management .symptom-list li{list-style:none;padding:8px;background:var(--color-2);color:var(--color-5);border:1px solid var(--color-11);cursor:pointer;transition:all .3s ease;border-radius:4px;display:grid;place-items:center}.medication-management .symptom-list li button{padding:4px;background:var(--color-2);color:var(--color-1);border:1px solid var(--color-1)}.medication-management .symptom-list li.selected{background:var(--color-11);color:var(--color-2);font-weight:700}.medication-management .symptom-list li:hover{background:var(--color-11);color:var(--color-2)}.medication-management .drug-info .title-area{display:flex;position:relative}.medication-management .drug-info .title-area .button-area{position:relative;display:flex;flex-direction:row;gap:8px;align-items:center}.medication-management .drug-info .title-area .button-area p{font-weight:700;color:var(--color-11);padding:0 16px}.medication-management .drug-info .title-area .button-area button.active,.medication-management .drug-info .title-area .button-area button:hover{background-color:var(--color-11);color:var(--color-2);font-weight:700}.medication-management .drug-info .title-area .time-modal{width:420px;position:absolute;right:0;top:40px;background:#fff;border:1px solid;border-radius:8px;z-index:999;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.medication-management .drug-info .title-area .time-modal .date-picker{display:flex;justify-content:center}.medication-management .drug-info .title-area .time-modal .month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:20px}.medication-management .drug-info .title-area .time-modal .month-grid button{padding:10px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.medication-management .drug-info .title-area .time-modal .month-grid button:hover{background:var(--color-11);color:var(--color-2)}.medication-management .drug-info .title-area .time-modal .month-grid button.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.medication-management .drug-info .title-area .time-modal .month-grid button.disabled{background:#f5f5f5;color:#ccc;border-color:#ddd;cursor:not-allowed;opacity:.6}.medication-management .drug-info .title-area .time-modal .month-grid button.disabled:hover{background:#f5f5f5;color:#ccc}.medication-management .drug-info .title-area .time-modal .year-selector{width:100%}.medication-management .drug-info .title-area .time-modal .year-selector select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.medication-management .drug-info .title-area .time-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.medication-management .drug-info .title-area .time-modal .year-month-selector{display:flex;gap:10px;margin-bottom:20px}.medication-management .drug-info .title-area .time-modal .week-selector{display:flex;gap:10px;flex-wrap:wrap}.medication-management .drug-info .title-area .time-modal .week-selector button{padding:8px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.medication-management .drug-info .title-area .time-modal .week-selector button.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.medication-management .drug-info .title-area .time-modal .week-selector button:hover{background:var(--color-11);color:var(--color-2)}.drug-table-container{display:grid;overflow-x:auto;margin:20px 0;background:var(--color-2);border:1px solid var(--color-4);border-radius:4px;padding:10px}.drug-table{width:100%;border-collapse:collapse;background-color:var(--color-2);box-shadow:0 1px 3px rgba(0,0,0,.1)}.drug-table td,.drug-table th{padding:4px 8px;text-align:left;border-bottom:1px solid var(--color-15)}.drug-table th{background-color:var(--color-16);font-weight:600;color:var(--color-17)}.drug-table tr:hover{background-color:var(--color-bg)}.drug-table img{width:50px;height:24px}@media(max-width:768px){.drug-table td,.drug-table th{padding:8px}}.section-title{font-weight:700;font-size:1.2rem;margin:10px 0;text-align:center}.medication-briefing-charts{width:100%;display:flex;align-items:flex-start;gap:16px}.medication-briefing-charts .today-pick{background:var(--color-2);border:1px solid var(--color-4);border-radius:8px;padding:20px;margin-bottom:16px}.medication-briefing-charts .today-pick .pick-title{font-size:18px;font-weight:700;color:var(--color-1);margin-bottom:16px;text-align:center}.medication-briefing-charts .briefing-container{width:100%}.medication-briefing-charts .horizontal-layout{display:flex;gap:16px;align-items:stretch;width:100%;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.medication-briefing-charts .horizontal-layout::-webkit-scrollbar{height:6px}.medication-briefing-charts .horizontal-layout::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.medication-briefing-charts .horizontal-layout::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.medication-briefing-charts .horizontal-layout::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.medication-briefing-charts .chart-card{flex:1;min-width:0;max-width:calc(33.333% - 11px)}.medication-briefing-charts .chart-card .chart-title{font-size:1.2rem;font-weight:700;color:var(--color-11);margin-bottom:12px;text-align:center}.medication-briefing-charts .chart-card .today-chart-content,.medication-briefing-charts .chart-card .yesterday-chart-content{height:100%;display:flex;flex-direction:column}.medication-briefing-charts .chart-card .chart-section{flex:1;min-height:0}.medication-briefing-charts .metrics-container{flex-shrink:0;min-width:500px;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.medication-briefing-charts .metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.medication-briefing-charts .metric-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all .2s ease}.medication-briefing-charts .metric-item:hover{background:#e9ecef}.medication-briefing-charts .metric-item.today{border-left:3px solid #545ead}.medication-briefing-charts .metric-item.today .metric-icon{background:#e8f5e8}.medication-briefing-charts .metric-item.completed{border-left:3px solid #2196f3}.medication-briefing-charts .metric-item.completed .metric-icon{background:#e3f2fd}.medication-briefing-charts .metric-item.partial{border-left:3px solid #ff9800}.medication-briefing-charts .metric-item.partial .metric-icon{background:#fff3e0}.medication-briefing-charts .metric-item.not-completed{border-left:3px solid #f44336}.medication-briefing-charts .metric-item.not-completed .metric-icon{background:#ffebee}.medication-briefing-charts .metric-item.yesterday{border-left:3px solid #545ead}.medication-briefing-charts .metric-item.yesterday .metric-icon{background:#e8f5e8}.medication-briefing-charts .metric-item.missed{border-left:3px solid #ff9800}.medication-briefing-charts .metric-item.missed .metric-icon{background:#fff3e0}.medication-briefing-charts .metric-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.medication-briefing-charts .metric-content{flex:1;min-width:0}.medication-briefing-charts .metric-label{font-size:1rem;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medication-briefing-charts .metric-value{font-size:1.5rem;font-weight:700;color:#333}.medication-briefing-charts .chart-card{display:grid;border:1px solid var(--color-11);color:var(--color-11);padding:16px;border-radius:8px;box-shadow:0 2px 4px rgba(58,75,103,.3);gap:10px;background:var(--color-2);height:100%}.medication-briefing-charts .today-chart-content,.medication-briefing-charts .yesterday-chart-content{display:flex;flex-direction:column;gap:16px;flex:1}.medication-briefing-charts .chart-section{flex:1;min-width:0}.medication-briefing-charts .today-metrics-text,.medication-briefing-charts .yesterday-metrics-text{display:flex;justify-content:space-around;gap:16px;padding:12px 0;border-top:1px solid #e9ecef}.medication-briefing-charts .metric-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.medication-briefing-charts .metric-text.today .metric-icon,.medication-briefing-charts .metric-text.today .metric-value{color:#545ead}.medication-briefing-charts .metric-text.completed .metric-icon,.medication-briefing-charts .metric-text.completed .metric-value{color:#2196f3}.medication-briefing-charts .metric-text.not-completed .metric-icon,.medication-briefing-charts .metric-text.not-completed .metric-value{color:#87b1eb}.medication-briefing-charts .metric-text.yesterday-completed .metric-value{color:#545ead}.medication-briefing-charts .metric-text.yesterday-missed .metric-value{color:#6ba9dc}.medication-briefing-charts .metric-text .metric-icon{font-size:1.2rem}.medication-briefing-charts .metric-text .metric-label{font-size:.8rem;color:#666;white-space:nowrap}.medication-briefing-charts .metric-text .metric-value{font-size:1.1rem;font-weight:700}.medication-briefing-charts .chart-title{margin:0 0 16px;font-size:1rem;font-weight:700;color:#333;text-align:center;white-space:nowrap}.medication-briefing-charts .no-data-message{height:150px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6;flex:1}.medication-briefing-charts .no-data-message p{color:#6c757d;margin:0;font-size:13px}@media(max-width:1200px){.medication-briefing-charts .horizontal-layout{gap:10px}.medication-briefing-charts .metrics-container{padding:12px}.medication-briefing-charts .metrics-grid{gap:8px}.medication-briefing-charts .metric-item{padding:6px;gap:6px}.medication-briefing-charts .metric-icon{width:28px;height:28px;font-size:1rem}.medication-briefing-charts .metric-label{font-size:9px}.medication-briefing-charts .metric-value{font-size:12px}.medication-briefing-charts .chart-card.today-chart{min-width:350px}.medication-briefing-charts .today-chart-content{gap:12px}.medication-briefing-charts .today-metrics-text{gap:12px;padding:8px 0}.medication-briefing-charts .metric-text .metric-icon{font-size:1rem}.medication-briefing-charts .metric-text .metric-label{font-size:.7rem}.medication-briefing-charts .metric-text .metric-value{font-size:1rem}.medication-briefing-charts .chart-card{min-width:180px;padding:12px}.medication-briefing-charts .chart-card.bar-chart{min-width:250px}}@media(max-width:768px){.medication-briefing-charts .horizontal-layout{gap:8px}.medication-briefing-charts .metrics-container{min-width:300px;padding:10px}.medication-briefing-charts .metrics-grid{grid-template-columns:repeat(2,1fr);gap:6px}.medication-briefing-charts .metric-item{padding:4px;gap:4px}.medication-briefing-charts .metric-icon{width:24px;height:24px;font-size:12px}.medication-briefing-charts .metric-label{font-size:8px}.medication-briefing-charts .metric-value{font-size:10px}.medication-briefing-charts .chart-card.today-chart{min-width:300px}.medication-briefing-charts .today-chart-content{flex-direction:column;gap:12px}.medication-briefing-charts .today-metrics-text{gap:8px;padding:6px 0}.medication-briefing-charts .metric-text .metric-icon{font-size:.9rem}.medication-briefing-charts .metric-text .metric-label{font-size:.6rem}.medication-briefing-charts .metric-text .metric-value{font-size:.9rem}.medication-briefing-charts .chart-card{min-width:160px;padding:10px}.medication-briefing-charts .chart-card.bar-chart{min-width:200px}.medication-briefing-charts .chart-title{font-size:10px}}@media(max-width:480px){.medication-briefing-charts .horizontal-layout{flex-direction:column;gap:12px}.medication-briefing-charts .metrics-container{min-width:100%;padding:12px}.medication-briefing-charts .metrics-grid{grid-template-columns:1fr;gap:8px}.medication-briefing-charts .metric-item{padding:8px;gap:8px}.medication-briefing-charts .metric-icon{width:32px;height:32px;font-size:16px}.medication-briefing-charts .metric-value{font-size:14px}.medication-briefing-charts .chart-card{min-width:100%;padding:16px}.medication-briefing-charts .chart-card.bar-chart{min-width:100%}.medication-briefing-charts .chart-title{font-size:14px}}.sub-info{display:flex;align-items:center;gap:8px}.filter-clear-btn{padding:2px 8px;border:1px solid #ddd;background-color:#fff;border-radius:8px;cursor:pointer;font-size:12px;min-width:80px;transition:all .2s ease}.filter-clear-btn:hover{background-color:#f5f5f5}.patient-search-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px;padding:8px 0}.patient-search-options li{padding:8px 16px;cursor:pointer;list-style:none;transition:background-color .2s ease}.patient-search-options li:hover{background-color:#f5f5f5}.measurement-days-ago{color:#888;font-size:.9em}.measurement-change{color:#666;font-size:.85em;margin-top:4px;line-height:1.4}.measurement-change-icons{display:inline-flex;align-items:flex-end;gap:2px;border:none;background:transparent}.medication-status-cell{display:flex;align-items:center;justify-content:center;gap:8px}.monitoringPage .current-situation .monitoring-summary-container{display:grid;gap:8px}.monitoringPage .current-situation .monitoring-summary-bottom-line{margin:8px 0;border-bottom:1px dashed var(--color-4);padding-bottom:8px;width:100%}.monitoringPage .current-situation .monitoring-summary-patient-info{padding:0 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:1rem;width:-moz-fit-content;width:fit-content;font-weight:700}.monitoringPage .current-situation .monitoring-summary-patient-info a{border-radius:4px;margin:0 3px;border:1px solid #ccc;display:inline-block;padding:2px 6px;font-size:.75rem;cursor:pointer}.monitoringPage .current-situation .monitoring-summary{border:1px solid var(--color-11);color:var(--color-11);width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:8px;box-shadow:0 2px 4px rgba(58,75,103,.3);padding:16px 16px 24px;background:var(--color-2)}@media(max-width:500px){.monitoringPage .current-situation .monitoring-summary .content .sub-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.monitoringPage .current-situation .monitoring-summary .title{font-size:1.2rem;font-weight:700}.monitoringPage .current-situation .monitoring-summary .monitoring-summary-title-highlight{color:var(--color-12)}.monitoringPage .current-situation .monitoring-summary .monitoring-summary-title-highlight-orange{color:#ff9800}.monitoringPage .current-situation .monitoring-summary:first-child{min-width:300px;width:100%;flex-shrink:0}.monitoringPage .current-situation .monitoring-summary .content{width:100%}.monitoringPage .current-situation .monitoring-summary .content .sub-info{font-size:1.08rem;margin-bottom:10px;display:flex}.monitoringPage .current-situation .monitoring-summary .content .sub-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.monitoringPage .current-situation .monitoring-summary .content .sub-info span{border-radius:4px;margin:0 3px;border:1px solid #ccc;display:inline-block;padding:2px 6px;font-size:.75rem;cursor:pointer}.monitoringPage .current-situation .monitoring-summary .content .sub-info span:hover{background:var(--color-11);color:var(--color-2)}.sub-info-name{border-radius:4px;display:inline-block;cursor:pointer;padding:2px 6px}.sub-info-name:hover{background:var(--color-11);color:var(--color-2)}.symptom-monitoring{display:grid;grid-template-rows:110px auto auto 1fr;background:var(--color-bg);position:relative}.symptom-monitoring .title-area{position:relative}.symptom-monitoring .title-area button{height:auto}.symptom-monitoring .title-area .button-area{display:flex;gap:8px;position:relative;align-items:center}.symptom-monitoring .title-area .button-area p{font-weight:700;color:var(--color-11);padding:0 16px}.symptom-monitoring .title-area .button-area button.active,.symptom-monitoring .title-area .button-area button:hover{background-color:var(--color-11);color:var(--color-2);font-weight:700}.symptom-monitoring .title-area .time-modal{width:420px;position:absolute;right:0;top:40px;background:#fff;border:1px solid;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.symptom-monitoring .title-area .time-modal .date-picker{display:flex;justify-content:center}.symptom-monitoring .title-area .time-modal .month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:20px}.symptom-monitoring .title-area .time-modal .month-grid button{padding:10px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.symptom-monitoring .title-area .time-modal .month-grid button:hover{background:var(--color-11);color:var(--color-2)}.symptom-monitoring .title-area .time-modal .month-grid button.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.symptom-monitoring .title-area .time-modal .month-grid button.disabled{background:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;opacity:.6}.symptom-monitoring .title-area .time-modal .month-grid button.disabled:hover{background:#f5f5f5;color:#999}.symptom-monitoring .title-area .time-modal .year-selector{width:100%}.symptom-monitoring .title-area .time-modal .year-selector select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.symptom-monitoring .title-area .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.symptom-monitoring .title-area .year-month-selector{display:flex;gap:10px;margin-bottom:20px}.symptom-monitoring .title-area .week-selector{display:flex;gap:10px;flex-wrap:wrap}.symptom-monitoring .title-area .week-selector button{padding:8px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.symptom-monitoring .title-area .week-selector button.active{background:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.symptom-monitoring .title-area .week-selector button:hover{background:var(--color-11);color:var(--color-2)}.symptom-monitoring .title-area .week-selector button.disabled{background:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;opacity:.6}.symptom-monitoring .title-area .week-selector button.disabled:hover{background:#f5f5f5;color:#999}.symptom-monitoring .blood-pressure{background:none}.symptom-monitoring .blood-pressure div{display:grid;grid-template-columns:1fr 1fr 2fr;max-height:300px}.symptom-monitoring .blood-pressure div div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px}.symptom-monitoring .blood-pressure div{grid-template-columns:500px 1fr;gap:10px}.symptom-monitoring .blood-pressure .title-area{grid-template-columns:1fr auto}.symptom-monitoring .blood-pressure .title-area .title{min-width:120px}.symptom-monitoring .blood-pressure .button-area{flex-direction:row}.symptom-monitoring .blood-pressure .button-area button{background-color:var(--color-2);margin-right:4px;cursor:pointer;font-size:.875rem;position:relative;border:1px solid var(--color-4);padding:4px 10px 4px 32px;color:var(--color-5)}.symptom-monitoring .blood-pressure .button-area button span{width:14px;height:14px;background:var(--color-2);color:var(--color-2);border:1px solid var(--color-5);border-radius:50%;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.symptom-monitoring .blood-pressure .button-area button.active{background-color:var(--color-card-1);color:var(--color-1);border:1px solid var(--color-11);font-size:.875rem;text-wrap:nowrap}.symptom-monitoring .blood-pressure .button-area button.active span{background:var(--color-11);color:var(--color-2);border:1px solid var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.systolic{background:none;padding-left:32px;color:var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.systolic span{background-color:#fc0}.symptom-monitoring .blood-pressure .button-area button.diastolic{background:none;padding-left:32px;color:var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.diastolic span{background-color:#0c0}.symptom-monitoring .blood-pressure .button-area button.pulse{background:none;padding-left:32px;color:var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.pulse span{background-color:#3298ff}.symptom-monitoring .blood-pressure .button-area button.bloodSugar{background:none;padding-left:32px;color:var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.bloodSugar span{background-color:red}.symptom-monitoring .blood-pressure .button-area button.weight{background:none;padding-left:32px;color:var(--color-11)}.symptom-monitoring .blood-pressure .button-area button.weight span{background-color:#9b9b9b}.symptom-monitoring .blood-pressure .result-button-area{gap:8px}.symptom-monitoring .blood-pressure .result-button-area button{margin:0}.symptom-monitoring .blood-pressure .result-button-area button:before{display:none}.symptom-monitoring .blood-pressure-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.symptom-monitoring .blood-pressure-container>div{background:var(--color-2);border:1px solid var(--color-5);border-radius:4px;padding:10px}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data{height:100%;border:1px solid var(--color-5)}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data .title-row{border-bottom:1px solid var(--color-4);padding-bottom:10px}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data ul{width:90%;height:auto;padding:24px;display:grid;align-items:center;gap:6px}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data ul li{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 40px;width:100%;text-align:left}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data ul li p{text-align:left}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data ul li p.average-text{font-weight:700}.symptom-monitoring .blood-pressure-container .symptom-monitoring-data .monitoring-data-list{padding-top:10px}.symptom-monitoring .blood-pressure-container .monitoring-chart-container{border:1px solid var(--color-5)}.symptom-monitoring .blood-pressure-container .no-data{display:flex;justify-content:center;align-items:center;height:100%;min-height:232px;text-align:center;width:100%}.symptom-monitoring .blood-pressure-container .title{font-weight:700;font-size:1.2rem;margin:6px 0}.symptom-monitoring .blood-pressure-container .recharts-responsive-container{height:100%!important;display:flex;justify-content:center;align-items:flex-start}.symptom-monitoring .blood-pressure-container .weight-title{font-weight:700;font-size:1.2rem;margin:6px 0}.symptom-monitoring .weight-temp-sugar{background:none;padding-top:24px}.symptom-monitoring .weight-temp-sugar div{display:grid;grid-template-columns:1fr 1fr 2fr;max-height:300px}.symptom-monitoring .weight-temp-sugar div div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px}.symptom-monitoring .weight-temp-sugar div{grid-template-columns:800px 1fr;max-height:330px}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container{gap:16px}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container>div{background:var(--color-2);border:1px solid var(--color-5);border-radius:4px;padding:10px}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container>div .title{font-weight:700;font-size:1.2rem;margin:6px 0}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .symptom-list{display:flex;gap:8px}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .card{display:flex;gap:8px;justify-content:center;align-items:center;height:100%}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .card li{width:100px;border:1px solid var(--color-14);border-radius:6px;display:grid;place-items:center;gap:8px;padding:24px 0}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .card li p:first-of-type{font-weight:700;font-size:1.5rem}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .button-area{flex-direction:row;position:relative}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .button-area button{padding:4px 10px;border:1px solid var(--color-4);background-color:var(--color-bg);margin-right:4px;cursor:pointer;font-size:.875rem}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .button-area button.active{background-color:var(--color-card-1);color:var(--color-2)}.symptom-monitoring .weight-temp-sugar .weight-temp-sugar-container .recharts-responsive-container{margin-top:16px}@media(max-width:1024px){.symptom-monitoring{grid-template-rows:auto auto 1fr}.symptom-monitoring .user-info-device-info{grid-template-columns:1fr}}.add-device-modal .modal-content input{width:auto;margin:0 20px}.add-device-modal .modal-content .device-list{display:flex;flex-direction:column;gap:8px;width:100%}.add-device-modal .modal-content .device-list li{padding:10px 24px;border:1px solid;border-radius:4px}.add-device-modal .modal-content .title-area a{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5);border-radius:4px}.add-device-modal .modal-content .modal-actions{display:flex;gap:8px}.add-device-modal .modal-content .modal-actions button{width:100%;padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5)}.add-device-modal .modal-content .modal-actions .save{background:var(--color-11);color:var(--color-2)}.device-list-modal ul{display:grid;gap:24px;width:100%;background:var(--color-2);border-radius:8px;border:1px solid var(--color-4);padding:24px 0}.device-list-modal ul li{padding:10px 24px;border-radius:4px}.device-list-modal ul li label input[type=checkbox]{width:20px;height:20px;margin-right:16px}.device-list-modal .device-list-link{padding:8px 0;display:flex;justify-content:center}.device-list-modal .device-list-link a{padding:4px 8px;background:var(--color-bg);border-radius:4px;border:1px solid var(--color-4)}.report-content{width:80%;border:5px solid var(--color-1);padding:16px;background:var(--color-2);display:grid;gap:16px}.report-content .report-title{font-size:1.5rem;font-weight:700;text-align:center;padding:16px}.report-content .title-area{display:none}.report-content .blood-pressure-container{grid-template-columns:1fr!important}.report-content .blood-pressure-container div{padding:0}.report-content .blood-pressure-container .title{text-align:center}.report-content .blood-pressure-container .symptom-list{display:flex;gap:8px;justify-content:center;align-items:center}.report-content .blood-pressure-container .button-area button{width:100%;text-wrap:nowrap;padding:4px 16px!important}.report-content .blood-pressure-container .button-area button span,.report-content .weight-temp-sugar{display:none}.report-content .recharts-wrapper{max-width:100%}.report-content .button-area{flex-direction:row}.report-content .button-area button{padding-left:8px}.page-chart-table-button-area{display:flex;gap:8px}.page-chart-table-button-area button{background:var(--color-1)!important;color:var(--color-2)!important;padding:8px 16px;margin:0 4px;border:1px solid var(--color-14);border-radius:4px;cursor:pointer}.page-chart-table-button-area button.active{background-color:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.search-bar{position:relative}.search-bar .patient-search-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px;padding:8px 0}.search-bar .patient-search-options li{padding:8px 16px;cursor:pointer;list-style:none}.search-bar .patient-search-options li:hover{background-color:#f5f5f5}.filter-applied{display:flex;align-items:center;gap:8px}.filter-applied button{padding:2px 8px;border:1px solid #ddd;background-color:#fff;border-radius:8px;cursor:pointer;font-size:12px;min-width:80px}.patient-name-clickable{cursor:pointer}.patient-name-clickable.selected{background-color:#1e3a8a;color:#fff}.patient-name-clickable:not(.selected){background-color:transparent;color:var(--color-11)}.expand-toggle{cursor:pointer;color:var(--color-6);font-size:.8rem;width:100px;text-align:right}.section-text{max-width:100%}.section-text.expanded{white-space:normal;overflow:visible;text-overflow:clip}.section-text:not(.expanded){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-filter-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chart-filter-clickable.active{color:#1e3a8a}.chart-container{margin-bottom:16px;width:100%}.chart-container,.patient-table-cell{display:flex;align-items:center;justify-content:center}.patient-table-cell{gap:8px}.patient-columns{display:flex;gap:20px;width:100%;text-wrap:nowrap}.patient-columns .patient-column{flex:1}.monitoring-summary-bottom-line.flex-layout{display:flex;align-items:center;justify-content:space-between}.title-with-expand{display:flex;align-items:center;justify-content:flex-start}.scrollable-content{max-height:200px;overflow-y:auto}.scrollable-content.with-padding{padding-right:8px}.change-icon-container{display:inline-flex;align-items:center;gap:2px}.no-patient-selected,.title-small-text{color:var(--color-4)}.title-small-text{font-size:.8rem}.patient-name-in-summary{font-size:1rem;font-weight:700;padding:0}.patient-name-in-summary.selected{background-color:#1e3a8a;color:#fff;border:none}.patient-name-in-summary:not(.selected){background-color:transparent;color:var(--color-11);border:none}.icon-opacity{opacity:.5}.symptom-item{list-style-type:none;margin:5px 0}.symptom-item span{cursor:pointer;padding:5px 10px;border:1px solid var(--color-4);border-radius:5px;display:inline-block}.symptom-item.selected span{background-color:var(--color-bg-2);font-weight:700}.login-page02{display:flex;min-height:100vh;width:100vw}.login-page02 .sign-form-container{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;background:var(--color-2)}.login-page02 .sign-form-container .login-container{display:grid;place-items:center;gap:10px;text-align:center}.login-page02 .sign-form-container .login-container img{scale:1.5}.login-page02 .sign-form-container .login-container p{font-size:1.5rem;color:var(--color-11)}.login-page02 .sign-form-container .login-form{width:100%;max-width:360px;padding:20px 0}.login-page02 .sign-form-container .login-form form{display:flex;flex-direction:column;gap:15px}.login-page02 .sign-form-container .login-form form .form-group{display:flex;align-items:center;position:relative}.login-page02 .sign-form-container .login-form form .form-group .error-message{position:absolute;left:122px;bottom:0;color:red;font-size:.75rem;text-align:left;display:block}.login-page02 .sign-form-container .login-form form label{margin-bottom:5px;position:absolute;top:15px;left:14px;color:var(--color-5);font-weight:700;font-size:.875rem}.login-page02 .sign-form-container .login-form form input{width:100%;padding:14px 14px 14px 120px;border:1px solid var(--color-4);border-radius:4px;background:var(--color-2);text-align:left}.login-page02 .sign-form-container .login-form form button{background:var(--color-11);color:var(--color-2);box-shadow:0 0 10px rgba(0,0,0,.1);padding:14px;margin-top:8px}.login-page02 .sign-form-container .login-form form button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.login-page02 .sign-form-container .login-form form .login-attempt-count{text-align:center;color:#ff6b6b;font-size:.875rem;margin-top:8px;font-weight:500}.login-page02 .sign-form-container .login-form form .login-error-message{text-align:center;color:red;font-size:.75rem;margin-top:-10px;margin-bottom:5px;width:100%}.login-page02 .sign-form-container .login-form form .account-locked-message{margin-top:12px;border-radius:4px;text-align:center}.login-page02 .sign-form-container .login-form form .account-locked-message .locked-warning{color:#856404;font-weight:700;font-size:.9375rem;margin-bottom:4px}.login-page02 .sign-form-container .login-form form .account-locked-message .locked-info{color:#856404;font-size:.875rem;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.login-page02 .sign-form-container .login-form .find-account{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--color-11)}.login-page02 .sign-form-container .login-form .find-account div{display:flex;align-items:center;gap:8px}.login-page02 .sign-form-container .login-form .find-account a{color:var(--color-11);text-decoration:none;font-weight:700}.login-page02 .sign-info-container{flex:1;display:flex;justify-content:center;align-items:center;background:var(--color-gradient-1);padding:40px}.signup-page02{display:flex;min-height:100vh;width:100vw}.signup-page02 .signup-form-container{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;background:var(--color-2)}.signup-page02 .signup-form-container .signup-container{display:grid;place-items:center;gap:10px;text-align:center}.signup-page02 .signup-form-container .signup-container img{scale:1.5}.signup-page02 .signup-form-container .signup-container p{font-size:1.5rem;color:var(--color-11)}.signup-page02 .signup-form-container .signup-form{width:100%;max-width:400px;padding:20px}.signup-page02 .signup-form-container .signup-form form{display:flex;flex-direction:column;gap:15px}.signup-page02 .signup-form-container .signup-form form .form-group{display:flex;align-items:center;position:relative}.signup-page02 .signup-form-container .signup-form form label{margin-bottom:5px;position:absolute;top:15px;left:14px;color:var(--color-5);font-weight:700;font-size:.875rem}.signup-page02 .signup-form-container .signup-form form input{width:100%;padding:14px 14px 14px 120px;border:1px solid var(--color-4);border-radius:4px;background:var(--color-2);text-align:left}.signup-page02 .signup-form-container .signup-form form input::-moz-placeholder{font-size:.8rem;color:var(--color-5)}.signup-page02 .signup-form-container .signup-form form input::placeholder{font-size:.8rem;color:var(--color-5)}.signup-page02 .signup-form-container .signup-form form button{background:var(--color-11);color:var(--color-2);box-shadow:0 0 10px rgba(0,0,0,.1);padding:14px;margin-top:8px}.signup-page02 .signup-form-container .signup-form form .input-with-button{width:100%}.signup-page02 .signup-form-container .signup-form form .hp-check-button{position:absolute;right:12px;top:13px;margin:0;padding:5px 10px;border-radius:4px;cursor:pointer;font-weight:700;font-size:.8rem}.signup-page02 .signup-form-container .signup-form form .hp-check-button-success{background-color:var(--color-2);border:1px solid var(--color-4);color:var(--color-5);position:absolute;right:12px;top:13px;margin:0;padding:4px 9px;border-radius:4px;cursor:pointer;font-weight:700;font-size:.8rem;z-index:9}.signup-page02 .signup-form-container .signup-form form .error-message{position:absolute;left:122px;bottom:0;color:red;font-size:.75rem;text-align:left;display:block}.signup-page02 .signup-form-container .signup-form form .input-with-role{position:relative;display:flex;align-items:center;width:100%}.signup-page02 .signup-form-container .signup-form form .input-with-role label{position:absolute;top:15px;left:14px;color:var(--color-5);font-weight:700;font-size:.875rem;z-index:10}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container{position:relative;width:100%;display:flex;align-items:center}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container input[type=text]{flex:1;padding-left:120px;padding-right:150px;font-size:.8rem}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container input[type=text]::-moz-placeholder{font-size:.8rem;color:var(--color-5)}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container input[type=text]::placeholder{font-size:.8rem;color:var(--color-5)}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container .role-selection{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container .role-selection .role-radio{position:absolute;opacity:0;width:0;height:0}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container .role-selection .role-radio+.role-button{display:inline-block;padding:5px 10px;background-color:var(--color-2);border:1px solid var(--color-4);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--color-5);font-weight:700;font-size:.8rem;position:relative;top:0;left:0;margin:0}.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container .role-selection .role-radio+.role-button:hover,.signup-page02 .signup-form-container .signup-form form .input-with-role .input-container .role-selection .role-radio:checked+.role-button{background-color:var(--color-11);color:var(--color-2);border-color:var(--color-11)}.signup-page02 .signup-form-container .find-account{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px;color:var(--color-11)}.signup-page02 .signup-form-container .find-account div{display:flex;align-items:center;gap:8px}.signup-page02 .signup-form-container .find-account a{color:var(--color-11);text-decoration:none;font-weight:700}.signup-page02 .signup-info-container{flex:1;display:flex;justify-content:center;align-items:center;background:var(--color-gradient-1);padding:40px}.find-info-page{display:flex;min-height:100vh;width:100vw}.find-info-page .find-info-form-container{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;background:var(--color-2)}.find-info-page .find-info-form-container .find-info-container{display:grid;place-items:center;gap:10px;text-align:center}.find-info-page .find-info-form-container .find-info-container img{scale:1.5}.find-info-page .find-info-form-container .find-info-container p{font-size:1.5rem;color:var(--color-11)}.find-info-page .find-info-form-container .find-info-form{width:100%;max-width:360px;padding:20px 0}.find-info-page .find-info-form-container .find-info-form .find-id-container,.find-info-page .find-info-form-container .find-info-form .find-password-container{display:flex;flex-direction:column;gap:15px}.find-info-page .find-info-form-container .find-info-form .find-id-container h1,.find-info-page .find-info-form-container .find-info-form .find-password-container h1{font-size:1.2rem;color:var(--color-11);margin-bottom:10px}.find-info-page .find-info-form-container .find-info-form .find-id-container form,.find-info-page .find-info-form-container .find-info-form .find-password-container form{display:flex;flex-direction:column;gap:15px}.find-info-page .find-info-form-container .find-info-form .find-id-container form input,.find-info-page .find-info-form-container .find-info-form .find-password-container form input{width:100%;padding:14px;border:1px solid var(--color-4);border-radius:4px;background:var(--color-2);text-align:left}.find-info-page .find-info-form-container .find-info-form .find-id-container form input::-moz-placeholder,.find-info-page .find-info-form-container .find-info-form .find-password-container form input::-moz-placeholder{font-size:.8rem;color:var(--color-5)}.find-info-page .find-info-form-container .find-info-form .find-id-container form input::placeholder,.find-info-page .find-info-form-container .find-info-form .find-password-container form input::placeholder{font-size:.8rem;color:var(--color-5)}.find-info-page .find-info-form-container .find-info-form .find-id-container form button,.find-info-page .find-info-form-container .find-info-form .find-password-container form button{width:100%;background:var(--color-11);color:var(--color-2);box-shadow:0 0 10px rgba(0,0,0,.1);padding:14px;margin-top:8px}.find-info-page .find-info-form-container .find-info-form .sign-account{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--color-11)}.find-info-page .find-info-form-container .find-info-form .sign-account a{color:var(--color-11);text-decoration:none;font-weight:700}.find-info-page .find-info-service-container{flex:1;display:flex;justify-content:center;align-items:center;background:var(--color-gradient-1);padding:40px}.find-info-page .card-image-container,.login-page02 .card-image-container,.signup-page02 .card-image-container{flex-direction:column;gap:16px}.find-info-page .card-image-container a,.login-page02 .card-image-container a,.signup-page02 .card-image-container a{display:block;transition:transform .2s ease;width:100%}.find-info-page .card-image-container a:hover,.login-page02 .card-image-container a:hover,.signup-page02 .card-image-container a:hover{transform:scale(1.02)}.find-info-page .card-image-container img,.login-page02 .card-image-container img,.signup-page02 .card-image-container img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px}.find-info-page .card-image-container div,.login-page02 .card-image-container div,.signup-page02 .card-image-container div{display:flex;gap:16px}.find-info-page .card-image-container div img,.login-page02 .card-image-container div img,.signup-page02 .card-image-container div img{flex:1;min-width:0}.privacy-policy-page{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:var(--color-gradient-1);padding:20px}.privacy-policy-page .privacy-policy-container{display:grid;place-items:center;overflow:scroll;max-width:800px;margin:0 auto;background:var(--color-2);border-radius:8px;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.privacy-policy-page .privacy-policy-container .header{margin-bottom:30px;text-align:center}.privacy-policy-page .privacy-policy-container .header .back-link{display:inline-block;color:var(--color-11);text-decoration:none;margin-bottom:20px;font-weight:500;transition:color .3s ease}.privacy-policy-page .privacy-policy-container .header .back-link:hover{color:var(--color-2)}.privacy-policy-page .privacy-policy-container .header h1{color:var(--color-11);font-size:2rem;margin:0}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section{margin-bottom:30px}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section h3{color:var(--color-11);font-size:1.25rem;margin-bottom:15px;border-bottom:2px solid var(--color-11);padding-bottom:8px}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section p{color:var(--color-5);line-height:1.6;margin-bottom:15px;font-size:.95rem}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section ul{list-style-type:disc;margin-left:20px;margin-bottom:15px}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section ul li{color:var(--color-5);line-height:1.6;margin-bottom:8px;font-size:.95rem}.privacy-policy-page .privacy-policy-container .privacy-policy-content .policy-section strong{color:var(--color-11);font-weight:600}.mypage-title{font-weight:700;font-size:1.2rem;margin:16px 0}.mypage-button-group{width:100%;display:flex;align-items:flex-start;justify-content:flex-end;gap:10px}.mypage-button-group p{margin:8px 16px}.mypage-button-group .mypage-button{padding:8px;font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);color:var(--color-11);width:120px;height:-moz-fit-content;height:fit-content}.mypage-button-group .save-button{background:var(--color-11);color:var(--color-2)}.mypage-account-info{background:var(--color-bg);display:grid}.mypage-account-info .input-group{display:grid}.mypage-account-info .input-group label{flex:1 1 calc(50% - 20px);margin:10px 0;position:relative}.mypage-account-info .input-group label input{border-radius:4px;padding:8px}.mypage-account-info .input-group label span{position:absolute;top:8px;left:16px;width:30%;color:var(--color-6)}.mypage-account-info .input-group label .phone-number:before{content:"(핸드폰 번호를 변경하면 앱 기기 연결이 해제됩니다.)";position:absolute;top:40px;left:0;font-size:12px;color:var(--color-12);width:100%;text-align:right}.mypage-account-info .input-group label .select-box{width:100%;padding:8px;border:1px solid #ccc;text-align:center;background:#fff;font-size:.875rem;border-radius:4px}.mypage-account-info .input-group label .select-box:disabled{opacity:1;background:#f0f0f0;color:#a0a0a0}.mypage-account-info .input-group .check-button{position:absolute;right:8px;top:7px;padding:2px 8px;font-size:.875rem;border:1px solid var(--color-4);background:var(--color-11);color:var(--color-2)}.mypage-account-info .input-group .available{background:var(--color-2);color:var(--color-11)}.mypage-account-info .input-group .info-message{font-size:12px;color:var(--color-12);width:100%;text-align:left}.mypage-account-info .input-group .success-message{color:var(--color-11)}.mypage-account-info .input-group .error-message{color:var(--color-12)}.mypage-device-list{background:var(--color-bg)}.mypage-device-list .device-list-header{display:flex;align-items:center;justify-content:space-between}.mypage-device-list .device-list-header button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);width:100px}.mypage-device-list .device-table{width:100%;border:1px solid var(--color-4)}.mypage-device-list .device-table thead tr th{background-color:var(--color-bg);font-weight:700}.mypage-device-list .device-table tbody tr td,.mypage-device-list .device-table thead tr th{border-bottom:1px solid var(--color-4);padding:8px 0;outline:1px solid var(--color-15);text-align:center}.mypage-device-list .device-table tbody tr td{background:var(--color-2)}.mypage-device-list .device-table tbody tr td button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);margin:0 8px}.mypage-inquery{background:var(--color-bg);display:grid;gap:32px;grid-template-columns:1fr 1fr;justify-content:center}.mypage-inquery section{padding:0}.mypage-inquery .right-section{display:grid;grid-template-rows:1fr 1fr}.mypage-inquery .mypage-inquery-section,.mypage-inquery .notices-area{border:1px solid var(--color-3);padding:24px;border-radius:10px;background:var(--color-2)}.mypage-inquery .notices-area{margin-bottom:40px}.mypage-inquery .inquiry-area{border:1px solid var(--color-3);padding:24px;border-radius:10px;background:var(--color-2)}.mypage-inquery .inquiry-table,.mypage-inquery .notices-table{width:100%;border:1px solid var(--color-4)}.mypage-inquery .inquiry-table thead tr th,.mypage-inquery .notices-table thead tr th{background-color:var(--color-bg);font-weight:700;border-bottom:1px solid var(--color-4);padding:8px 0;outline:1px solid var(--color-15);text-align:center}.mypage-inquery .inquiry-table tbody tr td,.mypage-inquery .notices-table tbody tr td{text-align:center;border-bottom:1px solid var(--color-4);padding:8px 0;outline:1px solid var(--color-15);background:var(--color-2)}.mypage-inquery .inquiry-table tbody tr td button,.mypage-inquery .notices-table tbody tr td button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);margin:0 8px;padding:4px 8px}.mypage-inquery .inquiry-header{width:100%;display:flex;align-items:center;justify-content:space-between}.mypage-inquery .inquiry-header button{font-size:1rem;border:1px solid var(--color-4);background:var(--color-2);padding:4px 8px}*{margin:0;padding:0;vertical-align:middle}.rdp-selected .rdp-day_button{background:var(--color-11);color:var(--color-2);border-radius:8px;border:1px solid var(--color-2)!important}.title-area{display:flex;justify-content:space-between;margin:10px 0}.title-area .title{font-weight:700;font-size:1.2rem}.title-area button{padding:4px 16px;border:1px solid var(--color-5);height:-moz-fit-content;height:fit-content;background:var(--color-2);color:var(--color-5)}.title-area button:hover{background:var(--color-5);color:var(--color-2)}@media print{body *{visibility:hidden}.report-treatment,.report-treatment *{visibility:visible}.report-treatment{position:absolute;left:0;top:0;width:100%}}