@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700;900&display=swap";@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";:root{--primary:#00897b;--accent:#3949ab;--white:#fff;--light-gray:#f5f5f5;--medium-gray:#eceff1;--dark-gray:#333;--text-dark:#2c3e50;--text-light:#7f8c8d;--success:#27ae60;--error:#e74c3c;--border:#e0e0e0;--font-family:"Lato",sans-sherif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow:0 2px 8px #0000001a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family);color:var(--text-dark);background-color:var(--light-gray);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--text-dark);margin-bottom:var(--spacing-md);font-weight:600}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin-bottom:var(--spacing-md);color:var(--text-light)}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--accent)}input,textarea,select{padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:16px;transition:border-color .3s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #5fa6241a}input::placeholder{color:var(--text-light)}button{cursor:pointer;border-radius:var(--radius);border:none;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.rcpt-shell{background:#f4f6f8;flex-direction:row;height:100vh;font-family:Lato,sans-serif;display:flex;position:relative;overflow:hidden}.rcpt-sidebar{z-index:300;background:#1a6b5a;flex-direction:column;flex-shrink:0;width:200px;height:100vh;transition:left .25s;display:flex;position:fixed;top:0;left:-240px;overflow:hidden}.rcpt-desktop .rcpt-sidebar,.rcpt-sidebar--open{left:0}.rcpt-desktop .rcpt-main{margin-left:200px}.rcpt-sidebar__brand{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:16px}.rcpt-sidebar__brand-row{align-items:center;gap:9px;display:flex}.rcpt-sidebar__brand-icon{background:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.rcpt-sidebar__brand-name{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.rcpt-sidebar__brand-sub{color:#ffffff80;margin-top:2px;font-size:10px}.rcpt-sidebar__brand-date{color:#ffffff59;margin-top:8px;font-size:10px}.rcpt-sidebar__nav{flex:1;padding:10px 8px;overflow-y:auto}.rcpt-sidebar__nav-item{cursor:pointer;text-align:left;color:#ffffffa6;background:0 0;border:none;border-left:3px solid #0000;border-radius:7px;align-items:center;gap:9px;width:100%;margin-bottom:1px;padding:9px 10px;font-family:Lato,sans-serif;font-size:12px;font-weight:400;transition:all .15s;display:flex}.rcpt-sidebar__nav-item i{min-width:18px;font-size:16px}.rcpt-sidebar__nav-item:hover{color:#fff;background:#ffffff14}.rcpt-sidebar__nav-item--active{color:#fff;background:#ffffff1f;border-left-color:#4caf8a;font-weight:600}.rcpt-sidebar__nav-dot{background:#4caf8a;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.rcpt-sidebar__footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:12px 14px}.rcpt-sidebar__user{align-items:center;gap:9px;margin-bottom:10px;display:flex}.rcpt-sidebar__avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.rcpt-sidebar__user-name{color:#fff;font-size:12px;font-weight:600}.rcpt-sidebar__user-role{color:#ffffff80;font-size:10px}.rcpt-sidebar__logout{color:#ff6b6b;cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c40;border-radius:6px;width:100%;padding:7px;font-family:Lato,sans-serif;font-size:12px;font-weight:600;transition:background .2s}.rcpt-sidebar__logout:hover{background:#e74c3c40}.rcpt-overlay{z-index:299;background:#00000073;position:fixed;inset:0}.rcpt-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.rcpt-topbar{z-index:100;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 1px 4px #0000000d}.rcpt-topbar__left{align-items:center;gap:10px;display:flex}.rcpt-topbar__title{color:#1a1a2e;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.rcpt-topbar__title i{color:#1a1a2e;font-size:17px}.rcpt-topbar__right{align-items:center;gap:10px;display:flex}.rcpt-topbar__time{color:#888;font-size:11px}.rcpt-hamburger{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:4px;padding:4px;display:flex}.rcpt-hamburger span{background:#333;border-radius:1px;width:18px;height:2px;display:block}.rcpt-alerts{flex-direction:column;flex-shrink:0;gap:0;display:flex}.rcpt-content{flex:1;padding:14px 16px;overflow-y:auto}.rcpt-mobile .rcpt-content,.rcpt-tablet .rcpt-content{padding:12px 12px 70px}.rcpt-bottom-nav{z-index:100;background:#fff;border-top:1px solid #e8e8e8;flex-shrink:0;display:flex;position:sticky;bottom:0}.rcpt-bottom-nav__item{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;font-family:Lato,sans-serif;font-size:9px;transition:color .15s;display:flex}.rcpt-bottom-nav__item i{font-size:20px}.rcpt-bottom-nav__item--active,.rcpt-bottom-nav__item:hover{color:#1a6b5a}.rcpt-more-backdrop{z-index:400;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.rcpt-more-panel{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:80vh;overflow:hidden auto}.rcpt-more-panel__header{z-index:1;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.rcpt-more-panel__header span{color:#1a1a2e;font-size:14px;font-weight:700}.rcpt-more-panel__header button{cursor:pointer;color:#888;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.rcpt-more-panel__item{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:Lato,sans-serif;transition:background .15s;display:flex}.rcpt-more-panel__item:last-child{border-bottom:none}.rcpt-more-panel__item:hover{background:#f8f9fa}.rcpt-more-panel__item i:first-child{min-width:24px;font-size:20px}.rcpt-more-panel__item-label{color:#1a1a2e;font-size:13px;font-weight:600}.rcpt-more-panel__item-sub{color:#888;margin-top:1px;font-size:11px}.rcpt-more-panel__item-arrow{color:#ccc;margin-left:auto;font-size:14px}.rcpt-desktop .rcpt-sidebar{flex-shrink:0;height:100vh;position:sticky;top:0;left:0}.rcpt-desktop .rcpt-main{flex:1;min-width:0;margin-left:0}.rcpt-content button i.ti{transition:transform .15s}.rcpt-content button:hover i.ti{transform:scale(1.2)}.rcpt-content button:active i.ti{transform:scale(.95)}.rcpt-content button:active{transform:scale(.98)}.opt-shell{background:#f4f6f8;height:100vh;font-family:Lato,sans-serif;display:flex;position:relative;overflow:hidden}.opt-notification{color:#fff;z-index:1000;background:#1a6b5a;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.opt-queue{background:#1a6b5a;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;overflow:hidden}.opt-queue-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:16px 14px 12px}.opt-queue-title{color:#fff;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.opt-queue-sub{color:#ffffff80;margin-top:3px;font-size:11px}.opt-queue-list{flex:1;padding:6px;overflow-y:auto}.opt-queue-item{cursor:pointer;border:1.5px solid #0000;border-left-width:3px;border-radius:8px;margin-bottom:4px;padding:10px;transition:background .15s}.opt-queue-item:hover{background:#ffffff14}.opt-queue-item.active{background:#ffffff1f;border-left-color:#4caf8a}.opt-queue-name{color:#fff;font-size:15px;font-weight:600}.opt-queue-meta{color:#ffffff73;align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.opt-status-badge{border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700}.opt-badge-waiting{color:#f57f17;background:#fff9c4}.opt-badge-withopt{color:#1565c0;background:#e3f2fd}.opt-badge-returned{color:#ad1457;background:#fce4ec}.opt-queue-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:12px 14px}.opt-queue-user{align-items:center;gap:8px;margin-bottom:8px;display:flex}.opt-queue-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.opt-queue-username{color:#fff;font-size:12px;font-weight:600}.opt-queue-role{color:#ffffff80;font-size:10px}.opt-logout-btn{color:#ff6b6b;cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c40;border-radius:6px;width:100%;padding:7px;font-family:Lato,sans-serif;font-size:12px;font-weight:600}.opt-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.opt-patient-header{background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.opt-patient-info{align-items:center;gap:10px;display:flex}.opt-patient-name{color:#1a1a2e;font-size:18px;font-weight:700}.opt-patient-meta{color:#888;align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.opt-badge{border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.opt-badge-postcyclo{color:#6a1b9a;background:#f3e5f5}.opt-header-actions{gap:8px;display:flex}.opt-back-btn{cursor:pointer;color:#555;background:0 0;border:none;padding:4px;font-size:20px}.opt-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-family:Lato,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.opt-btn:hover{background:#f5f5f5}.opt-btn-save{color:#fff;background:#1a6b5a;border-color:#1a6b5a}.opt-btn-save:hover{background:#2e9b78}.opt-btn-doctor{color:#fff;background:#1a6b5a;border-color:#1a6b5a}.opt-btn-doctor:hover{background:#2e9b78}.opt-btn-dilate{color:#fff;background:#f57f17;border-color:#f57f17}.opt-btn-dilate:hover{background:#e65100}.opt-btn-danger{color:#fff;background:#c62828;border-color:#c62828}.opt-tabs{background:#f8f9fa;border-bottom:2px solid #e8e8e8;flex-shrink:0;padding:0 8px;display:flex;overflow-x:auto}.opt-tab{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-2px;padding:12px 18px;font-family:Lato,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.opt-tab:hover{color:#1a6b5a;background:#f0faf6;border-radius:6px 6px 0 0}.opt-tab-active{color:#1a6b5a;background:#fff;border-bottom-color:#1a6b5a;border-radius:6px 6px 0 0;font-weight:700}.opt-content{flex:1;padding:14px;overflow-y:auto}.opt-empty{color:#bbb;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.opt-card{background:#fff;border-radius:10px;margin-bottom:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.opt-card-title{color:#555;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.opt-table{border-collapse:collapse;width:100%;font-size:14px}.opt-table th{text-align:center;color:#555;text-transform:none;background:#f8f9fa;border-bottom:2px solid #e8e8e8;padding:8px;font-size:12px;font-weight:700}.opt-table th:first-child{text-align:left}.opt-table td{text-align:center;border-bottom:1px solid #f8f8f8;padding:6px 4px}.opt-table td:first-child{color:#555;text-align:left;width:40px;font-size:12px;font-weight:700}.opt-table input{text-align:center;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:6px;width:100%;padding:9px 8px;font-family:Lato,sans-serif;font-size:14px;transition:border-color .15s}.opt-table input:focus{background:#fff;border-color:#1a6b5a;outline:none;box-shadow:0 0 0 3px #1a6b5a1a}.opt-table select{cursor:pointer;background:#fafafa;border:1.5px solid #e8e8e8;border-radius:6px;width:100%;padding:9px 4px;font-family:Lato,sans-serif;font-size:14px}.opt-prev-row td{color:#888;background:#f8f9fa;font-size:12px;font-style:italic}.opt-change-up{color:#2e7d32;font-weight:700}.opt-change-down{color:#c62828;font-weight:700}.opt-change-same{color:#888}.opt-collapsible-header{cursor:pointer;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 0;display:flex}.opt-collapsible-header:hover{color:#1a6b5a}.opt-iop-big{color:#1a1a2e;text-align:center;font-size:32px;font-weight:700;line-height:1}.opt-iop-label{color:#888;text-align:center;margin-top:4px;font-size:11px}.opt-iop-input{text-align:center;border:2px solid #e8e8e8;border-radius:8px;width:80px;padding:10px;font-family:Lato,sans-serif;font-size:20px;font-weight:700}.opt-iop-input:focus{border-color:#1a6b5a;outline:none;box-shadow:0 0 0 3px #1a6b5a1a}.opt-iop-high{color:#c62828;border-color:#c62828}@media (width<=767px){.opt-queue{width:100%}.opt-tab span{display:none}.opt-tab{padding:10px 12px}.opt-content{padding:10px}}