.chat-overlay-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;justify-content:flex-end;align-items:stretch;z-index:2000}.chat-overlay-panel{width:900px;max-width:200%;height:100vh;background:linear-gradient(135deg,#289dd7,#022c3e);padding:24px;box-shadow:0 20px 60px #00000080;border-radius:24px 0 0 24px;position:relative;color:#f9fafb}.chat-close-btn{position:absolute;top:14px;right:16px;border:black 2px solid;background:transparent;color:#000102;font-size:30px;cursor:pointer}.chat-shell{height:100%;display:flex;flex-direction:column;max-width:max-content}.chat-layout{display:grid;grid-template-columns:200px 1fr 260px;gap:16px;height:100%}.chat-column-left{background:#e0f2fe;border-radius:18px;padding:12px 16px;color:#0f172a;margin-right:10px}.chat-column-middle{background:#e0f2fe;border-radius:18px;padding:12px 16px;color:#0f172a;width:175%;margin-right:10px}.chat-column-right{background:#ecf5ff;border-radius:18px;padding:12px 16px;color:#0f172a;margin-left:10px}.chat-column-spacer{width:20px;border-top:black 5px solid}.chat-message-list{margin-top:8px;flex:1;overflow-y:auto;background-color:#e0f2fe}.chat-message-row{width:100%;text-align:left;border:none;background:transparent;padding:8px 6px;display:flex;gap:8px;border-radius:10px;cursor:pointer}.chat-message-row.selected{background:#e0f2fe}.chat-input-row{display:flex;gap:8px;margin-top:8px}.chat-input-row input{flex:1}.chat-input-row button{padding:8px 16px;border:none;border-radius:10px;background:#3b82f6;color:#fff;cursor:pointer}.chat-message-status{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:8px;font-size:12px;font-weight:700}.chat-message-status.Read{background-color:#aef5d0;color:#065f46}.chat-message-status.Replied{background-color:#58dafa;color:#1e40af}.chat-message-status.Unread{background-color:#fee2e2;color:#991b1b}.chat-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease}.chat-container{background:#fff;border-radius:12px;width:95%;max-width:1200px;height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:chatSlideIn .4s ease}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.chat-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:700}.close-btn{background:#f3f4f6;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;font-weight:600;color:#6b7280;transition:all .2s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.chat-layout{display:grid;grid-template-columns:350px 1fr;flex:1;overflow:hidden}.chat-sidebar{border-right:1px solid #e5e7eb;background:#f9fafb;padding:20px;overflow-y:auto}.new-conversation-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.new-conversation-section h3{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:700}.new-conversation-section select,.new-conversation-section input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:12px;font-size:14px}.start-conversation-btn{width:100%;padding:10px;background:#1ba39c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.start-conversation-btn:hover:not(:disabled){background:#0f766e}.start-conversation-btn:disabled{background:#d1d5db;cursor:not-allowed}.conversations-list h3{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:700}.conversation-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.conversation-item:hover{box-shadow:0 2px 4px #0000001a;border-color:#1ba39c}.conversation-item.active{border-color:#1ba39c;background:#f0fdfa}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conversation-header strong{color:#1e293b;font-size:14px}.last-activity{font-size:12px;color:#6b7280}.conversation-subject{color:#374151;font-weight:600;margin-bottom:4px;font-size:13px}.conversation-meta{color:#6b7280;font-size:12px}.join-btn{position:absolute;top:8px;right:8px;background:#f59e0b;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s ease}.join-btn:hover{background:#d97706}.chat-main{display:flex;flex-direction:column;overflow:hidden}.conversation-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;justify-content:space-between;align-items:center}.patient-info h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.patient-dob{color:#6b7280;font-size:14px}.participants-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.participants-btn:hover{background:#e5e7eb}.conversation-subject{padding:12px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:14px;display:flex;justify-content:space-between;align-items:center}.hipaa-notice{color:#059669;font-size:12px;font-weight:600}.participants-panel{padding:16px 24px;background:#fefce8;border-bottom:1px solid #e5e7eb}.participants-panel h4{margin:0 0 12px;color:#1e293b;font-size:14px;font-weight:700}.participants-list,.available-staff{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.participant{background:#1ba39c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.add-staff-btn{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-staff-btn:hover{background:#2563eb}.messages-container{flex:1;overflow-y:auto;padding:20px 24px}.message{margin-bottom:16px;padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.message.own-message{background:#e0f2fe;border-color:#bae6fd;margin-left:40px}.message.system-message{background:#fefce8;border-color:#fde047;font-style:italic;text-align:center}.message-priority{color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.message-content{color:#374151;line-height:1.5;font-size:14px}.message-input-section{border-top:1px solid #e5e7eb;background:#fff;padding:16px 24px}.input-controls{margin-bottom:12px}.priority-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.input-area{display:flex;gap:12px;align-items:flex-end}.input-area textarea{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:6px;resize:vertical;min-height:60px;max-height:120px;font-size:14px;font-family:inherit}.send-btn{padding:12px 24px;background:#1ba39c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.send-btn:hover{background:#0f766e}.no-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280;padding:40px}.no-conversation h3{margin:0 0 8px;color:#374151;font-size:18px}.no-conversation p{margin:0 0 20px;font-size:16px}.hipaa-reminder{background:#f0fdf4;color:#166534;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid #bbf7d0}.clinic-chat-btn,.patient-chat-btn{padding:12px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;transition:all .2s ease}.clinic-chat-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#166534}.patient-chat-btn:hover{background:#f0f9ff;border-color:#3b82f6;color:#1d4ed8}.no-messages{text-align:center;padding:40px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media (max-width: 1024px){.chat-container{width:98%;height:90vh}.chat-layout{grid-template-columns:300px 1fr}}@media (max-width: 768px){.chat-container{width:100%;height:100vh;border-radius:0}.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.message.own-message{margin-left:20px}}body{font-family:Inter,sans-serif;margin:0;background-color:#f5f9f8}.dashboard-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:220px;min-width:220px;background-color:#16a191;color:#fff;display:flex;flex-direction:column;padding:18px;height:100vh;overflow-y:auto}.mini-sidebar{width:220px;min-width:220px;background-color:#16a191;color:#fff;display:flex;flex-direction:column;padding:10px;height:100vh;overflow-y:auto}.db-sidebar{width:220px;min-width:220px;background-color:#16a191;color:#fff;display:flex;flex-direction:column;padding:18px;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #a7bab9;scroll-behavior:smooth}.sidebar .logo{font-weight:700;font-style:italic,bold;font-size:17px;text-decoration:underline;color:#0d0d0d;margin-bottom:28px;background-color:#e7f7f4;padding:8px;text-align:center}.db-sidebar .logo{font-weight:700;font-style:italic,bold;font-size:17px;text-decoration:underline;color:#0d0d0d;margin-bottom:28px;background-color:#e7f7f4;text-align:center;padding:8px}.mini-sidebar .logo{font-weight:700;font-style:italic,bold;font-size:17px;text-decoration:underline;color:#0d0d0d;margin-bottom:18px;background-color:#e7f7f4;text-align:center;padding:8px}.db-sidebar ul,.sidebar ul,.mini-sidebar ul{list-style:none;padding:0}.sidebar a{color:#000208;background-color:#d5d6d6;font-weight:650;text-align:center;text-decoration:none;margin:8px 0;display:flex;cursor:pointer;padding:8px;border-radius:6px;font-size:18px;height:auto}.mini-sidebar a{color:#000208;background-color:#d5d6d6;font-weight:650;text-align:center;justify-content:center;text-decoration:none;margin:8px 0;display:flex;cursor:pointer;padding:8px;border-radius:6px;font-size:18px;height:auto}.db-sidebar a{color:#000208;background-color:#d5d6d6;font-weight:550;text-align:center;justify-content:center;text-decoration:none;margin:8px 0;display:flex;cursor:pointer;padding:8px;border-radius:6px;font-size:15px;height:auto}.sidebar a.active,.sidebar li:hover{background-color:#07bdab}.main-content{flex:1;width:calc(100vw - 220px);height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#fff;padding:0;font-size:18px}.top-bar{display:flex;justify-content:center;align-items:center;padding:20px 40px;margin-bottom:20px;background-color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e7eb}.top-bar h1{font-size:36px;color:#000;margin:0;text-align:center}.spacer-header{flex-grow:1}.secondary-top-bar{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 40px;margin-bottom:30px;border-bottom:4px solid #05186b;flex-wrap:wrap;background-color:#fff}.new-patient-btn{background-color:#007f6d;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-patient-btn:hover{background-color:#82bab0}.new-message-btn{background-color:#007f6d;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-message-btn:hover{background-color:#82bab0}.new-task-btn{background-color:#007f6d;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-task-btn:hover{background-color:#82bab0}.new-clinic-btn{background-color:#007f6d;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-clinic-btn:hover{background-color:#82bab0}.new-reminder-btn{background-color:#007f6d;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-reminder-btn:hover{background-color:#82bab0}.new-notification-btn{background-color:#1190d4;color:#fff;border:black 2px solid;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.new-notification-btn:hover{background-color:#083693}.settings-btn,.profile-btn,.notifications-btn,.calendar-btn,.tasks-btn,.messages-btn,.time-clock-btn,.vma-btn,.reminders-btn{background-color:#c7f5f5;color:#090909;border:2px solid rgba(9,9,9,.637);border-radius:6px;padding:10px 14px;cursor:pointer;font-size:16px;white-space:nowrap}.settings-btn:hover,.profile-btn:hover,.notifications-btn:hover,.calendar-btn:hover,.tasks-btn:hover,.messages-btn:hover,.time-clock-btn:hover,.vma-btn:hover,.reminders-btn:hover{background-color:#74b7b3}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 40px;max-width:calc(100% - 80px)}.kpi-card{background-color:#a1f0c2;padding:24px;border-radius:10px;box-shadow:3px 4px #000000e3;min-height:140px;display:flex;flex-direction:column;justify-content:center}.kpi-card h2{font-size:22px;color:#000;margin:0 0 12px}.kpi-card .value{font-size:32px;font-weight:700;color:#05186b;margin:8px 0}.kpi-card .change{font-size:16px;margin-top:8px;color:#00030e}.change.up{color:#02651e;font-weight:700;font-size:16px}.change.down{color:#ff0b0b;font-weight:700;font-size:16px}.change.flat{color:#060000;font-weight:700;font-size:16px}.program-section{margin:20px 40px;max-width:calc(100% - 80px)}.program-card h2{font-size:40px;color:red;font-weight:900;text-align:center;border-bottom:4px solid #0d0c0c;margin-bottom:24px;padding-bottom:12px}.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:100%}.program-tile{background-color:#fff;border-radius:10px;border:black 3px solid;box-shadow:2px 4px #02b295e3;padding:20px;text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:transform .2s ease}.program-tile:hover{transform:translateY(-2px)}.program-tile h3{margin:0 0 12px;font-size:18px;color:#0b6a72;border:1px solid #05186b;border-bottom:3px solid #05186b;padding:8px}.program-tile h3:hover{color:#ff6f61}.program-tile p{font-size:32px;font-weight:700;color:#045c9e;margin:12px 0}.billing-tasks-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 40px;max-width:calc(100% - 80px)}.billing-tasks-row h3{font-size:28px;color:#000;margin-bottom:20px;text-align:center;border:#4d86c2 3px solid;padding:12px}.billing-card h2,.tasks-card h2{font-size:24px;color:#000;text-align:center;border-bottom:2px solid #05186b;margin-bottom:20px;padding-bottom:12px}.billing-card,.tasks-card{background-color:#e9e7e7;border-radius:10px;padding:24px}.billing-card .revenue{font-size:32px;color:#2643c5;margin:12px 0;text-decoration:underline;text-align:center}.bubbles{display:flex;gap:12px;flex-wrap:wrap;color:#000;justify-content:center;align-items:center;margin-top:20px}.bubble{background:#76f0d9;border-radius:50%;border:black 2px solid;width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#000302;text-align:center;font-size:16px}.bubble span{font-size:12px;margin-top:6px;text-decoration:overline}.tasks-card ul{padding:0;list-style:none}.tasks-card li{background:#f5f9f8;padding:14px;margin-bottom:10px;border-radius:6px;border:black 2px solid;font-size:16px}.tasks-card li:hover{background:#d1f0ed;cursor:pointer}.program-tile-hint{font-size:14px;color:#000;font-weight:450;text-align:center;margin-top:6px}.tilemodal-backdrop{position:fixed;inset:0;width:100%;height:100%;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:1000}.tilemodal{background:#fff;padding:24px;border-radius:18px;width:540px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 18px 40px #0000002e;display:flex;flex-direction:column;gap:12px}.tilemodal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000000;margin-bottom:16px;padding-bottom:10px}.tilemodal-body{flex:1;overflow-y:auto;font-size:16px}.tilemodal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.tilemodal-close{background:transparent;border:none;font-size:18px;cursor:pointer}.tilemodal-primary{background-color:#ff6f61;color:#fff;border:none;padding:8px 20px;border-radius:999px;cursor:pointer;font-weight:600}.messaging-window-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.messaging-window{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:95%;max-width:1200px;height:85vh;overflow:hidden;display:flex;flex-direction:column}.messaging-window-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.messaging-window-header h2{margin:0;font-size:18px;font-weight:600}.messaging-window-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px}.messaging-window-close:hover{background:#0000001a;color:#333}.messaging-window-content{flex:1;overflow:hidden}.messaging-window-content .msg-layout{height:100%}@media (max-width: 1200px){.billing-tasks-row{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.secondary-top-bar{flex-wrap:wrap;gap:8px}.top-bar,.secondary-top-bar,.program-section,.billing-tasks-row{margin-left:20px;margin-right:20px;max-width:calc(100% - 40px)}.kpi-row{grid-template-columns:1fr;margin:20px;max-width:calc(100% - 40px)}.program-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bubbles{gap:8px}.bubble{width:60px;height:60px;font-size:10px}.top-bar h1{font-size:28px}.program-card h2{font-size:32px}}.msg-layout{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 80px);background:#f4f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.msg-sidebar{display:flex;flex-direction:column;background:#4e89a0;color:#f9fbff;border-right:1px solid rgba(0,0,0,.05)}.msg-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.msg-sidebar-header h1{font-size:20px;font-weight:700;margin:0;justify-content:center;align-items:center;display:flex}.msg-new-btn{border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;background:#20b486;color:#fff;box-shadow:0 4px 10px #0000002e;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;justify-content:center;justify-self:center;align-items:center;justify-items:center;display:flex}.msg-new-btn:hover{background:#1a9370;transform:translateY(-1px);box-shadow:0 6px 14px #00000040}.msg-new-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0003}.msg-thread-item{position:relative;width:100%;border:none;text-align:left;background:transparent;color:inherit;cursor:pointer;padding:12px 10px 12px 12px;border-radius:10px;margin:2px 0;transition:background .12s ease,transform .05s ease;display:flex;justify-content:space-between;align-items:flex-start;list-style:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.05)}.msg-thread-item:first-child{border-top:none}.msg-thread-item:last-child{border-bottom:none}.msg-thread-item:hover{background:#ffffff14}.msg-thread-item.active{background:#fff;color:#123047;transform:translateY(-1px);border-color:#0000001a}.msg-thread-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.msg-thread-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.msg-thread-subject{font-size:13px;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-thread-time{font-size:11px;opacity:.8;margin-left:8px}.msg-thread-row-bottom{display:flex;flex-direction:column;gap:3px}.msg-thread-participants{font-size:11px;opacity:.8;font-weight:500;margin-bottom:2px}.msg-thread-preview{font-size:12px;opacity:.95;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.msg-thread-row-actions{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease;margin-left:8px;padding-top:4px;flex-shrink:0;width:50px}.msg-thread-row-actions{opacity:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;margin-left:8px!important;padding-top:4px!important;flex-shrink:0!important;width:50px!important}.msg-edit-btn,.msg-delete-btn{border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;min-width:40px;transition:all .15s ease;z-index:10}.msg-edit-btn{background:#256d85;color:#fff}.msg-edit-btn:hover{background:#1a5263;transform:translateY(-1px)}.msg-delete-btn{background:#b91c1c;color:#fff}.msg-delete-btn:hover{background:#7f1d1d;transform:translateY(-1px)}.msg-search{padding:0 16px 12px}.msg-search-container{margin-top:18px}.msg-search input{width:100%;border-radius:999px;border:none;padding:8px 12px;font-size:13px;outline:none;background:#ffffff1a;color:#f9fbff}.msg-search input::placeholder{color:#f9fbffb3}.msg-search input:focus{background:#fff;color:#1f2933}.msg-inbox-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:4px 8px 12px}.msg-thread-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;margin-left:4px}.msg-thread-badge.unread{background:#f97373;color:#fff}.msg-badge{display:inline-flex;align-items:center;justify-content:center;background:#f97373;color:#fff;min-width:18px;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;text-align:center;margin-left:8px}.msg-empty-list{margin-top:20px;font-size:13px;opacity:.8;text-align:center;padding:20px}.msg-thread-panel{display:flex;flex-direction:column;background:#f4f7fb}.msg-thread-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);background:#f8f9fa}.msg-thread-header-info{flex:1}.msg-thread-header-actions{display:flex;gap:8px}.msg-header-action-btn{border:none;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .15s ease}.add-participant-btn{background:#20b486;color:#fff}.add-participant-btn:hover{background:#1a9971}.remove-participant-btn{background:#dc3545;color:#fff}.remove-participant-btn:hover{background:#c82333}.msg-thread-header-title{font-size:18px;font-weight:700;color:#111827;text-align:center}.msg-thread-header-sub{font-size:12px;color:#6b7280;margin-top:2px;text-align:center;justify-content:center;align-items:center;justify-items:center}.msg-thread-header-title{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .15s ease}.msg-thread-header-title:hover{background-color:#0000000d}.msg-thread-title-text{font-size:16px;font-weight:600;flex:1}.msg-thread-edit-title-btn{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .15s ease}.msg-thread-header-title:hover .msg-thread-edit-title-btn{opacity:1}.msg-thread-edit-title-btn:hover{background-color:#0000001a}.msg-thread-title-edit-container{display:flex;align-items:center;gap:8px;width:100%}.msg-thread-title-input{flex:1;border:2px solid #007bff;border-radius:6px;padding:8px 12px;font-size:16px;font-weight:600;background:#fff;outline:none}.msg-thread-title-input:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff1a}.msg-thread-title-edit-actions{display:flex;gap:4px}.msg-title-save-btn,.msg-title-cancel-btn{border:none;border-radius:4px;padding:6px 8px;font-size:12px;cursor:pointer;transition:all .15s ease;min-width:28px}.msg-title-save-btn{background:#28a745;color:#fff}.msg-title-save-btn:hover{background:#218838}.msg-title-cancel-btn{background:#dc3545;color:#fff}.msg-title-cancel-btn:hover{background:#c82333}.msg-thread-body{flex:1;padding:16px 24px 12px;overflow-y:auto;background:linear-gradient(180deg,#f4f7fb,#eef3fb 40%,#f4f7fb)}.msg-bubble{max-width:70%;padding:8px 10px;border-radius:12px;margin-bottom:10px;font-size:13px;box-shadow:0 1px 3px #0f172a26;position:relative}.msg-bubble-out{background:#0f766e;color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.msg-thread-empty{margin:auto;font-size:15px;color:#6b7280}.msg-thread-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e3e7ef;padding:16px 20px}.msg-thread-header-title{font-size:18px;font-weight:700;color:#111827}.msg-thread-header-sub{font-size:12px;color:#6b7280;margin-top:2px}.msg-main-participants{font-weight:600;color:#0f4f55}.messages-empty-state{margin:auto}.msg-thread-body{flex:1;padding:16px 24px 12px;overflow-y:scroll;scrollbar-color:#031e41 transparent;scrollbar-width:15px;scroll-behavior:auto;scrollbar-arrow-color:#20b486;background:linear-gradient(180deg,#f4f7fb,#eef3fb 40%,#f4f7fb);height:75vh}.msg-bubble{max-width:70%;padding:8px 10px;border-radius:12px;margin-bottom:10px;font-size:13px;box-shadow:0 1px 3px #0f172a26;color:#0b3558}.msg-bubble-in{background:#fff;align-self:flex-start;border-bottom-left-radius:2px}.msg-bubble-out{background:#0f766e;color:#0f07ea;align-self:flex-end;border-bottom-right-radius:2px}.msg-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.msg-bubble-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.msg-bubble:hover .msg-bubble-actions{opacity:1}.msg-bubble-action-btn{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:all .15s ease}.msg-bubble-action-btn:hover{background:#0000001a}.msg-edited-indicator{font-style:italic;font-size:10px;opacity:.7}.msg-bubble.outbound{background:#007bff;color:#fff;margin-left:auto}.msg-bubble.inbound{background:#e9ecef;color:#333}.msg-bubble.outbound .msg-bubble-action-btn:hover{background:#fff3}.msg-bubble-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.msg-bubble-author{font-weight:600;font-size:12px}.msg-bubble-author.outgoing{color:#d1fae5}.msg-bubble-author.incoming{color:#374151}.msg-bubble-time{font-size:11px;opacity:.75}.msg-bubble-text{white-space:pre-wrap;word-wrap:break-word}.msg-bubble-status{font-size:11px;opacity:.75}.msg-input-row{display:flex;align-items:center;padding:10px 16px;border-top:1px solid #d6dde9;background:#fff;gap:8px}.msg-input-row input{flex:1;border-radius:999px;border:1px solid #cbd5e1;padding:8px 14px;font-size:13px;outline:none;background:#f9fafb}.msg-input-row input:focus{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e1f;background:#fff}.msg-input-row button{border-radius:999px;border:none;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;background:#0f766e;color:#fff;box-shadow:0 4px 10px #0f766e4d;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.msg-input-row button:hover{background:#0b5c56;transform:translateY(-1px);box-shadow:0 6px 16px #0f766e59}.msg-input-row button:active{transform:translateY(0);box-shadow:0 2px 6px #0f766e4d}.msg-inbox-list::-webkit-scrollbar,.msg-thread-body::-webkit-scrollbar{width:6px}.msg-inbox-list::-webkit-scrollbar-track,.msg-thread-body::-webkit-scrollbar-track{background:transparent}.msg-inbox-list::-webkit-scrollbar-thumb,.msg-thread-body::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}@media (max-width: 900px){.msg-layout{grid-template-columns:1fr}.msg-sidebar,.msg-thread-panel{height:50vh}}.msg-overlay-root{position:fixed;inset:0;z-index:1200;pointer-events:none}.msg-overlay-backdrop{position:absolute;inset:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.msg-overlay-window{position:absolute;top:5%;left:50%;transform:translate(-50%);width:90%;max-width:1200px;height:80%;background:#f5fbfb;border-radius:14px;box-shadow:0 18px 45px #00000038;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.msg-overlay-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#006991,#0098a9);color:#fff;font-weight:600;font-size:16px}.msg-overlay-title{letter-spacing:.02em}.msg-overlay-close-btn{border:none;background:transparent;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:999px}.msg-overlay-close-btn:hover{background:#ffffff2e}.msg-overlay-body{flex:1;display:flex;overflow:hidden}.msg-page-root,.messaging-layout{width:100%;height:100%}.new-message-shell{height:100%;display:flex;align-items:center;justify-content:center}.new-message-card{width:100%;max-width:520px;background:#fff;border-radius:18px;box-shadow:0 18px 45px #00000029;overflow:hidden}.new-message-topbar{padding:20px 24px 8px}.new-message-topbar h3{margin:0;font-size:22px;font-weight:700;color:#0f4f55}.new-message-form{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.new-message-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#0f4f55}.new-message-to-input{border-radius:14px;border:1px solid #c6e5e5;padding:10px 14px;font-size:14px;background:#e5f7f7;outline:none}.new-message-to-input::placeholder{color:#7aa0a5}.new-message-body-input{min-height:180px;resize:vertical;border-radius:16px;border:1px solid #dde7ef;padding:12px 14px;font-size:14px;background:#f7fcff;outline:none}.new-message-body-input::placeholder{color:#9aa7b6}.new-message-actions{display:flex;justify-content:flex-end;margin-top:4px}.new-message-send-btn{border:none;border-radius:999px;padding:10px 26px;font-size:15px;font-weight:600;cursor:pointer;background:#008f8a;color:#fff;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.new-message-send-btn:hover{background:#007974;box-shadow:0 8px 20px #0000002e;transform:translateY(-1px)}.msg-thread-badge.draft{background:#ffe9c8;color:#b86902}.msg-thread-badge.unread{background:#f97373;color:#7f1d1d}.messages-close-btn{position:absolute;top:8px;right:8px;background:#fff;border:3px white solid;color:#000b0b;font-size:24px;cursor:pointer;padding:1px 2px;border-radius:999px}.messages-close-btn:hover{background:#0f4f551a}.msg-new-to-row{margin:16px 24px 8px}.msg-label{font-size:14px;font-weight:600;color:#0f4f55;margin-bottom:6px;display:block}.msg-to-input-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #cde8ea;background:#e7f7f8}.new-message-to-input{flex:1;min-width:120px;border:none;background:transparent;padding:6px 8px;font-size:14px;outline:none}.new-message-to-input-wrapper{display:flex;align-items:center;gap:6px;background:#d1f0f1;padding:4px 10px;border-radius:999px;font-size:13px;color:#0f4f55;font-weight:500}.msg-to-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#0c6f82;color:#fff;font-size:13px;font-weight:500;gap:4px}.msg-to-chip-remove{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0;line-height:1}.msg-to-input{flex:1;min-width:120px;border:none;outline:none;font-size:14px;background:transparent;color:#00334a}.msg-to-suggestions{position:absolute;margin:4px 24px 0;padding:8px 0;list-style:none;border-radius:8px;background:#fff;box-shadow:0 6px 18px #0000001f;max-height:180px;overflow-y:auto}.msg-to-suggestion-item{padding:8px 16px;cursor:pointer;font-size:14px}.msg-to-suggestion-item:hover{background:#e7f7f8}.msg-to-suggestion-name{font-weight:600;color:#0f4f55}.pa-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#5fd0ff,#9be3ff 40%,#c6f0ff)}.pa-sidebar{width:220px;background:linear-gradient(180deg,#0057c2,#003f8c);color:#fff;padding:24px 16px;box-shadow:4px 0 12px #0000002e;display:flex;flex-direction:column}.pa-logo{font-size:24px;font-weight:800;letter-spacing:.08em;margin-bottom:32px}.pa-nav{display:flex;flex-direction:column;gap:6px}.pa-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:none;background:transparent;color:#e5f1ff;font-size:14px;cursor:pointer;text-align:left}.pa-nav-item-active{background:#ffffff29;color:#fff}.pa-nav-item:hover{background:#ffffff14}.pa-nav-icon{font-size:16px}.pa-main{flex:1;padding:32px 40px}.pa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pa-header h1{font-size:32px;font-weight:700;color:#00458f}.pa-new-btn{background:#008cff;border-radius:999px;border:none;padding:12px 24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 14px #0000002e}.pa-new-btn:hover{background:#0074d4}.pa-summary-row{display:flex;gap:16px;margin-bottom:24px}.pa-summary-card{flex:1;background:#fff;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 20px #0000001f}.pa-summary-approved{border-top:4px solid #00a676}.pa-summary-appealing{border-top:4px solid #ff8f2c}.pa-summary-pending{border-top:4px solid #ddff00}.pa-summary-denied{border-top:4px solid #dc0016}.pa-summary-icon{font-size:24px}.pa-summary-text{display:flex;flex-direction:column}.pa-summary-label{font-size:14px;color:#4b5c79}.pa-summary-value{font-size:24px;font-weight:700;color:#1b264f}.pa-table-card{margin-top:8px;background:#fffffff5;border-radius:14px;box-shadow:0 12px 24px #00000029;overflow:hidden}.pa-table-header{background:#0060d1;color:#fff;padding:14px 20px}.pa-table-header h2{margin:0;font-size:18px;font-weight:600}.pa-table{width:100%;border-collapse:collapse;font-size:14px}.pa-table thead{background:#e0f0ff}.pa-table th,.pa-table td{padding:10px 16px;text-align:left}.pa-table th{font-weight:600;color:#324766;border-bottom:1px solid #c0d7f3}.pa-table tbody tr:nth-child(2n){background:#f4f9ff}.pa-table tbody tr:hover{background:#e3f2ff}.pa-link-btn{border:none;background:none;padding:0;margin:0;font-size:14px;font-weight:600;color:#005ad1;text-decoration:underline;cursor:pointer}.pa-status-pill,.pa-priority-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff}.pa-status-pill.approved{background:#16c621}.pa-status-pill.pending{background:#990637}.pa-status-pill.denied{background:#0d0d0d}.pa-status-pill.appealing{background:#b40101}.pa-priority-pill.high{background:#ff171f}.pa-priority-pill.normal{background:#0cbd0f}.pa-detail-layout{min-height:100vh;padding:32px 40px;background:linear-gradient(180deg,#5fd0ff,#9be3ff 40%,#c6f0ff);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pa-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pa-detail-header h1{font-size:28px;font-weight:700;color:#00458f}.pa-detail-back{border:none;border-radius:999px;padding:10px 18px;background:#fff;cursor:pointer;font-weight:600;color:#0057c2;box-shadow:0 6px 14px #0000002e}.pa-detail-card{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 12px 24px #00000029}.new-message-popup-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.new-message-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.new-message-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.new-message-popup-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.new-message-popup-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:all .15s ease}.new-message-popup-close:hover{background:#0000001a;color:#333}.new-message-popup-form{padding:24px;flex:1;overflow-y:auto}.new-message-popup-field{margin-bottom:20px;position:relative}.new-message-popup-label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.new-message-popup-to-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;min-height:44px;background:#fff;transition:border-color .15s ease}.new-message-popup-to-input-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.new-message-popup-chip{background:#007bff;color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;display:flex;align-items:center;gap:4px}.new-message-popup-chip-remove{border:none;background:none;color:#fff;cursor:pointer;font-size:14px;padding:0;margin-left:4px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.new-message-popup-chip-remove:hover{background:#fff3}.new-message-popup-to-input{border:none;outline:none;flex:1;min-width:120px;font-size:14px;background:transparent}.new-message-popup-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px;max-height:160px;overflow-y:auto;z-index:10;list-style:none;margin:0;padding:0}.new-message-popup-suggestion-item{padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f8f9fa}.new-message-popup-suggestion-item:hover{background:#f8f9fa}.new-message-popup-suggestion-item:last-child{border-bottom:none}.new-message-popup-textarea{width:100%;border:2px solid #e9ecef;border-radius:8px;padding:12px;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .15s ease;font-family:inherit}.new-message-popup-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.new-message-popup-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.new-message-popup-cancel-btn,.new-message-popup-send-btn{border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.new-message-popup-cancel-btn{background:#6c757d;color:#fff}.new-message-popup-cancel-btn:hover{background:#5a6268}.new-message-popup-send-btn{background:#007bff;color:#fff}.new-message-popup-send-btn:hover:not(:disabled){background:#0056b3}.new-message-popup-send-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.reminder-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.reminder-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.reminder-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.reminder-modal-header h2{margin:0;font-size:20px;font-weight:600}.reminder-modal-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px}.reminder-modal-close:hover{background:#0000001a}.reminder-modal-form{padding:24px}.reminder-form-field{margin-bottom:16px}.reminder-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reminder-form-field label{display:block;font-weight:600;margin-bottom:6px;color:#333}.reminder-form-field input,.reminder-form-field textarea,.reminder-form-field select{width:100%;border:2px solid #e9ecef;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .15s ease}.reminder-form-field input:focus,.reminder-form-field textarea:focus,.reminder-form-field select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.reminder-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e9ecef}.reminder-cancel-btn,.reminder-create-btn{border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.reminder-cancel-btn{background:#6c757d;color:#fff}.reminder-cancel-btn:hover{background:#5a6268}.reminder-create-btn{background:#28a745;color:#fff}.reminder-create-btn:hover{background:#218838}.reminders-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.reminders-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:95%;max-width:800px;height:80vh;overflow:hidden;display:flex;flex-direction:column}.reminders-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.reminders-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.reminders-modal-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px}.reminders-modal-close:hover{background:#0000001a;color:#333}.reminders-filter-bar{display:flex;padding:16px 24px;gap:8px;border-bottom:1px solid #e9ecef;background:#fff}.filter-btn{border:1px solid #dee2e6;background:#fff;color:#495057;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s ease}.filter-btn:hover{background:#f8f9fa;border-color:#adb5bd}.filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.reminders-list{flex:1;overflow-y:auto;padding:16px 24px}.empty-state{text-align:center;padding:40px 20px;color:#6c757d}.reminder-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;transition:all .15s ease;border-left:4px solid}.reminder-item:hover{box-shadow:0 2px 8px #0000001a}.reminder-main{flex:1;min-width:0}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reminder-title{margin:0;font-size:16px;font-weight:600;color:#333;flex:1}.reminder-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-completed{background:#d1ecf1;color:#0c5460}.status-overdue{background:#f8d7da;color:#721c24}.status-triggered{background:#fff3cd;color:#856404}.reminder-description{margin:0 0 8px;color:#666;font-size:14px;line-height:1.4}.reminder-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.reminder-datetime{color:#495057;font-weight:500}.reminder-category{background:#e9ecef;padding:2px 6px;border-radius:4px;color:#495057;text-transform:capitalize}.reminder-priority{padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.reminder-priority.priority-urgent{background:#dc3545;color:#fff}.reminder-priority.priority-high{background:#fd7e14;color:#fff}.reminder-priority.priority-medium{background:#ffc107;color:#333}.reminder-priority.priority-low{background:#20c997;color:#fff}.reminder-actions{display:flex;gap:6px;align-items:flex-start}.reminder-complete-btn,.reminder-snooze-btn,.reminder-delete-btn{border:none;border-radius:4px;padding:8px;font-size:12px;cursor:pointer;transition:all .15s ease;min-width:32px;height:32px}.reminder-complete-btn{background:#28a745;color:#fff}.reminder-complete-btn:hover{background:#218838}.reminder-snooze-btn{background:#007bff;color:#fff;font-weight:600}.reminder-snooze-btn:hover{background:#0056b3}.reminder-delete-btn{background:#dc3545;color:#fff}.reminder-delete-btn:hover{background:#c82333}.reminders-modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:flex-end}.reminders-close-btn{border:none;background:#6c757d;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.reminders-close-btn:hover{background:#5a6268}.notification-center-page{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#c4daf1;min-height:100vh}.notification-center-page h1{margin-bottom:20px;color:#111827}.notification-center-sidebar{width:200px;margin-right:20px;background-color:#7fffd4;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:fixed;top:20px;left:20px;height:calc(100vh - 40px);overflow-y:auto}.notification-center-item{margin-bottom:10px;padding:10px;border-radius:6px;background-color:#f9fafb;cursor:pointer;transition:background-color .2s}.notification-center-item:hover{background-color:#e5e7eb}.notification-center-item.active{background-color:#d1d5db;font-weight:700}.notification-center-sidebar ul{list-style:none;padding:0}.notification-center-sidebar li{margin-bottom:10px}.notifications-card{width:100%;max-width:600px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;max-height:600px}.notifications-list{list-style:none;padding:0;margin:0 0 10px;border:2px solid #e5e7eb;border-radius:8px 8px 9px 9px;overflow-y:scroll;height:400px;max-height:200%;word-spacing:double}.notification-item{border-bottom:1px solid #e5e7eb;padding:15px}.notification-type-icon{margin-right:10px;vertical-align:middle}.notification-timestamp{font-size:.85em;color:#6b7280;margin-left:10px;vertical-align:middle}.notification-acknowledge-button{float:right}.notification-action-btn{background-color:#3b82f6;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.85em;transition:background-color .3s ease;margin-bottom:20px}.notification-action-btn:hover{background-color:#606b82}.notif-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1300}.notif-modal{width:min(1100px,96vw);max-height:90vh;background:#f5faf9;border-radius:24px;box-shadow:0 18px 45px #0000002e;padding:20px 24px 24px;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notif-title{font-size:20px;font-weight:700;color:#035b67}.notif-header-actions{display:flex;align-items:center;gap:8px}.notif-link-btn{border:none;background:none;color:#00838f;font-size:13px;font-weight:500;cursor:pointer}.notif-link-btn:hover{text-decoration:underline}.notif-close-btn{width:28px;height:28px;border-radius:999px;border:none;background:#e0f2f1;color:#006064;font-size:18px;line-height:1;cursor:pointer}.notif-content{display:flex;height:500px}.notif-list-column{background:#fff;border-radius:18px;padding:12px 12px 8px;box-shadow:0 6px 18px #0000000a;overflow:hidden}.notif-list{list-style:none;margin:0;padding:0;max-height:100%;overflow-y:auto}.notif-item{padding:8px 8px 10px;border-radius:10px;display:flex;flex-direction:column;gap:4px;border-left:3px solid #00acc1;background:#d0e4ec;margin-bottom:6px}.notif-item--read{border-left-color:transparent;background:#d1d3d3}.notif-item-title-row{display:flex;justify-content:space-between;gap:8px}.notif-item-title{font-size:14px;font-weight:600;color:#004d40}.notif-item-time{font-size:11px;color:#78909c;white-space:nowrap}.notif-item-message{margin:0;font-size:13px;color:#455a64}.notif-item-meta{margin-top:2px;display:flex;flex-wrap:wrap;gap:4px}.notif-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:#e0f7fa;color:#006064}.notif-pill--clinic{background:#e8f5e9;color:#2e7d32}.notif-empty{font-size:13px;color:#607d8b}.notif-create-column{display:flex;align-items:stretch}.notif-create-card{background:#fff;border-radius:24px;padding:20px 22px 18px;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;gap:10px}.notif-create-heading{font-size:20px;font-weight:700;color:#00695c;margin:0 0 4px}.notif-field-label{font-size:13px;font-weight:600;color:#006064;margin-bottom:2px}.notif-input{width:100%;border-radius:14px;border:1px solid #cfd8dc;padding:9px 12px;font-size:14px;outline:none;background:#f5fcff;color:#004d40}.notif-input::placeholder{color:#90a4ae}.notif-input:focus{border-color:#00acc1;box-shadow:0 0 0 2px #00acc129;background:#fff}.notif-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#78909c 50%),linear-gradient(135deg,#78909c 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.notif-textarea{min-height:80px;resize:vertical}.notif-upload-section{margin-top:4px;display:flex;flex-direction:column;gap:4px}.notif-upload-dropzone{border-radius:18px;border:1px dashed #80cbc4;background:#e0f7fa;padding:18px 12px;text-align:center;cursor:pointer;transition:all .15s ease}.notif-upload-dropzone--drag{background:#b2dfdb;border-color:#00897b}.notif-upload-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px;position:relative}.notif-upload-cloud{font-size:26px;color:#00acc1}.notif-upload-arrow{position:absolute;font-size:16px;color:#ff6f61;transform:translateY(2px)}.notif-upload-text{margin:0;font-size:13px;color:#006064}.notif-file-input{display:none}.notif-submit-btn{margin-top:8px;width:100%;border:none;border-radius:16px;padding:10px 12px;font-size:15px;font-weight:600;background:#ff6f61;color:#fff;cursor:pointer;transition:background .15s ease,transform .05s ease}.notif-submit-btn:hover{background:#ff5a4a}.notif-submit-btn:active{transform:translateY(1px)}.notif-create-btn{background:#28a745;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.notif-create-btn:hover{background:#218838}.notif-list-column-full{width:100%;padding:20px}.notif-empty-state{text-align:center;padding:60px 20px;color:#6c757d}.notif-empty-state h3{margin:0 0 8px;font-size:18px;color:#495057}.notif-empty-state p{margin:0;font-size:14px}.notif-title-section{display:flex;flex-direction:column;gap:8px}.notif-view-tabs{display:flex;gap:4px}.notif-tab{border:none;background:none;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .15s ease}.notif-tab:hover{background:#007bff1a;color:#007bff}.notif-tab.active{background:#007bff;color:#fff}.notif-item-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.notif-acknowledge-btn{background:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.notif-acknowledge-btn:hover:not(:disabled){background:#218838}.notif-acknowledge-btn:disabled{background:#6c757d;cursor:not-allowed}.notif-acknowledged-label{color:#28a745;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.notif-acknowledgment-stats{margin-top:6px}.ack-stats{font-size:11px;color:#28a745;font-weight:500}.notif-item--acknowledging{animation:acknowledgeGrayOut 2s ease-out forwards}.notif-item--acknowledged{opacity:.6;background:#f8f9fa!important}@keyframes acknowledgeGrayOut{0%{opacity:1;background:#f1fbff}50%{opacity:.8;background:#e9ecef}to{opacity:.6;background:#f8f9fa}}.notif-item--archiving{animation:slideOutAndFade .5s ease-out forwards}@keyframes slideOutAndFade{0%{opacity:1;transform:translate(0);max-height:200px}to{opacity:0;transform:translate(-100%);max-height:0;padding:0;margin:0}}.department-notification-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:2px solid #0288d1;border-radius:12px;padding:16px 20px;margin:16px 20px}.banner-icon{font-size:32px;flex-shrink:0}.banner-content{flex:1}.banner-content h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#01579b}.banner-content p{margin:0;color:#0277bd;font-size:14px}.banner-action-btn{background:linear-gradient(135deg,#0288d1,#01579b);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.banner-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0288d14d}.department-context{font-size:14px;font-weight:500;color:#0288d1;margin-left:12px;background:#e0f2fe;padding:4px 8px;border-radius:6px}.department-employees-summary{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-stat{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #f1f5f9}.summary-stat .stat-icon{font-size:20px;flex-shrink:0}.summary-stat .stat-label{font-size:14px;color:#64748b;font-weight:500}.summary-stat .stat-value{font-size:16px;font-weight:700;color:#1e293b;margin-left:auto}.employee-notification-status{flex-shrink:0;margin-left:12px}.notification-ready{color:#059669;font-size:12px;font-weight:600;background:#d1fae5;padding:4px 8px;border-radius:6px}.notification-not-ready{color:#dc2626;font-size:12px;font-weight:600;background:#fee2e2;padding:4px 8px;border-radius:6px}.notification-btn{display:flex!important;align-items:center;gap:8px;min-width:auto!important}.notification-btn .btn-icon{font-size:16px}.notification-btn .btn-text{font-size:14px;font-weight:600}.department-prefill-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:16px 20px;margin:0 20px 20px}.department-prefill-banner .banner-content{display:flex;align-items:center;gap:12px}.department-prefill-banner .banner-icon{font-size:24px;color:#0284c7}.department-prefill-banner .banner-text{color:#0c4a6e;font-size:14px;line-height:1.4}.recipients-summary{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;padding:20px;margin:20px 0}.recipients-summary h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:700}.recipients-list{display:flex;flex-direction:column;gap:16px}.recipient-count{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:8px;border:1px solid #f1f5f9}.count-number{font-size:32px;font-weight:700;color:#0288d1;background:#e0f2fe;padding:8px 16px;border-radius:8px;min-width:60px;text-align:center}.count-label{font-size:16px;color:#374151;font-weight:500}.recipient-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.breakdown-item{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #f1f5f9;font-size:14px;color:#374151;font-weight:500}.breakdown-icon{font-size:16px;flex-shrink:0}.manage-department-no-employees{text-align:center;padding:40px 20px;color:#9ca3af}.no-employees-icon{font-size:48px;margin-bottom:16px;opacity:.5}.manage-department-no-employees h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#6b7280}.manage-department-no-employees p{margin:0;font-size:14px;color:#9ca3af}.create-notification-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-notification-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.create-notification-header{padding:20px 24px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.create-notification-header h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.create-notification-form{padding:24px;flex:1;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0288d1;box-shadow:0 0 0 3px #0288d11a}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f1f5f9;margin-top:20px}.btn-cancel{background:#f3f4f6;color:#374151;border:2px solid #d1d5db;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0288d1,#01579b);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0288d14d}.notif-priority-badge{font-size:10px;font-weight:600;color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-left:8px}.notif-title-content{display:flex;align-items:center;flex:1}.notif-department-info{display:flex;align-items:center;gap:12px;margin:8px 0;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.dept-badge{font-size:12px;font-weight:600;color:#1e40af;background:#dbeafe;padding:2px 6px;border-radius:4px}.recipient-count{font-size:12px;font-weight:500;color:#059669;background:#d1fae5;padding:2px 6px;border-radius:4px}.ack-stats-detailed{display:flex;flex-direction:column;gap:8px;margin-top:8px}.ack-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.ack-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.ack-details-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.ack-details-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.notif-details-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notif-details-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.notif-details-header{padding:20px 24px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.notif-details-header h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.notif-details-body{padding:24px;flex:1;overflow-y:auto}.notif-details-summary{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.notif-details-summary h4{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:700}.notif-details-summary p{margin:4px 0;color:#64748b;font-size:14px}.acknowledgment-list h5{margin:0 0 16px;color:#1e293b;font-size:14px;font-weight:700}.acknowledgment-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.acknowledgment-item:hover{background:#f8fafc;transform:translate(2px)}.ack-employee-info{display:flex;flex-direction:column;gap:2px}.ack-employee-name{font-weight:600;color:#1e293b;font-size:14px}.ack-employee-id{font-size:12px;color:#64748b}.ack-confirmed{color:#059669;font-size:12px;font-weight:500;background:#d1fae5;padding:4px 8px;border-radius:4px}.ack-pending{color:#d97706;font-size:12px;font-weight:500;background:#fef3c7;padding:4px 8px;border-radius:4px}.recipient-warning{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px}.warning-icon{font-size:16px;flex-shrink:0}.warning-text{font-size:12px;color:#92400e;font-weight:500}.create-notification-form input:disabled,.create-notification-form textarea:disabled,.create-notification-form select:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.notif-pill--scheduled{background:#ddd6fe;color:#5b21b6}@media (max-width: 768px){.notif-department-info{flex-direction:column;align-items:flex-start;gap:6px}.acknowledgment-item{flex-direction:column;align-items:flex-start;gap:8px}.ack-status{align-self:flex-end}.notif-title-content{flex-direction:column;align-items:flex-start;gap:4px}.notif-priority-badge{margin-left:0}}.billing-dashboard-layout{display:flex;height:100vh;flex-direction:row;overflow:hidden;background:linear-gradient(to bottom right,#dbeafe,#e0e7ff);width:100%}.billing-dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;background:linear-gradient(to bottom right,#dbeafe,#e0e7ff);padding:0;margin:0}.billing-dashboard-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;max-width:none;width:100%}.billing-dashboard-header{text-align:center;margin-bottom:2rem;flex-shrink:0;width:100%}.billing-dashboard-tabs{border-radius:1rem;padding:.75rem 1.5rem;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;margin-bottom:2rem;flex-shrink:0;background-color:#34f3df}.billing-tab{font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;background:transparent;border:none;color:#0b0b0b;cursor:pointer;font-size:.975rem;background-color:#18939b}.billing-tab:hover{background:#ffffff1a}.billing-tab.active{background:#021e4a;color:#f3f4f6;transform:scale(1.05)}.billing-content-grid{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;flex:1;overflow:hidden;min-height:0;width:100%;background:linear-gradient(to bottom right,#dbeafe,#e0e7ff)}.billing-main-content{overflow-y:auto;padding-right:.5rem;min-height:0;width:100%}.billing-sidebar{width:420px;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-left:.5rem;flex-shrink:0}.billing-metric-card{border-radius:1rem;padding:1.25rem;box-shadow:0 10px 25px #0000001a;flex-shrink:0}.payment-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.payment-form{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 10px 25px #0003}.payment-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.payment-header h2{margin:0;color:#374151}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;border-radius:4px}.payment-form-content{padding:24px}.payment-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.payment-form-grid label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.payment-form-grid input,.payment-form-grid select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.payment-notes label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.payment-notes textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical}.payment-form-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.payable-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.payable-form{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:auto;box-shadow:0 10px 25px #0003}.payable-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.payable-header h2{margin:0;color:#374151}.payable-form-content{padding:24px}.payable-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.payable-form-grid label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.payable-form-grid input,.payable-form-grid select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.payable-notes label{display:block;margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.payable-notes textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical}.payable-form-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.save-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.save-btn:hover{background:#2563eb}@media (max-width: 1400px){.billing-content-grid{grid-template-columns:1fr 380px}.billing-sidebar{width:380px}}@media (max-width: 1024px){.billing-dashboard-main{width:calc(100vw - 180px)}.billing-content-grid{grid-template-columns:1fr;gap:1rem}.billing-sidebar{width:100%;max-height:400px;overflow-y:auto;padding-left:0}.billing-metric-card{min-height:auto}}@media (max-width: 768px){.billing-dashboard-main{width:100vw}.billing-dashboard-container{padding:1rem}.billing-dashboard-tabs{padding:.5rem 1rem;gap:.5rem}.billing-tab{font-size:.75rem;padding:.375rem .75rem}.payment-form-grid,.payable-form-grid{grid-template-columns:1fr}.billing-sidebar{gap:1rem}.billing-metric-card{padding:1rem}}@media (max-width: 640px){.billing-dashboard-layout{flex-direction:column}.billing-content-grid{grid-template-columns:1fr}.billing-main-content{padding-right:0}.billing-sidebar{padding-left:0}}:root{--teal-900:#074e55;--teal-800:#0e6a73;--teal-700:#108a8a;--teal-600:#19a1a1;--teal-500:#2fb7b7;--coral-500:#ff7a6e;--panel:#08363a;--paper:#eaf6f6;--tile:#fffaf2;--ink:#0a1720;--muted:#6c7a7d;--danger:#d85a4f;--line:#e5eeee;--shadow:0 12px 28px rgba(0,0,0,.12)}.tcwrap{min-height:100vh;display:flex;background:linear-gradient(180deg,#108a8a,#0e6a73);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.sidenav{position:sticky;top:0;align-self:flex-start;width:72px;min-height:100vh;background:#0000001f;display:grid;grid-auto-rows:64px;place-items:center;gap:6px}.navdot{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:2px solid rgba(255,255,255,.28)}.main{flex-grow:1;padding:24px 0;height:max-content}.tchead{text-align:center;font-weight:900;letter-spacing:.08em;font-size:28px;margin-bottom:16px;width:1250px}.clock-card{width:1260px;margin:0 auto;background:#bfecec;color:#088e8e;border-radius:18px;box-shadow:var(--shadow);padding:22px;position:absolute;top:80px;height:calc(100vh - 88px);overflow-y:auto}.avatar{position:static;right:18px;top:-22px;width:60px;height:60px;border-radius:999px;border:4px solid #17c1c1;background:#ff8080}.row{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:center}.statusline{display:flex;align-items:center;gap:10px;color:#004343;font-weight:700;margin-bottom:6px}.statusline .warn{color:#ce190c;font-weight:800}.bigtime{font-weight:900;font-size:60px;letter-spacing:.02em;text-align:center}.ampm{font-size:28px;font-weight:800;margin-left:6px}.side-tiles{display:grid;gap:14px}.tile{background:var(--tile);color:#281b3f;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);width:500px;position:relative}.tile .label{color:#f8f9f9;font-weight:900;margin-bottom:4px;text-transform:uppercase;font-size:28px}.tile .value{font-size:28px;font-weight:900;color:#efebf6;border:#0a1720;border-radius:16px;padding:4px 8px;background-color:#0a3c3f}.punches{margin-top:16px;display:grid;gap:12px;max-width:620px}.btn{border:none;border-radius:16px;padding:16px 20px;font-size:24px;font-weight:900;cursor:pointer;letter-spacing:.04em;transition:transform .05s ease,opacity .2s ease}.btn:active{transform:translateY(1px)}.btn.btn-out{background:#17c1c1;color:#000}.btn.btn-in{background:#17c1c1;color:#063034}.btn-lunch{background:#ddfe03;color:#3b1916}.btn-break{background:#6bf071;color:#3b1916}.notesbar{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;margin-top:18px;color:#e8ffff}.notesinput{background:#fff;border-radius:12px;padding:12px 14px;color:var(--ink);border:2px solid var(--line)}.missedbtn{margin-top:10px;margin-right:20px;display:inline-block;background:#fff;color:#0a3c3f;border:5px solid #17c1c1;padding:15px 20px;border-radius:50px;font-weight:800;cursor:pointer}.tsbtn{margin-top:10px;margin-left:20px;display:inline-block;background:#17c1c1;color:#063034;border:none;padding:15px 20px;border-radius:10px;font-weight:800;cursor:pointer}.calstrip{max-width:980px;margin:16px auto 0;background:#fff;padding:10px 12px 14px;border-radius:14px;box-shadow:var(--shadow);color:#0a3c3f;position:sticky}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;text-align:center}.daylbl{font-size:12px;color:#1a7a79;font-weight:900;letter-spacing:.06em}.dval{margin-top:6px;display:grid;place-items:center;height:40px;border-radius:12px;background:#f3fbfb;color:#0a3c3f;font-weight:800}.dval.today{background:#ffeadf;border:2px solid #ffb7a6}.tz{position:sticky;right:18px;bottom:12px;font-size:12px;color:#555757;font-weight:700}:root{--teal-900:#0a4b53;--teal-800:#0e6a73;--teal-700:#0f8a8a;--teal-600:#19a1a1;--teal-500:#2fb7b7;--cream:#fffaf2;--paper:#f7f7f3;--ink:#0b1f23;--muted:#5a6a6d;--line:#e6ecec;--accent-purple:#5c3c93;--success:#0b8c7a;--shadow:0 8px 24px rgba(0,0,0,.08)}.tc-page{min-height:100vh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.tc-header-wrap{background:linear-gradient(180deg,var(--teal-700),var(--teal-800));color:#fff;box-shadow:var(--shadow);padding-top:10px}.tc-header-top{display:flex;align-items:center;padding:12px 16px 0}.tc-title{margin:center;font-weight:900;letter-spacing:.09em;font-size:28px;align-items:center;text-align:center}.tc-username{margin-left:auto;font-weight:800;background:#ffffff26;padding:6px 10px;border-radius:10px}.tc-tabs{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 16px 14px;color:#cfeeee}.tc-tab{padding:8px 12px;border-radius:8px;font-weight:700;opacity:.95;white-space:nowrap}.tc-tab--active{background:#0ac0c0;color:#083336}.tc-card{max-width:1000px;margin:18px auto 0;background:#fff;border-radius:14px;box-shadow:var(--shadow);border:2px solid black;overflow:hidden}.tc-table-head{display:grid;grid-template-columns:190px 1fr 1fr 1fr 190px;gap:16px;background:#dbf4f4;color:#0a3c3f;font-weight:800;letter-spacing:.03em;padding:12px 16px;border-bottom:2px solid #070707}.tc-row{display:grid;grid-template-columns:190px 1fr 1fr 1fr 190px;gap:16px;align-items:center;padding:14px 16px;position:relative;background:#dee8e7;border-bottom:1.5px solid black}.tc-row:last-child{border-bottom:none}.tc-row:after{content:"";position:absolute;inset:6px 12px;border:1px solid #070707;border-radius:8px;pointer-events:none}.tc-cell{font-size:15px;font-weight:600;color:#213b3f}.tc-date{color:#516a6e;font-weight:700}.tc-pending{color:var(--accent-purple);font-weight:800}.tc-btn{justify-self:end;padding:10px 16px;border-radius:12px;font-weight:900;letter-spacing:.04em;border:none;cursor:pointer;transition:transform .04s ease,box-shadow .2s ease,opacity .2s ease}.tc-btn:active{transform:translateY(1px)}.tc-btn-approve{background:var(--teal-600);color:#083336;box-shadow:0 3px #00000026}.tc-btn-edit{background:#e7f7f7;color:#0a3c3f;border:2px solid var(--teal-500)}.tc-btn-returntoclock{background:#ffe1c0;color:#070707;border:2px solid #00456d;text-align:center}.tc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin:16px auto 32px;padding:0 4px}.tc-tile{background:#fff;border-radius:16px;border:2px solid var(--teal-600);box-shadow:var(--shadow);padding:14px 16px 18px;display:flex;justify-content:space-between;align-items:flex-end}.tc-tile h4{margin:0;font-size:14px;letter-spacing:.06em;color:#0a3c3f}.tc-num{font-size:36px;font-weight:900;letter-spacing:.02em;color:#083336}@media (max-width: 720px){.tc-table-head,.tc-row{grid-template-columns:110px 1fr 1fr 1fr}.tc-row .tc-actions{grid-column:1 / -1;justify-self:end;margin-top:10px}}.ehr-layout{display:flex;min-height:100vh;max-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eaf4f3;width:100%;margin:0;padding:0}.ehr-left-nav{width:250px;background:linear-gradient(180deg,#0e7c86,#0b4f57);color:#e9f7f6;padding:24px 20px;box-shadow:2px 0 8px #00000014;display:flex;flex-direction:column;flex-shrink:0}.ehr-brand{font-weight:800;letter-spacing:.08em;font-size:20px;margin-bottom:32px}.ehr-nav{display:flex;flex-direction:column;gap:8px}.ehr-nav-item{background:transparent;border:none;text-align:left;color:#e7f4f4;padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer}.ehr-nav-item--active{background:#fff;color:#0b4f57}.ehr-main{flex:1;width:calc(100vw - 250px);padding:24px 40px;height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.ehr-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.ehr-title{font-size:24px;font-weight:700;color:#134247}.ehr-new-btn{border:none;border-radius:6px;padding:10px 18px;background:#1a7f8a;color:#fff;font-weight:600;cursor:pointer}.ehr-main-columns{display:grid;grid-template-columns:1fr 400px;gap:40px;width:100%;max-width:none}.ehr-cards-column{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.ehr-card{display:grid;grid-template-columns:350px 1fr 280px;gap:32px;align-items:center;background:#fff;border-radius:12px;padding:24px 32px;box-shadow:0 1px 3px #0f172a0f;min-height:90px;width:100%;box-sizing:border-box}.ehr-card-left{display:flex;align-items:center;gap:20px;width:100%}.ehr-logo-pill{min-width:60px;padding:8px 10px;border-radius:999px;text-align:center;font-weight:700;font-size:18px;color:#fff}.ehr-logo-pill--epic{background:#e02424;font-style:italic}.ehr-logo-pill--cerner{background:#1976d2}.ehr-logo-pill--athena{background:#4caf50}.ehr-logo-pill--meditech{background:#009688}.ehr-vendor-meta{display:flex;flex-direction:column;gap:8px;flex:1}.ehr-vendor-name{font-weight:600;font-size:20px;color:#1f2937;margin-bottom:4px}.ehr-vendor-sub{font-size:14px;color:#6b7280}.ehr-card-middle{display:flex;flex-direction:column;gap:10px;width:100%}.ehr-status-pill{align-self:flex-start;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600}.ehr-status-pill--success{background:#d1fae5;color:#047857}.ehr-status-pill--error{background:#fee2e2;color:#b91c1c}.ehr-status-pill--info{background:#e0f2fe;color:#0369a1}.ehr-status-pill--inactive{background:#f3f4f6;color:#6b7280}.ehr-meta-row{display:flex;justify-content:space-between;font-size:15px;padding:4px 0}.ehr-meta-label{color:#6b7280;font-weight:500}.ehr-meta-value{color:#111827;font-weight:600}.ehr-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:100%}.ehr-connect-btn{border-radius:8px;border:none;padding:12px 24px;font-size:15px;font-weight:600;background:#1a7f8a;color:#fff;cursor:pointer;min-width:120px}.ehr-connect-btn:hover{background:#0e7c86}.ehr-last-checked{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px}.ehr-warning-dot{width:8px;height:8px;border-radius:999px;background:#facc15}.ehr-secondary-link{border:none;background:none;padding:6px 12px;font-size:14px;color:#1a7f8a;cursor:pointer;border-radius:4px}.ehr-secondary-link:hover{background:#f0fdfa}.ehr-right-panel{display:flex;flex-direction:column;gap:24px;width:400px}.ehr-panel-title{font-size:20px;font-weight:600;margin-bottom:16px;color:#111827}.ehr-audit{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0f172a0f}.ehr-audit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.ehr-audit-item{display:flex;gap:16px;font-size:15px}.ehr-audit-avatar{width:36px;height:36px;border-radius:999px;background:#e0f2fe}.ehr-audit-text{flex:1}.ehr-audit-user{font-weight:600;margin-bottom:4px}.ehr-audit-action{color:#374151;margin-bottom:4px}.ehr-audit-when{color:#9ca3af;font-size:13px}.ehr-filters{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0f172a0f}.ehr-filter-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ehr-filter-group:last-child{margin-bottom:0}.ehr-filter-label{font-size:15px;color:#374151;font-weight:500}.ehr-filter-select{font-size:15px;padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb}.ehr-logo-container{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:10px;border:2px solid #f1f5f9;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;flex-shrink:0}.ehr-logo-img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease}.ehr-logo-img--hidden{opacity:0}.ehr-logo-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;font-size:13px;font-weight:600}.ehr-logo-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666}.ehr-logo-fallback{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;font-size:18px;letter-spacing:1px;color:#fff;box-shadow:0 2px 8px #00000026;background:linear-gradient(135deg,#3b82f6,#10b981)}.ehr-logo-fallback.ehr-logo-container--epic{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.ehr-logo-fallback.ehr-logo-container--cerner{background:linear-gradient(135deg,#dc2626,#f59e0b)}.ehr-logo-fallback.ehr-logo-container--athena{background:linear-gradient(135deg,#059669,#10b981)}.ehr-logo-fallback.ehr-logo-container--allscripts{background:linear-gradient(135deg,#7c3aed,#a855f7)}.ehr-logo-fallback.ehr-logo-container--ecw{background:linear-gradient(135deg,#0891b2,#06b6d4)}.ehr-logo-fallback.ehr-logo-container--nextgen{background:linear-gradient(135deg,#4f46e5,#6366f1)}.ehr-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a26;transition:all .2s ease}.ehr-card:hover .ehr-logo-container{border-color:#e2e8f0;transform:scale(1.05);transition:all .2s ease}.ehr-card:hover .ehr-logo-img{filter:brightness(1.1)}.ehr-card[data-status=success] .ehr-logo-container{border-color:#bbf7d0}.ehr-card[data-status=error] .ehr-logo-container{border-color:#fecaca}.ehr-card[data-status=inactive] .ehr-logo-container{border-color:#e5e7eb;opacity:.7}@media (max-width: 1600px){.ehr-main-columns{grid-template-columns:1fr 350px;gap:32px}.ehr-card{grid-template-columns:300px 1fr 250px;gap:24px}}@media (max-width: 1400px){.ehr-main-columns{grid-template-columns:1fr 300px;gap:24px}.ehr-card{grid-template-columns:250px 1fr 200px}}@media (max-width: 1024px){.ehr-main{width:calc(100vw - 250px);padding:24px 20px}.ehr-main-columns{grid-template-columns:1fr}.ehr-right-panel{flex-direction:row;gap:20px;width:100%}.ehr-audit,.ehr-filters{flex:1}.ehr-card{grid-template-columns:1fr 200px 150px}}@media (max-width: 768px){.ehr-layout{flex-direction:column}.ehr-left-nav{width:100%;height:auto}.ehr-main{width:100%;padding:16px}.ehr-logo-container{width:56px;height:56px}.ehr-logo-fallback{width:56px;height:56px;font-size:16px}.ehr-card{grid-template-columns:1fr;gap:12px;text-align:center}.ehr-card-right{align-items:center}}:root{--teal-900:#0a4b53;--teal-800:#0e6a73;--teal-700:#0f8a8a;--teal-600:#19a1a1;--teal-500:#2fb7b7;--teal-300:#9fe3e3;--coral-600:#ff6f61;--coral-500:#ff877c;--paper:#f6faf9;--panel:#ffffff;--ink:#0b1f23;--muted:#5b6b6f;--line:#e6ecec;--shadow:0 10px 28px rgba(0,0,0,.08)}.dh-page{min-height:100vh;background:var(--paper);display:flex;gap:16px;padding:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--ink)}.dh-side{width:230px;background:#0f8a8a;border-radius:14px;color:#eaffff;padding:18px 14px;box-shadow:var(--shadow)}.dh-title{font-weight:900;font-size:22px;letter-spacing:.02em;margin-bottom:14px}.dh-section{margin-top:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.dh-list{margin:10px 0 0;display:grid;gap:8px}.dh-list .dh-pill{margin:0}.dh-list .dh-pill:hover{background:#1af8de;color:var(--teal-900);cursor:pointer}.dh-list .dh-pill--active{background:#1af8de;color:var(--teal-900)}.dh-list .dh-pill--active:hover{background:#f0fafa}.dh-pill{background:#ffffff1f;padding:9px 10px;border-radius:10px;font-weight:700}.dh-tag{display:inline-block;padding:7px 10px;border-radius:999px;font-weight:800;color:#083336;background:#cdeeed;margin:6px 6px 0 0}.dh-tag:hover{background:#19a1a1;color:#fff;cursor:pointer}.dh-tag--active{background:#19a1a1;color:#fff}.dh-tag--active:hover{background:#f0fafa;color:var(--teal-900)}.dh-tag--multiselect{background:#e7f7f7;color:#0a3c3f;border:2px solid var(--teal-500)}.dh-tag--multiselect:hover{background:#1af8de;color:var(--teal-900);border:none;cursor:pointer}.dh-tag--multiselect.dh-tag--active{background:#1af8de;color:var(--teal-900);border:none}.dh-tag--multiselect.dh-tag--active:hover{background:#f0fafa;color:var(--teal-900)}.dh-main{flex:1;background:var(--panel);border-radius:14px;box-shadow:var(--shadow);border:2px solid var(--teal-600);overflow:hidden}.dh-topbar{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(180deg,#e8ffff,#d6ffff);border-bottom:2px solid var(--teal-600)}.dh-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--line);padding:8px 12px;border-radius:10px;min-width:280px}.dh-tabs{display:flex;gap:16px;padding:10px 14px;background:#21b19c;color:#0f0000;font-weight:800;letter-spacing:.02em;border:#f7b0b0 3px solid}.dh-tab{padding:8px 10px;border-radius:10px;border:#d9d8d8 2px solid}.dh-tab--muted{background:#0003}.dh-tab--active{background:#1af8de;color:var(--teal-900);border:none}.dh-tab--active:hover{background:#f0fafa}.dh-tab--muted:hover{background:#e0dedeb7}.dh-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line)}.dh-badge{background:#0ac0c0;color:#083336;font-weight:800;padding:8px 10px;border-radius:10px}.dh-btn{padding:10px 12px;border-radius:10px;font-weight:800;border:none;cursor:pointer}.dh-btn.upload{background:#ff6f61;color:#fff}.dh-btn.folder{background:#e7f7f7;color:#0a3c3f;border:2px solid var(--teal-500)}.dh-btn.template{background:#19a1a1;color:#083336}.dh-btn.sign{background:#7d66c6;color:#fff}.dh-table{width:100%}.dh-head,.dh-row{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr .9fr 120px;gap:0;align-items:center}.dh-head{background:#eef7f7;color:#0a3c3f;font-weight:900;letter-spacing:.03em;padding:12px 16px;border-top:1px solid var(--line);border-bottom:2px solid var(--teal-600)}.dh-body{position:relative}.dh-row{background:#fff;padding:14px 16px;border-bottom:1.5px solid var(--line);position:relative}.dh-row:last-child{border-bottom:none}.dh-row:after{content:"";position:absolute;inset:6px 12px;border:1px solid #e9f1f1;border-radius:8px;pointer-events:none}.dh-cell{font-weight:600;color:#213b3f}.dh-status{font-weight:900;font-size:12px;padding:7px 10px;border-radius:999px;justify-self:start}.approved{background:#0f9;color:#0b5a0f}.pending{background:#fff4cf;color:#9a6a00}.editing{background:#dcff72;color:#b45f04}.expired{background:#ffe1e1;color:#a10000}.dh-actions{display:flex;gap:10px;justify-self:end}.dh-icon{width:36px;height:36px;display:grid;place-items:center;background:#e7f7f7;border:2px solid var(--teal-500);border-radius:10px;cursor:pointer;transition:transform .05s ease}.dh-icon:active{transform:translateY(1px)}.mini{font-size:12px;color:var(--muted)}.bold{font-weight:800}:root{--bg-grad: radial-gradient(1200px 600px at 50% -200px, #1fb5c0 0%, #0f6a82 38%, #0b4b63 100%);--card:#ffffff;--ink:#083142;--muted:#5a7a87;--line:#e3eef2;--coral:#ff7a6e;--teal:#2fb7b7;--blue:#2f82ff;--green:#1fb58a;--pill:#eaf4f7;--shadow:0 16px 32px rgba(0,0,0,.12)}.help-wrap{min-height:100vh;background:var(--bg-grad);color:#eaffff;padding:32px 28px}.help-top{display:flex;align-items:center;gap:18px}.help-brand{font-size:36px;font-weight:900;letter-spacing:.04em}.help-topnav{margin-left:auto;display:flex;gap:24px;opacity:.92}.help-h1{font-size:56px;font-weight:900;text-align:center;margin:28px 0 16px}.searchbar{display:flex;align-items:center;gap:10px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;width:min(820px,96%);color:var(--ink)}.searchbar input{border:none;outline:none;font-size:16px;width:100%}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:min(1100px,96%);margin:24px auto 0}.tile{background:#1a8fa0;border-radius:16px;padding:18px;display:grid;place-items:center;gap:8px;min-height:120px;box-shadow:var(--shadow)}.tile.coral{background:#ff7a6e}.tile.blue{background:#1aa6d4}.tile.right{align-self:stretch;justify-items:stretch;padding:0;background:#ff7a6e}.tile.right .right-card{background:#ff7a6e;color:#fff;padding:18px;border-radius:16px;display:grid;gap:12px}.tile.right .cta{background:#0fb0a4;color:#043f45;border:none;padding:10px 12px;border-radius:12px;font-weight:900}.help-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;width:min(1100px,96%);margin:18px auto}.card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 10px}.quick-list .item{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:8px;background:#e9f5f2;color:#0e6a73;padding:8px 10px;border-radius:10px;font-weight:800}.ticket-col{display:grid;gap:16px}.ticket{background:#0f6a82;color:#dff7ff;border-radius:16px;padding:16px;box-shadow:var(--shadow)}.ticket .pill{display:inline-block;padding:8px 12px;border-radius:12px;font-weight:900}.pill.solved{background:#1fb58a;color:#063a33}.pill.open{background:#ff7a6e;color:#3a1c19}.pill.pending{background:#7bd0ff;color:#0a3e5a}.footer{width:min(1100px,96%);margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;opacity:.95}.footer .mini{background:#dff3f8;color:#083142;border-radius:14px;padding:14px 16px;width:220px}.settings-wrap{min-height:100vh;background:linear-gradient(#e6f4f8,#cfe8f3);padding:24px}.settings-card{width:min(960px,96%);margin:0 auto;background:#d9edf5;border-radius:18px;padding:0;box-shadow:var(--shadow);overflow:hidden}.set-header{display:flex;align-items:center;justify-content:space-between;background:#3c87a3;color:#eaffff;padding:16px 20px}.set-title{font-size:32px;font-weight:900}.set-user{display:flex;align-items:center;gap:10px}.set-user .avatar{width:40px;height:40px;background:#e6f6f9;border-radius:50%}.set-body{display:grid;grid-template-columns:260px 1fr;min-height:560px}.set-side{background:#2d6f86;color:#e6f8fb;padding:14px}.set-tab{display:block;padding:12px;border-radius:10px;font-weight:800;margin:4px 0;cursor:pointer}.set-tab.active{background:#e6f0f4;color:#1b4354}.set-content{background:#f5fbff;padding:22px 22px 28px}.field{margin:14px 0}.label{font-weight:900;margin-bottom:6px}.input,.select{width:100%;padding:12px;border-radius:12px;border:1px solid #bcd3df;background:#fff;font-size:16px}.toggle{position:relative;width:54px;height:30px;background:#c9d9e0;border-radius:999px;cursor:pointer}.dot{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:#2fb7b7}.toggle.on .dot{left:27px}.hr{height:1px;background:#dcebf2;margin:12px 0 6px}.actions{display:flex;gap:12px;margin-top:10px}.btn-primary{background:#1e6b84;color:#eaffff;border:none;padding:12px 16px;border-radius:12px;font-weight:900}.btn-ghost{background:#eaf2f6;color:#1e5364;border:1px solid #cfe1ea;padding:12px 16px;border-radius:12px;font-weight:900}.task-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.task-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:95%;max-width:900px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.task-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.task-modal-title-section{flex:1;display:flex;align-items:center;gap:12px}.task-modal-title{margin:0;font-size:24px;font-weight:700;color:#111827}.task-title-input{font-size:24px;font-weight:700;border:2px solid #e5e7eb;border-radius:8px;padding:8px 12px;background:#fff;color:#111827}.task-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}.status-todo{background:#ef4444}.status-inprogress{background:#f59e0b}.status-completed{background:#10b981}.task-modal-actions{display:flex;gap:8px;align-items:center}.task-edit-btn,.task-save-btn,.task-cancel-btn{border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .15s ease}.task-edit-btn{background:#3b82f6;color:#fff}.task-edit-btn:hover{background:#2563eb}.task-save-btn{background:#10b981;color:#fff}.task-save-btn:hover{background:#059669}.task-cancel-btn{background:#6b7280;color:#fff}.task-cancel-btn:hover{background:#4b5563}.task-close-btn{border:none;background:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .15s ease}.task-close-btn:hover{background:#f3f4f6;color:#374151}.task-modal-content{display:grid;grid-template-columns:1fr 300px;height:calc(90vh - 120px);overflow:hidden}.task-modal-main{padding:24px;overflow-y:auto}.task-modal-sidebar{border-left:1px solid #e5e7eb;padding:24px;background:#f9fafb;overflow-y:auto}.task-field{margin-bottom:24px}.task-field-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.task-description{color:#6b7280;line-height:1.6;margin:0}.task-textarea,.task-date-input,.task-priority-select,.task-status-select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;transition:border-color .15s ease}.task-textarea:focus,.task-date-input:focus,.task-priority-select:focus,.task-status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-assignee{display:flex;align-items:center;gap:12px}.assignee-name{font-weight:600;color:#111827}.task-due-date,.task-created-date{color:#6b7280;font-size:14px}.priority-badge,.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff;display:inline-block}.task-actions{margin-top:32px;display:flex;flex-direction:column;gap:8px}.task-action-btn{border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;justify-content:center}.delete-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.duplicate-btn{background:#f0f9ff;color:#3b82f6;border:1px solid #bfdbfe}.duplicate-btn:hover{background:#dbeafe;border-color:#93c5fd}.task-comments{max-height:300px;overflow-y:auto}.comment{display:flex;gap:12px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.comment-author{font-weight:600;font-size:14px;color:#111827}.comment-time{font-size:12px;color:#6b7280}.comment-text{margin:0;font-size:14px;color:#374151;line-height:1.5}.no-comments{color:#9ca3af;font-style:italic;text-align:center;padding:20px}.add-comment{margin-top:16px;display:flex;flex-direction:column;gap:8px}.comment-input-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.comment-input{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.comment-submit-btn{align-self:flex-end;background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s ease}.comment-submit-btn:hover{background:#2563eb}.comment-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.comment-submit-btn:disabled:hover{background:#9ca3af}.task-assignee-select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;transition:border-color .15s ease;background:#fff}.task-assignee-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}@media (max-width: 768px){.task-modal-content{grid-template-columns:1fr}.task-modal-sidebar{border-left:none;border-top:1px solid #e5e7eb}}.new-task-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.new-task-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:95%;max-width:800px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.new-task-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.new-task-title{margin:0;font-size:24px;font-weight:700;color:#111827}.new-task-close-btn{border:none;background:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .15s ease}.new-task-close-btn:hover{background:#f3f4f6;color:#374151}.new-task-form{display:flex;flex-direction:column;height:calc(90vh - 80px)}.new-task-content{display:grid;grid-template-columns:1fr 300px;flex:1;overflow:hidden}.new-task-main{padding:24px;overflow-y:auto}.new-task-sidebar{border-left:1px solid #e5e7eb;padding:24px;background:#f9fafb;overflow-y:auto}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;border:2px solid #e5e7eb;border-radius:8px;padding:12px;font-size:14px;transition:border-color .15s ease;font-family:inherit;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error{border-color:#dc2626}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error-message{color:#dc2626;font-size:12px;margin-top:4px;display:block}.assignee-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.assignee-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.assignee-avatar img{width:100%;height:100%;object-fit:cover}.assignee-info{flex:1}.assignee-name{font-weight:600;color:#111827;font-size:14px}.assignee-role{font-size:12px;color:#6b7280}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;font-weight:700;font-size:14px}.task-preview{margin-top:24px}.task-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d;position:relative}.preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:12px 12px 0 0}.preview-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#1a202c}.preview-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;margin-bottom:12px}.preview-assignee{display:flex;align-items:center;gap:8px;font-weight:600}.preview-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-priority{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;display:inline-block}.priority-high{background:#dc2626}.priority-medium{background:#d97706}.priority-low{background:#059669}.new-task-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.cancel-btn,.create-btn{border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.cancel-btn{background:#6b7280;color:#fff}.create-btn{background:#3b82f6;color:#fff}.create-btn:hover{background:#2563eb}@media (max-width: 768px){.new-task-content{grid-template-columns:1fr}.new-task-sidebar{border-left:none;border-top:1px solid #e5e7eb}.form-row{grid-template-columns:1fr}}:root{--bg: #f7f9fc;--ink: #1a202c;--muted: #64748b;--line: #e2e8f0;--card: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .1);--primary: #3b82f6;--success: #10b981;--warning: #f59e0b;--border-radius: 12px;--transition: all .15s ease}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tb-app{min-height:100vh;background:var(--bg);color:var(--ink);display:flex}.tb-sidenav{width:260px;padding:24px 20px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:2px 0 10px #0000000d}.tb-brand{font-size:24px;font-weight:800;letter-spacing:-.025em;margin-bottom:4px}.tb-sub{font-size:14px;font-weight:500;margin-left:2px;opacity:.8;margin-bottom:24px}.tb-nav{display:grid;gap:6px}.tb-link{display:block;padding:12px 16px;border-radius:8px;text-decoration:none;color:#ffffffe6;font-weight:600;font-size:14px;transition:var(--transition)}.tb-link:hover{background:#ffffff1a;color:#fff}.tb-link.active{background:#fff3;color:#fff}.tb-main{flex:1;padding:32px 24px;background:var(--bg)}.tb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}.tb-title{font-size:32px;font-weight:800;color:var(--ink);margin:0}.tb-header-actions{display:flex;gap:12px;align-items:center}.filter-toggle{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.filter-toggle:hover{background:#e5e7eb}.filter-toggle.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;height:calc(100vh - 160px);align-items:start}.col{background:#f8fafccc;border-radius:var(--border-radius);padding:20px 16px;min-height:400px;max-height:calc(100vh - 160px);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);display:flex;flex-direction:column}.col h3{margin:0 0 20px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-radius:6px;text-align:center;color:#fff}.col:nth-child(1) h3{background:linear-gradient(135deg,#ef4444,#dc2626)}.col:nth-child(2) h3{background:linear-gradient(135deg,#f59e0b,#d97706)}.col:nth-child(3) h3{background:linear-gradient(135deg,#10b981,#059669)}.list{display:flex;flex-direction:column;gap:16px;min-height:300px;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:4px}.list::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .15s ease}.list::-webkit-scrollbar-thumb:hover{background:#0000004d}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:var(--border-radius) var(--border-radius) 0 0}.title{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--ink);line-height:1.4;text-align:left}.card p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 16px;text-align:left}.meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:auto}.assignee{display:flex;align-items:center;gap:8px;font-weight:600}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;overflow:hidden;border:2px solid white;box-shadow:0 2px 4px #0000001a;position:relative;background:linear-gradient(135deg,var(--primary),var(--success))}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar:not(:has(img)){background:linear-gradient(135deg,var(--primary),var(--success))}.avatar.no-image{background:linear-gradient(135deg,var(--primary),var(--success))}.avatar.large{width:36px;height:36px;font-size:14px}.avatar.online:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#10b981;border:2px solid white;border-radius:50%;box-shadow:0 1px 2px #0000001a}.avatar:hover{transform:scale(1.1);transition:var(--transition)}.avatars-group{display:flex;align-items:center;gap:-8px}.avatars-group .avatar{margin-left:-8px;border:2px solid white;transition:var(--transition)}.avatars-group .avatar:first-child{margin-left:0}.avatars-group .avatar:hover{z-index:10;transform:scale(1.15)}.avatar-initials{background:linear-gradient(135deg,var(--primary),var(--success));color:#fff;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.priority{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.priority.high{background:#fef2f2;color:#dc2626}.priority.medium{background:#fefbf2;color:#d97706}.priority.low{background:#f0fdf4;color:#059669}.checkrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer}.checkbox:hover{border-color:var(--primary)}.checkbox.filled{background:var(--success);border-color:var(--success);color:#fff}.newtask{margin-top:auto;margin-bottom:0;background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);flex-shrink:0}.newtask:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover);background:linear-gradient(135deg,#2563eb,#1d4ed8)}.due-date{font-size:11px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:var(--muted);font-weight:500}.due-date.overdue{background:#fef2f2;color:#dc2626}.due-date.soon{background:#fefbf2;color:#d97706}@media (max-width: 1024px){.board{grid-template-columns:1fr;gap:16px}.tb-sidenav{width:200px}.tb-main{padding:16px}}@media (max-width: 768px){.tb-app{flex-direction:column}.tb-sidenav{width:100%;padding:16px}.board{grid-template-columns:1fr}.tb-header{flex-direction:column;align-items:flex-start;gap:12px}}.card.dragging{opacity:.5;transform:rotate(2deg)}.col.drop-target{background:#3b82f60d;border-color:var(--primary)}:root{--teal:#0fb0aa;--teal-dark:#0a6c70;--coral:#ff7a6e;--yellow:#f4b53f;--purple:#6c49a5;--paper:#f7faf9;--ink:#10323a;--line:#e9efee;--shadow:0 10px 24px rgba(0,0,0,.08)}.hr-surface{background:var(--paper);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink)}.hr-top{position:relative;background:linear-gradient(135deg,#42539b,#189275);color:#fff;padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-height:140px}.hr-title{font-size:28px;font-weight:900;letter-spacing:.1em;text-align:center;margin:0;z-index:2}.hr-tabs{display:flex;justify-content:center;gap:28px;padding:14px 10px 18px;color:#d5ffff}.hr-tab{font-weight:800;letter-spacing:.02em;border-bottom:3px solid transparent;padding-bottom:8px}.hr-tab.active{border-color:#ff8d7f;color:#fff}.hr-grid{max-width:1520px;margin:18px auto;padding:0 10px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;overflow-x:scroll}.card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:18px 22px;display:flex;flex-direction:column;justify-content:space-between}.kpi{display:grid;place-items:center;height:120px;border-radius:18px;font-weight:900;color:#fff}.kpi h5{margin:0;font-size:16px;letter-spacing:.06em}.kpi .val{font-size:44px;margin-top:6px}.btn-lg{padding:18px 22px;border-radius:16px;border:none;font-weight:900;letter-spacing:.04em;cursor:pointer;align-items:center;display:inline-flex;font-size:16px;gap:8px;position:relative}.btn-teal{background:var(--teal);color:#05343a}.btn-coral{background:var(--coral);color:#3a1b18}.btn-purple{background:var(--purple);color:#eef}.btn-outline{background:#fff;color:var(--ink);border:2px solid var(--line)}.btn-lg-payroll{background:var(--teal-dark);color:#fff;border:none}.badge{display:inline-block;padding:6px 10px;font-weight:800;border-radius:999px;background:#eaf6f6;color:#0d4e53;width:fit-content;height:fit-content}.statlist{list-style:none;padding:0;margin:0;display:grid;gap:8px}.statrow{display:flex;justify-content:space-between;font-weight:700;width:fit-content;height:fit-content}.table{width:100%;border-collapse:separate;border-spacing:0}.th,.td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700}.tr:last-child .td{border-bottom:none}.table .head{background:#f2fbfb;border-top-left-radius:12px;border-top-right-radius:12px}.search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:#fff}.input{border:none;outline:none;font-size:14px;flex:1}.hr-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;max-width:100%}.hr-tab{background-color:#f5f9fb;border:1px solid #c8d6e5;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;padding:10px 16px;color:#1e4558;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center;flex:1 1 calc(10% - 8px)}.pill{padding:8px 12px;border-radius:999px;font-weight:800;border:2px solid var(--line);background:#fff}.pill.active{background:#0ed1cf22;border-color:#0ed1cf}.hr-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.hr-subtab{background-color:#f7fbfd;border:1px solid #d3e2eb;border-bottom:3px solid transparent;border-radius:5px 5px 0 0;padding:8px 14px;color:#244e61;font-weight:500;flex:1 1 calc(10% - 6px);text-align:center}.hr-subtab:hover{background-color:#e9f6fa;border-bottom:3px solid #00a3c4}.hr-subtab.active{background-color:#fff;border-bottom:3px solid #00a3c4;font-weight:700;color:#00a3c4}.footer-row{max-width:1120px;margin:8px auto 26px;padding:0 10px;display:flex;gap:16px}.app-shell{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1520px;background:#f9fbfb;border-radius:12px;box-shadow:var(--shadow);overflow:auto}.main{display:contents;flex:1}.hr-pills-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:18px 4px 0 0;border-bottom:2px solid #e5e7eb;margin-top:10px;min-height:auto;overflow:visible}.hr-pill-tab{padding:12px 20px;background:#e5e7eb;border:1px solid #d1d5db;border-bottom:none;border-radius:8px 8px 0 0;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;position:relative;margin-bottom:-2px;min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 -1px 3px #0000001a}.hr-pill-tab:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 -2px 6px #00000026}.hr-pill-tab.active{background:#fff;color:#1e293b;border-color:#667eea;border-top:3px solid #667eea;border-left:1px solid #667eea;border-right:1px solid #667eea;z-index:10;transform:translateY(-1px);box-shadow:0 -3px 8px #667eea33;font-weight:700}.hr-pill-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff;z-index:11}.kmms-dashboard-section{padding:20px 0;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000d}.kmms-dashboard-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;text-transform:uppercase}.kmms-dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.hr-tab-content{flex:1;overflow-y:auto;background:#fff;min-height:0}.tab-content-wrapper{padding:32px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 300px)}.tab-header{margin-bottom:32px;text-align:center;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.tab-header h2{margin:0 0 8px;color:#1e293b;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-header p{margin:0;color:#6b7280;font-size:16px;font-weight:500}.dashboard-content{padding:24px;width:max-content;max-width:max-content;margin:0 auto}.hr-grid .card:nth-child(1){grid-column:1 / 5;grid-row:1}.hr-grid .card:nth-child(2){grid-column:5 / 9;grid-row:1}.hr-grid .card:nth-child(3){grid-column:9 / 13;grid-row:1}.hr-grid .card:nth-child(4){grid-column:1 / 5;grid-row:2}.hr-grid .card:nth-child(5){grid-column:5 / 9;grid-row:2}.hr-grid .card:nth-child(6){grid-column:9 / 13;grid-row:2}.hr-grid .card:nth-child(7){grid-column:1 / 5;grid-row:3}.hr-grid .card:nth-child(8){grid-column:7 / 10;grid-row:3;margin-left:40px}.hr-grid .card:nth-child(9){grid-column:10 / 13;grid-row:3}.card{padding:20px;border-radius:12px;box-shadow:0 3px 10px #00000014;transition:all .3s ease;border:3px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:space-between;width:100%}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.alert-card{position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.alert-card:before{content:"";position:absolute;top:-50%;right:-50%;width:150px;height:150px;background:#ffffff1a;border-radius:50%;transition:all .3s ease}.alert-card:hover:before{top:-25%;right:-25%}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;z-index:2;position:relative}.card-header h5{margin:0;font-size:15px;font-weight:800;letter-spacing:.5px;line-height:1.2}.alert-icon{font-size:20px;opacity:.8;flex-shrink:0}.val{font-size:42px;font-weight:900;margin:4px 0;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1;z-index:2;position:relative}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:80px;z-index:2;position:relative}.trend{font-size:13px;font-weight:700;opacity:.9;flex:1;line-height:1.3}.card-action-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.card-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.deadline-card{background:linear-gradient(135deg,#083255e6,#0568ccf2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;color:#fff!important;width:100%}.deadline-card>*{position:relative;z-index:2}.deadline-header{font-weight:900;letter-spacing:.06em;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.deadline-header span:first-child{font-size:15px;font-weight:900}.deadline-header span:last-child{font-size:13px;opacity:.9;font-weight:600;margin-left:9px}.deadline-list{display:flex;flex-direction:column;gap:8px;flex:1}.deadline-item{background:#ffffff1a;padding:8px 10px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border-left:3px solid transparent;border:1px solid rgba(255,255,255,.1)}.deadline-item.urgent{border-left-color:#ff5722;background:#ff572226}.deadline-item.warning{border-left-color:#ff9800;background:#ff980026}.deadline-item.normal{border-left-color:#4caf50;background:#4caf5026}.deadline-item:hover{background:#fff3;transform:translate(2px)}.deadline-info{display:flex;flex-direction:column;gap:1px}.deadline-title{font-weight:700;font-size:14px;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.deadline-date{font-size:12px;opacity:.8;color:#fffc;font-weight:500}.deadline-count{font-size:11px;font-weight:700;background:#fff3;color:#fff;padding:3px 8px;border-radius:3px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pipeline-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;flex:1}.pipeline-stage{display:flex;justify-content:space-between;align-items:center;padding:6px 3px;border-bottom:1px solid rgba(255,255,255,.2);width:100%;margin-left:-8px}.pipeline-stage:last-child{border-bottom:none}.stage-label{font-size:14px;opacity:.9;line-height:1.2;flex:1;font-weight:600}.stage-number{font-size:20px;font-weight:900}.pipeline-action-btn{width:100%;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:auto}.compliance-list{display:flex;flex-direction:column;gap:8px;flex:1}.compliance-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:4px;transition:all .2s ease}.compliance-item:hover{background:#f8fafc;transform:translate(1px)}.compliance-icon{font-size:16px;width:18px;text-align:center;flex-shrink:0}.compliance-text{display:flex;flex-direction:column;gap:1px;flex:1}.compliance-title{font-size:14px;font-weight:700;color:#1e293b;line-height:1.2}.compliance-detail{font-size:12px;color:#6b7280;font-weight:500}.statlist{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:6px}.statrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;transition:all .2s ease;font-size:14px;font-weight:600;gap:12px}.statrow:hover{background:#f8fafc;margin:0 -10px;padding:10px;border-radius:4px}.statrow:last-child{border-bottom:none}.statrow span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;min-width:fit-content}.badge.time{background:#e0e7ff;color:#3730a3}.badge.action{background:#f0fdf4;color:#166534}.badge.success{background:#d1fae5;color:#065f46}.badge.pending{background:#fef3c7;color:#92400e}.quick-action-btn{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden;min-height:42px;display:flex;align-items:center;margin-left:15px}.status-section h6{margin:0 0 8px;font-size:15px;font-weight:700;color:#374151}.status-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f8fafc;border-radius:4px;font-size:13px;color:#6b7280;line-height:1.4;font-weight:500}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.action-card{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#667eea}.action-card:hover:before{left:100%}.action-icon{font-size:52px;margin-bottom:16px;opacity:.8;display:block;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1);opacity:1}.action-card h3{margin:0 0 8px;color:#1e293b;font-size:20px;font-weight:800;transition:color .3s ease}.action-card:hover h3{color:#667eea}.action-card p{margin:0;color:#6b7280;font-size:15px;line-height:1.5;font-weight:600}.stat-value{display:flex;align-items:center;justify-content:center;gap:4px}.stat-number{font-size:24px;font-weight:700;color:#1e293b}.stat-percentage{font-size:12px;color:#10b981;font-weight:600;background:#d1fae5;padding:2px 6px;border-radius:4px}.employee-overview-info{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e5e7eb}.overview-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.overview-item h4{margin:0 0 16px;font-size:16px;font-weight:700;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.dept-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease}.no-employees-state{text-align:center;padding:64px 32px;color:#64748b}.no-employees-state p{font-size:16px;color:#64748b;max-width:400px;margin:0 auto 32px}@media (max-width: 768px){.employee-overview-info{grid-template-columns:1fr;gap:16px;padding:20px;margin-top:24px}.overview-item{padding:20px}.stat-with-percentage{align-items:center}.department-list,.status-breakdown,.recent-activity{gap:8px}.dept-item,.status-item,.activity-item{padding:10px 12px}}@media (max-width: 480px){.employee-quick-stats{grid-template-columns:1fr 1fr;gap:12px}.quick-stat-item{padding:16px 12px}.stat-label{font-size:11px}.stat-number{font-size:20px}.no-employees-state{padding:48px 20px}.no-employees-icon{font-size:48px}}.analytics-container-colorful{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0;margin:0}.analytics-header-colorful{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 32px #0000001a}.analytics-title-section{display:flex;flex-direction:column;gap:8px}.analytics-title-section h1{font-size:36px;font-weight:800;color:#1e293b;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-title-section p{font-size:16px;color:#64748b;margin:0;font-weight:500}.analytics-actions{display:flex;gap:16px}.btn-secondary-colorful{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.action-buttons{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0;flex-wrap:wrap}.centered-buttons{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:16px 0}.chat-btn:hover,.communication-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.chat-btn,.communication-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;text-decoration:none;min-width:140px;box-shadow:0 2px 8px #10b98133}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b72804d;background:linear-gradient(135deg,#4b5563,#374151)}.back-btn:active{transform:translateY(0);transition:transform .1s ease}.back-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;text-decoration:none;min-width:120px;box-shadow:0 2px 8px #6b728033}button{font-family:inherit;letter-spacing:.5px}.nav-btn,.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;text-decoration:none;min-width:140px;box-shadow:0 2px 8px #667eea33}.nav-btn:hover,.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d;background:linear-gradient(135deg,#5b6ceb,#6f42a3)}.button-group{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0;flex-wrap:wrap}.header-buttons{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.footer-buttons{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0;border-top:2px solid #f1f5f9;margin-top:32px}@media (max-width: 768px){.back-btn,.nav-btn,.action-btn,.chat-btn,.communication-btn{min-width:100px;padding:10px 16px;font-size:13px}.button-group,.header-buttons,.action-buttons,.centered-buttons,.footer-buttons{flex-direction:column;gap:12px}.button-group button,.header-buttons button,.action-buttons button,.centered-buttons button,.footer-buttons button{width:100%;max-width:250px}}.btn-secondary-colorful:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.btn-primary-colorful{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary-colorful:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.analytics-content-colorful{padding:40px;display:flex;flex-direction:column;gap:40px}.analytics-overview-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:20px}.analytics-card-colorful{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:24px}.analytics-card-colorful:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.analytics-card-background{position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.1;transform:translate(30px,-30px)}.primary-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.success-bg{background:linear-gradient(135deg,#10b981,#059669)}.info-bg{background:linear-gradient(135deg,#06b6d4,#0891b2)}.warning-bg{background:linear-gradient(135deg,#f59e0b,#d97706)}.money-bg{background:linear-gradient(135deg,#84cc16,#65a30d)}.departments-bg{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.analytics-card-icon-colorful{font-size:48px;opacity:.8;flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:16px;position:relative;z-index:2}.analytics-card-content-colorful{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.analytics-number-colorful{font-size:36px;font-weight:800;color:#1e293b;line-height:1}.analytics-label-colorful{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.analytics-charts-grid-colorful{display:grid;grid-template-columns:1fr 1fr;gap:32px}.analytics-chart-card-colorful{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.analytics-chart-card-colorful:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.chart-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.chart-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.department-chart-colorful{display:flex;flex-direction:column;gap:20px}.department-bar-item-colorful{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:16px}.department-bar-label-colorful{font-size:14px;font-weight:600;color:#475569;text-align:right}.department-bar-colorful{background:#f1f5f9;height:16px;border-radius:8px;overflow:hidden;position:relative}.department-bar-fill-colorful{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width 1s ease;border-radius:8px;position:relative}.department-bar-value-colorful{font-size:14px;font-weight:700;color:#1e293b;min-width:30px;text-align:center;background:#f8fafc;padding:4px 8px;border-radius:8px}.status-chart-colorful{display:flex;flex-direction:column;gap:16px}.status-item-colorful{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:12px;border:2px solid #f1f5f9;transition:all .3s ease}.status-item-colorful:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001a}.status-info-colorful{display:flex;flex:1;justify-content:space-between;align-items:center}.status-name-colorful{font-weight:700;color:#1e293b}.status-count-colorful{font-weight:800;color:#475569}.status-percentage-colorful{font-size:14px;font-weight:600;color:#64748b;min-width:60px;text-align:right;background:#f8fafc;padding:4px 8px;border-radius:8px}.status-item-colorful.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.status-item-colorful.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.status-item-colorful.status-on-leave{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.analytics-report-scheduling-colorful{grid-column:span 2;background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.scheduling-content-colorful{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.schedule-options-colorful{display:flex;flex-direction:column;gap:20px}.schedule-option{display:flex;align-items:center;gap:16px;cursor:pointer;padding:16px 20px;border:2px solid #f1f5f9;border-radius:12px;transition:all .3s ease;background:#f8fafc}.schedule-option:hover{background:#fff;border-color:#e2e8f0;transform:translate(4px)}.schedule-option input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:all .3s ease}.schedule-option input[type=radio]:checked+.radio-custom{border-color:#667eea;background:#667eea}.schedule-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.option-content{display:flex;flex-direction:column;gap:4px}.option-content strong{color:#1e293b;font-weight:700}.option-content span{color:#64748b;font-size:14px}.schedule-actions-colorful{display:flex;flex-direction:column;gap:20px;text-align:center;align-items:center}.btn-schedule{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-schedule:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.schedule-info-colorful{display:flex;flex-direction:column;gap:8px;text-align:center;background:#f8fafc;padding:16px 20px;border-radius:12px;border:2px solid #e2e8f0}.schedule-info-colorful strong{color:#475569;font-size:14px;font-weight:600}.schedule-info-colorful span{color:#1e293b;font-size:16px;font-weight:700}@media (max-width: 1400px){.analytics-overview-grid-3col{grid-template-columns:repeat(2,1fr)}.analytics-charts-grid-colorful{grid-template-columns:1fr}.analytics-report-scheduling-colorful{grid-column:span 1}}@media (max-width: 768px){.analytics-container-colorful{padding:0}.analytics-header-colorful{flex-direction:column;gap:24px;text-align:center;padding:24px 20px}.analytics-content-colorful{padding:20px;gap:24px}.analytics-overview-grid-3col{grid-template-columns:1fr;gap:20px}.analytics-card-colorful{padding:24px;flex-direction:column;text-align:center;gap:16px}.scheduling-content-colorful{grid-template-columns:1fr;gap:24px}.analytics-title-section h1{font-size:28px}}@media (max-width: 480px){.employee-management-buttons{grid-template-columns:1fr}.employee-mgmt-btn{padding:20px 16px}.btn-content h3{font-size:16px}.btn-content p{font-size:13px}.employee-quick-stats{grid-template-columns:1fr 1fr}}.manage-departments-container{width:100%;max-width:1200px;margin:0 auto;padding:24px;background:#fff;min-height:100vh}.manage-departments-header{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px;padding:24px 0;border-bottom:2px solid #f1f5f9;position:relative}.manage-departments-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.manage-departments-back-btn:hover{transform:translateY(-50%) translateY(-2px);box-shadow:0 4px 12px #6b72804d}.manage-departments-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0;text-align:center;display:flex;align-items:center;gap:12px}.manage-departments-create-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.manage-departments-create-btn:hover{transform:translateY(-50%) translateY(-2px);box-shadow:0 4px 12px #667eea4d}.manage-departments-content{display:flex;flex-direction:column;gap:32px}.manage-departments-list-section h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;gap:12px}.manage-departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.manage-department-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.manage-department-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.manage-department-card-header{margin-bottom:20px}.manage-department-icon-name{display:flex;align-items:flex-start;gap:16px}.manage-department-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;background:#667eea1a;border:2px solid rgba(102,126,234,.2)}.manage-department-info{flex:1}.manage-department-info h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.manage-department-description{color:#374151;font-weight:500;font-size:14px;line-height:1.5;margin:8px 0 12px}.manage-department-default-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manage-department-head-section{margin:20px 0;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.manage-department-head-section h5{margin:0 0 12px;font-size:14px;font-weight:700;color:#374151;display:flex;align-items:center;gap:8px}.manage-department-head-info{display:flex;flex-direction:column;gap:8px}.manage-department-head-basic{display:flex;flex-direction:column;gap:4px}.manage-department-head-basic strong{font-size:16px;color:#1e293b}.manage-department-head-title{font-size:13px;color:#6b7280;font-weight:500}.manage-department-head-contact{display:flex;flex-direction:column;gap:4px}.manage-department-head-contact div{font-size:12px;color:#4b5563}.manage-department-no-head{color:#9ca3af;font-style:italic;font-size:14px}.manage-department-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.manage-department-stat-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:12px;text-align:center;transition:all .2s ease}.manage-department-stat-card:hover{background:#f1f5f9;transform:translateY(-1px)}.manage-department-stat-number{display:block;font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.manage-department-stat-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manage-department-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.manage-department-btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:80px}.manage-department-btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.manage-department-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px}.manage-department-btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.manage-department-btn-secondary:disabled{opacity:.5;cursor:not-allowed;background:#d1d5db}.manage-department-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:80px}.manage-department-btn-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.manage-department-btn-delete:disabled{opacity:.5;cursor:not-allowed;background:#d1d5db}.manage-department-cannot-delete{font-size:11px;color:#9ca3af;font-style:italic;padding:8px 12px;background:#f9fafb;border-radius:6px;flex:1;text-align:center;min-width:100px}.manage-department-summary{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014;border:1px solid #f1f5f9;margin-top:32px}.manage-department-summary h3{text-align:center;font-size:20px;font-weight:700;color:#1e293b;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px}.manage-department-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.manage-department-summary-card{display:flex;align-items:center;gap:16px;background:#6b7280;padding:20px;border-radius:12px;color:#fff;transition:all .3s ease}.manage-department-summary-card:hover{background:#555a64;transform:translateY(-2px);box-shadow:0 8px 24px #6b72804d}.manage-department-summary-icon{font-size:32px;opacity:.9;flex-shrink:0}.manage-department-summary-data{display:flex;flex-direction:column;gap:4px}.manage-department-summary-number{font-size:24px;font-weight:700;line-height:1}.manage-department-summary-label{font-size:14px;opacity:.9;font-weight:500}.manage-department-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.manage-department-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.manage-department-modal-content.large{max-width:800px}.manage-department-modal-header{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #f1f5f9;margin-bottom:24px}.manage-department-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px}.manage-department-modal-close{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.manage-department-modal-close:hover{color:#ef4444}.manage-department-modal-body{padding:0 24px;flex:1;overflow-y:auto}.manage-department-modal-footer{padding:24px;border-top:2px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end}.manage-department-form-field{margin-bottom:20px}.manage-department-form-field label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.manage-department-form-field input,.manage-department-form-field textarea,.manage-department-form-field select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.manage-department-form-field input:focus,.manage-department-form-field textarea:focus,.manage-department-form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.manage-department-form-field input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.manage-department-help-text{font-size:12px;color:#6b7280;margin-top:4px;font-style:italic}.manage-department-icon-selector,.manage-department-color-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin-top:8px}.manage-department-icon-option{width:40px;height:40px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.manage-department-icon-option:hover{border-color:#667eea;transform:scale(1.05)}.manage-department-icon-option.selected{border-color:#667eea;background:#667eea;color:#fff}.manage-department-color-option{width:40px;height:40px;border:3px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.manage-department-color-option:hover{transform:scale(1.1);border-color:#9ca3af}.manage-department-color-option.selected{border-color:#1e293b;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.manage-department-btn-cancel{background:#f3f4f6;color:#374151;border:2px solid #d1d5db;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.manage-department-btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.manage-department-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.manage-department-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.manage-department-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.manage-department-employees-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.manage-department-employee-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.manage-department-employee-item:hover{background:#f1f5f9;transform:translate(4px)}.manage-department-employee-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.manage-department-employee-details{flex:1}.manage-department-employee-name{font-weight:700;color:#1e293b;font-size:16px;margin-bottom:4px}.manage-department-employee-title{color:#6b7280;font-size:14px;margin-bottom:8px}.manage-department-employee-contact{display:flex;flex-direction:column;gap:2px}.manage-department-employee-contact span{font-size:12px;color:#4b5563}.manage-department-employee-status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;flex-shrink:0}.manage-department-employee-status.status-active{background:#d1fae5;color:#065f46}.manage-department-employee-status.status-inactive{background:#fee2e2;color:#991b1b}.manage-department-employee-status.status-on-leave{background:#fef3c7;color:#92400e}.manage-department-no-employees{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px}@media (max-width: 768px){.manage-departments-header{flex-direction:column;gap:16px;text-align:center}.manage-departments-back-btn,.manage-departments-create-btn{position:relative;left:auto;right:auto;top:auto;transform:none}.manage-departments-grid,.manage-department-summary-grid{grid-template-columns:1fr;gap:16px}.manage-department-summary-card{justify-content:center;text-align:center}.manage-department-actions{flex-direction:column}.manage-department-actions>*{flex:none;min-width:auto}.manage-department-modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width: 480px){.manage-departments-container{padding:16px}.manage-department-card{padding:20px}.manage-department-stats{grid-template-columns:1fr;gap:8px}.manage-department-icon-selector,.manage-department-color-selector{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.manage-department-icon-option,.manage-department-color-option{width:35px;height:35px}}.employee-management-container{width:100%;max-width:1200px;margin:0 auto;padding:32px;background:#fff;min-height:100vh}.employee-management-header{text-align:center;margin-bottom:40px;padding:32px 0;border-bottom:3px solid #f1f5f9}.employee-management-header h2{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:12px}.employee-management-header p{font-size:16px;color:#64748b;margin:0;font-weight:500}.employee-management-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.employee-mgmt-btn{display:flex;align-items:center;gap:20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 4px 16px #0000000d}.employee-mgmt-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#d1d5db}.employee-mgmt-btn .btn-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;transition:all .3s ease}.employee-mgmt-btn:hover .btn-icon{transform:scale(1.1)}.view-all-btn .btn-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.add-employee-btn .btn-icon{background:linear-gradient(135deg,#10b981,#059669)}.analytics-btn .btn-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.departments-btn .btn-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-content{flex:1}.btn-content h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.btn-content p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.employee-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid #e5e7eb}.quick-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:24px 16px;border-radius:16px;border:1px solid #f1f5f9;transition:all .3s ease}.quick-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-icon{font-size:36px;margin-bottom:12px;opacity:.8}.stat-label{font-size:14px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-loading{font-size:20px;color:#94a3b8;animation:pulse 1.5s ease-in-out infinite}.stat-number{font-size:32px;font-weight:700;color:#1e293b}.stat-with-percentage{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-percentage{font-size:12px;color:#10b981;font-weight:600;background:#d1fae5;padding:2px 8px;border-radius:6px}.stat-with-trend{display:flex;align-items:center;gap:8px}.stat-trend{font-size:16px}.stat-trend.positive{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.active-stat{border-left:4px solid #10b981;background:linear-gradient(135deg,#d1fae508,#a7f3d008)}.new-hires-stat{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#dbeafe08,#bfdbfe08)}.employee-overview-info{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid #e5e7eb}.overview-item{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.overview-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.overview-item h4{margin:0 0 16px;font-size:18px;font-weight:700;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}.department-list{display:flex;flex-direction:column;gap:12px}.dept-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9;transition:all .2s ease}.dept-item:hover{background:#f1f5f9;transform:translate(4px)}.dept-name{font-weight:600;color:#374151;flex:1}.dept-count{font-weight:700;color:#1e293b;background:#e2e8f0;padding:4px 8px;border-radius:6px;font-size:14px;min-width:30px;text-align:center}.status-breakdown{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#f8fafc;transition:all .2s ease}.status-item:hover{background:#f1f5f9;transform:translate(2px)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.status-active{background:#10b981}.status-dot.status-inactive{background:#ef4444}.status-dot.status-on-leave{background:#f59e0b}.status-dot.status-terminated{background:#6b7280}.status-dot.status-pending{background:#3b82f6}.status-dot.status-unknown{background:#9ca3af}.status-label{font-weight:500;color:#374151;flex:1}.status-count{font-weight:700;color:#1e293b;background:#e2e8f0;padding:2px 6px;border-radius:4px;font-size:12px;min-width:20px;text-align:center}.recent-activity{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translate(2px)}.activity-icon{font-size:20px;opacity:.7;flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:2px;flex:1}.activity-name{font-weight:600;color:#1e293b;font-size:14px}.activity-detail{font-size:12px;color:#64748b}.no-employees-state{text-align:center;padding:64px 32px;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid #e5e7eb}.no-employees-icon{font-size:64px;margin-bottom:24px;opacity:.5}.no-employees-state h3{font-size:24px;font-weight:700;color:#374151;margin:0 0 12px}.no-employees-state p{font-size:16px;color:#64748b;max-width:400px;margin:0 auto 32px;line-height:1.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}@media (max-width: 768px){.employee-management-container{padding:20px}.employee-management-header{padding:20px 0;margin-bottom:24px}.employee-management-header h2{font-size:24px}.employee-management-buttons{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.employee-mgmt-btn{padding:20px;gap:16px}.employee-mgmt-btn .btn-icon{font-size:40px;width:64px;height:64px}.btn-content h3{font-size:18px}.btn-content p{font-size:13px}.employee-quick-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.quick-stat-item{padding:20px 12px}.stat-icon{font-size:28px}.stat-number{font-size:24px}.employee-overview-info{grid-template-columns:1fr;gap:16px;padding:24px;margin-top:24px}.overview-item{padding:20px}.overview-item h4{font-size:16px}}@media (max-width: 480px){.employee-management-container{padding:16px}.employee-management-header h2{font-size:20px;gap:8px}.employee-mgmt-btn{flex-direction:column;text-align:center;gap:12px}.employee-mgmt-btn .btn-icon{font-size:36px;width:56px;height:56px}.employee-quick-stats{grid-template-columns:1fr;padding:20px}.quick-stat-item{padding:16px}.stat-label{font-size:12px}.stat-number{font-size:20px}.no-employees-state{padding:48px 20px}.no-employees-icon{font-size:48px}.no-employees-state h3{font-size:20px}.department-list,.status-breakdown,.recent-activity{gap:8px}.dept-item,.status-item,.activity-item{padding:10px 12px}}@media print{.employee-management-buttons,.btn-primary{display:none}.employee-management-container{padding:0;box-shadow:none}.employee-quick-stats,.employee-overview-info{background:#fff;border:1px solid #000}}:root{--um-bg-gradient-top: #ffb45a;--um-bg-gradient-bottom: #00a6a9;--um-card-bg: #f4ffff;--um-primary: #ff6f5e;--um-primary-dark: #ff5a45;--um-teal: #00a6a9;--um-text-main: #004b4f;--um-border-subtle: #d5f2f3;--um-status-active-bg: #00a6a9;--um-status-active-text: #ffffff;--um-status-inactive-bg: #e0e4e7;--um-status-inactive-text: #4a4f55}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--um-bg-gradient-top),var(--um-bg-gradient-bottom));min-height:100vh}.um-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.um-card{width:100%;max-width:420px;background:var(--um-card-bg);border-radius:24px;box-shadow:0 18px 40px #0000002e;overflow:hidden;border:1px solid rgba(255,255,255,.6)}.um-header{padding:24px 24px 8px;background:linear-gradient(180deg,#ffffffe6,#f4ffff)}.um-header h1{margin:0;font-size:32px;line-height:1.1;letter-spacing:.02em;color:var(--um-text-main)}.um-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--um-border-subtle)}.um-tab{flex:0 0 auto;padding:14px 28px 10px;margin-right:8px;border-radius:16px 16px 0 0;border:none;background:transparent;cursor:pointer;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00929a}.um-tab.active{background:var(--um-teal);color:#fff}.um-filters{display:flex;gap:24px;padding:18px 24px 4px}.um-filter-group{flex:1}.um-filter-group label{display:block;font-size:13px;font-weight:600;color:#00565c;margin-bottom:4px}.um-select{position:relative}.um-select select{width:100%;padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--um-border-subtle);background:#fff;appearance:none;font-size:13px}.um-select-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#73848a}.um-actions-row{display:flex;padding:12px 24px 8px;gap:16px}.um-btn{flex:1;padding:10px 14px;border-radius:10px;border:none;font-weight:700;font-size:15px;cursor:pointer}.um-btn-primary{background:var(--um-primary);color:#fff}.um-btn-primary:hover{background:var(--um-primary-dark)}.um-btn-secondary{background:#ff8d74;color:#fff}.um-search-row{padding:8px 24px 12px}.um-search{display:flex;align-items:center;padding:8px 12px;border-radius:10px;border:1px solid var(--um-border-subtle);background:#fff;gap:8px}.um-search-icon{font-size:14px;opacity:.7}.um-search input{border:none;outline:none;flex:1;font-size:14px}.um-table-wrapper{padding:0 0 8px}.um-table{width:100%;border-collapse:collapse;font-size:14px}.um-table thead{background:var(--um-primary);color:#fff}.um-table th,.um-table td{padding:12px 24px}.um-table thead th{font-weight:600;text-align:left}.um-th-name{width:40%}.um-table tbody tr:nth-child(odd){background:#ffffffe6}.um-table tbody tr:nth-child(2n){background:#ffffffb3}.um-user-cell{display:flex;align-items:center;gap:10px}.um-avatar{width:32px;height:32px;border-radius:999px;background:var(--um-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.um-user-name{font-weight:600;color:#003b3f}.um-status-cell{display:flex;align-items:center;gap:12px}.um-status-pill{min-width:80px;text-align:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}.um-status-pill.active{background:var(--um-status-active-bg);color:var(--um-status-active-text)}.um-status-pill.inactive{background:var(--um-status-inactive-bg);color:var(--um-status-inactive-text)}.um-link.danger{background:none;border:none;padding:0;color:#ff4e4e;font-size:13px;cursor:pointer}.um-actions-cell{text-align:right;padding-right:28px}.um-more-btn{border:none;background:none;font-size:20px;cursor:pointer;line-height:1}.um-menu-wrapper{position:relative;display:inline-block}.um-menu{position:absolute;right:0;top:26px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000002e;padding:8px 0;min-width:180px;z-index:10}.um-menu button{width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer}.um-menu button:hover{background:#f2fbfb}.um-settings-placeholder{padding:32px 24px 40px;color:#4a5b60;font-size:14px}.hr-shell{display:flex;min-height:100vh}.hr-main{flex:1;padding:24px 32px;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#e0f7f4)}.hr-user-main{flex:2;padding:24px 32px;display:flex;align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#e0f7f4);max-width:2000px}.hr-user-main-extended{flex:2;padding:24px 32px;display:flex;align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#e0f7f4);max-width:max-content}.hr-profile-wrapper{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1100px;width:100%}.hr-profile-sidebar{background:#0b7467;color:#ecfeff;border-radius:20px;padding:24px 18px;display:flex;flex-direction:column;align-items:center}.hr-avatar-circle{width:96px;height:96px;border-radius:999px;background:#0ea5e9;margin-bottom:12px}.hr-emp-name{font-weight:700;font-size:18px;text-align:center}.hr-emp-role{font-size:13px;opacity:.9;margin-bottom:10px}.hr-status-pill{font-size:12px;padding:4px 10px;border-radius:999px;background:#0f172a33;margin-bottom:18px}.hr-status-pill.active{background:#22c55e;color:#022c22}.hr-profile-nav{width:100%;display:grid;grid-template-columns:1fr;gap:6px}.hr-nav-chip{width:100%;border-radius:999px;border:none;padding:6px 10px;font-size:13px;background:#014b42;color:#ecfeff;text-align:left;cursor:pointer}.hr-nav-chip.active{background:#19e4cc;color:#000;text-decoration:underline;font-weight:500}.hr-profile-main{display:flex;flex-direction:column;gap:18px}.hr-card{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px #0f172a14}.hr-user-card{background:#fff;box-shadow:0 10px 30px #0f172aec;max-width:1000px;overflow:scroll}.hr-user-card-extended{background:#fff;max-width:100vh;overflow:scroll}.hr-extended-card{flex:2;padding:24px 300px;display:fixed;background:#fbfcfc;max-width:max-content;overflow-y:scroll;box-shadow:0 10px 30px #070707ec}.hr-card-schedule{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px #0f172aec;overflow-y:auto;max-height:400px}.hr-docs-card,.hr-file-card{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px #0f172a14;overflow-y:auto;max-height:500px}.hr-header-card{display:flex;justify-content:space-between;align-items:center}.hr-header-name{font-size:20px;font-weight:700}.hr-header-id{font-size:13px;color:#64748b;font-weight:600}.hr-schedule-header{display:fixed;margin-bottom:12px}.hr-schedule-title{font-size:25px}.hr-schedule-calendar{margin-top:12px;border-radius:12px;overflow:scroll;scroll-behavior:auto;box-shadow:0 8px 24px #0f172a1a}.hr-schedule-calendar2{margin-top:12px}.hr-schedule-calendar2 table{position:relative;width:100%;border-collapse:collapse}.hr-schedule-calendar th,.hr-schedule-calendar td{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.hr-schedule-calendar th{background:#f5f5f5;font-weight:600}.hr-schedule-calendar td{height:80px;vertical-align:top;position:relative}.hr-schedule-event{position:absolute;bottom:8px;left:8px;right:8px;background:#0ea5e9;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-docs-table{width:100%;border-collapse:collapse;box-shadow:0 8px 24px #566a99d5}.hr-docs-table th,.hr-docs-table td{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.btn-view{background-color:#04c269;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer}.btn-view:hover{background-color:#0284c7}.btn-download{background-color:#0ca04a;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer}.btn-download:hover{background-color:#0284c7}.btn-delete{background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer}.btn-delete:hover{background-color:#0284c7}.hr-tab{padding:20px 0;width:max-content;max-height:max-content}.clinics-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#afbad1;color:#111827}.clinics-sidebar{width:220px;background:#0b2253;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.clinics-logo{font-size:24px;font-weight:700;letter-spacing:.08em;margin-bottom:32px}.clinics-nav{display:flex;flex-direction:column;gap:4px}.clinics-nav-item{padding:10px 12px;border-radius:8px;border:black 3px solid;text-align:left;background:transparent;color:#e5e7eb;cursor:pointer;font-size:14px}.clinics-nav-item.active,.clinics-nav-item:hover{background:#1d4ed8;color:#fff}.clinics-main{flex:1;padding:32px 40px;background-color:#d6d7db;max-height:100vh;overflow-y:auto;max-width:100%}.clinics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.clinics-header h1{font-size:28px;font-weight:700}.clinics-primary-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;font-size:14px}.clinics-primary-btn.wide{width:100%;margin-top:16px}.clinics-primary-btn:hover{background:#1d4ed8}.clinics-secondary-btn{background:#fff;border-radius:8px;border:4px solid #011027;padding:8px 16px;font-size:15px;cursor:pointer;font-weight:600;color:#000}.clinics-secondary-btn.danger{border-color:#f87171;color:#b91c1c}.clinics-table-card{background:#fff;border-radius:16px;box-shadow:0 10px 20px #0f172a0a;padding:4px 0}.clinics-table{width:100%;border-collapse:collapse;font-size:14px;height:100%;max-height:100%;overflow-x:auto;overflow-y:auto}.clinics-table th,.clinics-table td{padding:14px 20px;text-align:left;border-bottom:1px solid #dcdee0}.clinics-table thead tr{border-bottom:1px solid #e5e7eb}.clinics-row{cursor:pointer}.clinics-row:hover{background:#f3f4ff}.clinics-status-pill{display:inline-flex;align-items:center;padding:2px 12px;border-radius:999px;font-size:12px;background:#e5e7eb;color:#111827}.clinics-status-pill.open{background:#dcfce7;color:#16a34a}.clinics-empty{text-align:center;color:#6b7280}.clinics-form-card{max-width:720px;margin:0 auto;background:#fff;padding:32px;border-radius:24px;box-shadow:0 20px 40px #0f172a14}.clinics-form-card h1{font-size:28px;margin-bottom:24px}.clinics-form{display:flex;flex-direction:column;gap:16px}.clinics-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#374151}.clinics-form input,.clinics-form select{border-radius:8px;border:1px solid #d1d5db;padding:10px 12px;font-size:14px}.clinics-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clinic-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.clinic-details-header h2{font-size:16px;color:#6b7280;margin-bottom:4px}.clinic-details-header h1{font-size:28px;margin:0}.clinic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.clinic-tab{border-radius:9px;border:2px solid #000000;background:#fff;box-shadow:#0b2253 0 4px 6px -1px,#0b2253 0 2px 4px -1px;padding:22px 32px;font-size:15px;cursor:pointer}.clinic-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.clinic-details-grid{display:grid;grid-template-columns:repeat(2,minmax(2,1fr));gap:16px}.clinic-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 12px 24px #0f172a0f}.clinic-card h3{margin-top:0;margin-bottom:12px;font-size:16px}.clinic-subscription-tier{font-size:22px;font-weight:700;margin-bottom:4px}.clinic-bullets{list-style:none;padding:0;margin:0;display:grid;gap:4px}.clinic-card.wide{grid-column:1 / -1}.clinic-tabs-container{position:relative;margin-bottom:0;padding:0}.clinic-tabs-rows{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:-1px;position:relative}.clinic-file-tab{position:relative;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 16px 10px;margin:0;cursor:pointer;font-size:18px;font-weight:700;color:#495057;transition:all .2s ease;white-space:nowrap;min-width:80px;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px #fffc,0 1px 2px #0000001a}.clinic-file-tab:hover:not(.active){background:linear-gradient(to bottom,#fff,#f1f3f4);transform:translateY(-1px);box-shadow:inset 1px 1px #ffffffe6,0 2px 4px #00000026}.clinic-file-tab.active{background:linear-gradient(to bottom,#fff 0% 100%);color:#1ba39c;font-weight:600;border-color:#1ba39c;border-bottom:1px solid #ffffff;margin-bottom:-1px;z-index:10;box-shadow:inset 1px 1px #fff,0 2px 8px #0000001a,0 0 0 1px #1ba39c33}.tab-label{position:relative;z-index:2}.tab-active-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff;z-index:3}.clinic-tabs-baseline{height:1px;background:#dee2e6;position:relative;z-index:1}.clinic-details-grid{background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 8px 8px;padding:24px;margin-top:0}@media (max-width: 1200px){.clinic-file-tab{font-size:12px;padding:6px 12px 8px;min-width:70px}}@media (max-width: 992px){.clinic-tabs-rows{gap:1px}.clinic-file-tab{font-size:11px;padding:6px 10px 8px;min-width:60px}}@media (max-width: 768px){.clinic-tabs-rows{flex-direction:column;flex-wrap:nowrap;gap:0}.clinic-file-tab{border-radius:0;border-bottom:1px solid #dee2e6;margin:0;font-size:14px;padding:12px 16px;min-width:auto;width:100%;justify-content:flex-start}.clinic-file-tab.active{border-left:3px solid #1ba39c;background:linear-gradient(to right,#f0fdfc,#fff);margin-bottom:0}.clinic-tabs-baseline{display:none}.clinic-details-grid{border-radius:8px;border:1px solid #dee2e6}}.clinic-file-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);border-radius:8px 8px 0 0}.clinic-file-tab.active:before{background:linear-gradient(to right,transparent 0%,rgba(27,163,156,.3) 50%,transparent 100%)}.clinic-file-tab:not(.active){margin-top:2px}.clinic-file-tab:not(.active):hover{margin-top:1px}.clinic-file-tab:focus{outline:2px solid #1ba39c;outline-offset:2px}.clinic-file-tab:focus:not(.active){background:linear-gradient(to bottom,#fff,#f1f3f4)}.vma-history-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.vma-history-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.vma-history-header h3{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.vma-history-subtitle{margin:0;color:#6b7280;font-size:14px}.vma-history-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.vma-filter-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease}.vma-filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.vma-filter-btn.active{background:#1ba39c;color:#fff;border-color:#1ba39c}.vma-history-content{min-height:200px}.vma-history-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#6b7280}.vma-history-empty{text-align:center;padding:40px;color:#6b7280}.vma-history-empty p{margin:8px 0}.vma-history-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.vma-history-table{width:100%;border-collapse:collapse;font-size:14px}.vma-history-table th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.vma-history-table td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:top}.shift-row:hover{background:#f9fafb}.shift-row.shift-cancelled{background:#fef2f2}.shift-row.shift-completed{background:#f0fdf4}.vma-status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.status-open{background:#dbeafe;color:#1d4ed8}.status-assigned{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.status-default{background:#f3f4f6;color:#374151}.vma-priority-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-low{background:#f0fdf4;color:#166534}.priority-high{background:#fef3c7;color:#92400e}.priority-urgent{background:#fee2e2;color:#991b1b}.shift-created-by{font-size:11px;color:#6b7280;margin-top:2px}.shift-notes-content{max-width:200px;word-break:break-word}.shift-requirements{margin-top:4px;color:#6b7280;font-style:italic}.vma-history-summary{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.vma-summary-stats{display:flex;gap:32px;justify-content:center}.vma-stat{text-align:center}.vma-stat-number{display:block;font-size:24px;font-weight:700;color:#1ba39c}.vma-stat-label{display:block;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.clinic-card.wide .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.clinic-card.wide .layout-two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.clinic-card.wide .section{margin-bottom:1.5rem}@media (max-width: 768px){.vma-history-filters{justify-content:center}.vma-filter-btn{font-size:12px;padding:6px 12px}.vma-summary-stats{gap:16px}.vma-history-table{font-size:12px}.vma-history-table th,.vma-history-table td{padding:8px}}.clinic-form-subsection{margin-bottom:24px}.clinic-form-subsection h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.clinic-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.clinic-service-item{border:1px solid #e5e7eb;border-radius:6px;padding:12px;background:#fff;transition:all .2s ease}.clinic-service-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.clinic-checkbox-label{display:flex;flex-direction:column;gap:4px;cursor:pointer;width:100%}.clinic-checkbox-label input[type=checkbox]{margin-right:8px;align-self:flex-start}.clinic-service-name{font-weight:500;color:#374151;font-size:14px;line-height:1.4}.clinic-service-pricing{font-size:12px;color:#6b7280;font-style:italic}.clinic-form-field-full{grid-column:1 / -1}.clinic-form-checkboxes{display:flex;gap:20px;flex-wrap:wrap}.clinic-form-checkboxes label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.clinic-form-checkboxes input[type=checkbox]{margin:0}.clinic-card-page{margin:32px auto;background:#fdfefe;padding:24px 28px 45px;border-radius:24px;box-shadow:0 12px 30px #0000000f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#123047;width:170vh}.clinic-title{font-size:28px;font-weight:700;margin-bottom:4px;align-items:center;justify-items:center;text-align:center}.clinic-subtitle{font-size:16px;color:#0f9e9c;margin-bottom:24px;text-align:center}.clinic-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;width:100%}.clinic-metric{border-radius:18px;padding:16px 18px;color:#fff}.clinic-metric.aqua{background:#00a8a8}.clinic-metric.coral{background:#ff6f61}.clinic-metric.red{background:#ff7961}.metric-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.metric-value{font-size:32px;font-weight:700}.clinic-section{margin-top:50px;margin-bottom:20px}.clinic-section-title{font-size:18px;font-weight:700;margin-bottom:14px;text-align:center}.clinic-table{border-radius:16px;overflow:hidden;border:1px solid #dfe5f0;max-width:200%}.clinic-table-header,.clinic-table-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 14px;font-size:13px}.clinic-table-header{background:#00a8a8;color:#fff;font-weight:600}.clinic-table-row:nth-child(odd){background:#f9fbfd}.clinic-table-row:nth-child(2n){background:#fff}.clinic-table-row div{display:flex;align-items:center}.clinic-section:nth-of-type(2) .clinic-table-header,.clinic-section:nth-of-type(2) .clinic-table-row{grid-template-columns:repeat(4,minmax(0,1fr))}.clinic-empty{grid-column:1 / -1;justify-content:center;color:#8b94aa}.clinic-empty:hover{text-decoration:underline;cursor:pointer}.clinic-call-history{padding:0;margin:0}.clinic-call-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.clinic-call-history-header h3{margin:0;color:#1e293b;font-size:20px;font-weight:700}.export-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.export-btn:hover{background:#059669}.call-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#f8fafc;padding:20px;border-radius:8px;text-align:center;border:1px solid #e2e8f0}.call-history-controls{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e7eb}.controls-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.controls-row select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:140px}.results-count{color:#6b7280;font-size:14px;font-weight:600}.clinic-call-history-loading{text-align:center;padding:40px;color:#6b7280}.no-calls{text-align:center;padding:60px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.call-history-list{display:flex;flex-direction:column;gap:12px}.call-history-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.call-history-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#1ba39c}.call-datetime{display:flex;flex-direction:column;gap:2px}.call-date{font-weight:600;color:#374151}.call-time{font-size:12px;color:#6b7280;font-family:monospace}.call-status-badges{display:flex;align-items:center;gap:8px}.status-badge{color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.closed-badge,.cancelled-badge{font-size:12px}.patient-name{color:#1e293b;font-size:16px}.patient-phone{color:#1ba39c;font-weight:600;font-size:14px}.call-details-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:12px}.call-duration{font-family:monospace;font-weight:600;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px}.call-handler{color:#6b7280;font-size:12px}.call-notes-preview,.call-reason-preview{background:#f8fafc;padding:8px 12px;border-radius:6px;font-size:14px;color:#374151;margin-bottom:8px}.recording-indicator{background:#fef2f2;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:10px}.call-id{font-family:monospace}.call-details-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.call-details-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h4{margin:0;color:#1e293b;font-size:18px;font-weight:700}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background .2s ease}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.detail-section{margin-bottom:20px}.detail-section.full-width{grid-column:1 / -1}.detail-section.alert{background:#fef2f2;padding:16px;border-radius:8px;border:1px solid #fecaca}.detail-section h5{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.detail-row label{font-weight:600;color:#6b7280;min-width:100px}.detail-section p{margin:0;color:#374151;line-height:1.5;background:#f8fafc;padding:12px;border-radius:6px}@media (max-width: 768px){.controls-row{flex-direction:column}.controls-row select{min-width:auto;width:100%}.call-details-row{flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr}.call-details-modal{width:95%;margin:20px}.stat-card{padding:16px}.stat-number{font-size:24px}}:root{--teal:#0f7d79;--teal-2:#0c5f5b;--ink:#1b2b34;--bg:#f7fafc;--card:#fff;--muted:#7b8794;--ok:#1f9d6e;--warn:#f4a000;--bad:#d64545;--info:#165dff;--shadow:0 6px 18px rgba(16,24,40,.08)}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;background:var(--teal);color:#fff;font-weight:600}button.ghost{background:#e6f3f2;color:var(--teal)}input,select,textarea{border:1px solid #d9e1ea;border-radius:10px;padding:10px 12px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{font-size:14px;color:#5b6b79;text-align:left;padding:10px 14px}.table td{background:#fff;padding:14px;border-top:1px solid #e7edf4;border-bottom:1px solid #e7edf4}.table tr td:first-child{border-left:1px solid #e7edf4;border-radius:10px 0 0 10px}.table tr td:last-child{border-right:1px solid #e7edf4;border-radius:0 10px 10px 0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidenav{background:linear-gradient(180deg,var(--teal),var(--teal-2));color:#e8f5f4;padding:22px}.brand{font-size:28px;font-weight:800;letter-spacing:.6px;margin:12px 0 20px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#e7fbf9;opacity:.9;margin:4px 0}.nav a.active,.nav a:hover{background:#ffffff1f;opacity:1}.content{padding:26px 28px}.page-title{font-size:30px;font-weight:800;margin:6px 0}.subtitle{opacity:.7;margin:0 0 20px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 20px}.kpi{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.kpi h4{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:15px;font-weight:700;color:#5a6a78}.kpi .num{font-size:26px;font-weight:800}.filters{display:flex;gap:10px;align-items:center;margin:6px 0 18px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#e9f9f0;color:#16784f}.badge.warn{background:#fff5e6;color:#a86a00}.badge.bad{background:#ffecee;color:#a11818}.badge.info{background:#eef6ff;color:#165dff}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 14px}.card{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:18px}.right{display:flex;gap:10px;align-items:center}.empty{color:#7a8a98;padding:30px;text-align:center}.calendar{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:12px}.calendar-grid{display:grid;grid-template-columns:70px repeat(7,1fr);gap:10px;padding:8px}.slot{background:conic-gradient(from 180deg at 50% 120%,#f3faf9,#f9f7ff,#f3faf9);border:1px dashed #d7e9e6;border-radius:14px;padding:10px;min-height:64px}.event{background:#cfeeee;border-radius:12px;padding:8px 10px;margin:4px 0;box-shadow:0 1px #00000008}.inbox{display:grid;grid-template-columns:320px 1fr;gap:14px}.threadlist{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:10px;overflow:auto;max-height:70vh}.thread{padding:12px;border-radius:10px;margin:6px 0}.thread.active{background:#eef6ff}.mail{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:16px;height:70vh;display:flex;flex-direction:column}.mail-body{margin-top:10px;overflow:auto}.icon{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:7px;background:#edf4ff;color:#165dff;font-weight:900}.status-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-Approved{background:#e8f8ef;color:#16784f}.status-Pending{background:#fff5e6;color:#a86a00}.status-Denied{background:#ffecee;color:#a11818}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.ps-app{min-height:100vh;background:var(--bg);color:var(--ink);display:flex;flex-direction:row}.ps-sidenav{width:240px;flex-shrink:0;background:#0f2530;color:#eaf2f5;padding:22px 16px;box-shadow:var(--shadow);height:100vh;overflow-y:auto}.ps-brand{font-size:32px;font-weight:900;letter-spacing:.04em}.ps-nav{margin-top:18px;display:grid;gap:6px}.ps-link{display:block;padding:12px;border-radius:10px;text-decoration:none;color:#eaf2f5;font-weight:700}.ps-link.active{background:#e8f0f5;color:#0f2530}.ps-main{flex:1;padding:26px;overflow-y:auto;overflow-x:hidden;max-width:calc(100vw - 240px)}.ps-header{display:flex;align-items:center;gap:12px}.ps-title{font-size:28px;font-weight:900}.ps-search{position:relative;margin-left:auto;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:220px}.ps-search input{border:none;outline:none;font-size:14px;width:100%}.ps-clear{position:absolute;right:10px;top:8px;bottom:8px;background:transparent;border:none;font-size:14px;cursor:pointer;color:#888;padding:0}.ps-btn-primary{background:#2f6df6;color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:900;cursor:pointer}.ps-btn-danger{background:#e24141;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:900;margin-left:8px;cursor:pointer}.ps-btn-secondary{background:#13cdca;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:900;cursor:pointer}.ps-btn-primary:hover{background:#3a7efc}.ps-btn-danger:hover{background:#f66}.ps-btn-secondary:hover{background:#999}.ps-btn-view{background:#13cdca;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:900;cursor:pointer}.ps-btn-view:hover{background:#999}.ps-btn-edit{background:#2f6df6;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:900;cursor:pointer}.ps-btn-edit:hover{background:#3a7efc}.ps-btn-delete{background:#e24141;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:900;margin-left:8px;cursor:pointer}.ps-btn-delete:hover{background:#f66}.ps-btn-delete:active{pointer-events:auto!important;background:#888;cursor:default}.ps-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-top:16px;width:100%}.ps-table{width:100%;border-collapse:separate;border-spacing:0}.ps-table thead th{background:#f8fafc;padding:14px;text-align:left;border-bottom:1px solid var(--line);font-weight:900}.ps-table td{padding:14px;border-bottom:1px solid var(--line)}.form-wrap{display:flex;height:100vh;overflow:hidden}.form-main{flex:1;display:grid;place-items:start;padding:32px;overflow-y:auto;overflow-x:hidden}.form-card{width:min(980px,96%);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:26px 24px 22px}.form-title{font-size:34px;font-weight:900;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.label{font-weight:800;margin:10px 0 6px}.input,.select{width:100%;padding:12px;border:1px solid #cfdbe4;border-radius:10px;outline:none;background:#fff;font-size:15px}.form-section{margin-top:14px;font-weight:900;font-size:20px}.form-actions{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#cd0404;color:#fff;border:none;padding:12px 16px;border-radius:12px;font-weight:900}.btn-create{background:#03b70c;color:#fff;border:none;padding:12px 18px;border-radius:12px;font-weight:900}.form-actions .btn-cancel:hover{background:#e50505;cursor:pointer}.form-actions .btn-create:hover{background:#04d20e;cursor:pointer}.form-actions .btn-cancel:active,.form-actions .btn-create:active{pointer-events:auto!important;background:#888;cursor:default}.legacy-app{min-height:100vh;background:linear-gradient(#0ea3b0,#0d6a9a);color:#083246;padding:14px;overflow-y:auto}.legacy-main{max-width:900px;margin:0 auto;background:#f0f9fb;border-radius:12px;padding:20px;box-shadow:0 10px 20px #0000001a}.legacy-card{background:#fff;border:1px solid #c7e4ee;border-radius:10px;box-shadow:0 8px 16px #0000000d;padding:16px;margin-bottom:16px}.legacy-bar{display:flex;gap:10px;align-items:center;color:#dff8ff;font-weight:900;margin-bottom:8px}.legacy-tabs{display:flex;gap:8px;margin:8px 0}.legacy-tab{background:#1aa6c7;color:#eaffff;padding:8px 10px;border-radius:6px;font-weight:900;border:1px solid #0e7ea0}.legacy-section{background:#e6f7fb;border:2px solid #87cbe0;border-radius:10px;padding:10px;margin:10px 0}.legacy-h{font-size:20px;font-weight:900;color:#0c6b94}.legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legacy-row{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #c7e4ee;padding:8px 10px;border-radius:8px}.legacy-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.legacy-pill{background:#fff;border:1px solid #a9dcec;border-radius:999px;padding:6px 10px;font-weight:800;color:#0c6b94}:root{--bg:#f7f8fb;--ink:#0f1f2a;--muted:#5f6e78;--line:#e7edf2;--card:#ffffff;--accent:#2f82ff;--accent-ink:#0b2b64;--teal-900:#0d4f53;--teal-800:#0e6a73;--shadow:0 14px 30px rgba(0,0,0,.08)}html,body,#root{height:100%}.legacy-shell{display:flex;height:100vh;background:linear-gradient(180deg,#064c7e,#047feb)}.legacy-sidenav{width:220px;color:#c0cacf;padding:18px 14px}.logo{font-weight:900;letter-spacing:1px;margin-bottom:12px;font:extra-bold}.navlink{display:block;padding:10px 12px;border-radius:8px;color:#c6c6c6;text-decoration:none;margin:2px 0}.navlink.active,.navlink:hover{background:#1f3e52}.legacy-main{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow:auto;background:#e2e4f0ba}.legacy-header{display:flex;align-items:center;gap:12px}.crumbs{font-weight:600;color:#0c2b3e}.header-actions{margin-left:auto;display:flex;gap:8px}.btn{background:#03b0cf;color:#f8f5f5;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}.btn.ghost{background:#00968f;color:#1f3a50}.btn.primary{background:#000e8c}.legacy-tabs{position:sticky;top:0;background:transparent;padding-top:4px;display:flex;gap:8px;z-index:1}.tab{background:#3794f2;border:0;border-radius:10px;padding:8px 12px;cursor:pointer;color:#000;font-weight:700;font-style:bold}.tab.active{background:#0096db;color:#fff}.legacy-card-wide{width:calc(100% - 32px);background:#fff;border-radius:16px;padding:24px;margin:16px;box-shadow:0 4px 16px #0000001a;border:1px solid #e5e7eb;overflow:visible}.grid{display:grid;grid-template-columns:repeat(2,minimax(280px,1fr));gap:12px;color:#0b0b0b;font-weight:800;align-items:start;grid-auto-rows:auto;padding:10px 12px;border-radius:8px;border:1px solid rgb(9,9,9);background:#fff}.row{display:flex;flex-direction:column;gap:6px}.row.span2{grid-column:1 / -1;color:#0b0b0b;font-weight:800}.label{font-weight:700;opacity:1;color:#111;font-weight:900}.field{display:flex;gap:8px;width:100%}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgb(9,9,9);background:#ffffff29;color:#000;font-weight:700;font:extra-bold}.input::placeholder{color:#000}.input:disabled{opacity:1}.hint{opacity:.85;background:#ffffff14;padding:10px;border-radius:8px}.actions-line{display:flex;gap:10px;flex-wrap:wrap;font-weight:700;color:#000}.chip{background:#e0e1e2f5;color:#fc0808;border:1px solid var(--line);cursor:pointer;font-weight:700;padding:10px 12px;border-radius:8px;border:3px solid rgb(9,9,9)}.pad{padding:8px}.med-item{background:#ffffff1a;padding:10px;border-radius:8px;margin-bottom:8px}.ehr-page{position:absolute;inset:0 0 0 220px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow-y:auto;overflow-x:hidden;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:1}.ehr-top-strip{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 4px 12px #667eea4d;position:sticky;top:0;z-index:10}.ehr-top-title{font-weight:700;font-size:24px;display:flex;align-items:center;gap:8px}.ehr-top-tile-name{color:#fff;font-weight:800;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-actions{display:flex;gap:12px;align-items:center}.ehr-add-history-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 20px;color:#fff;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;font-size:14px}.ehr-add-history-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.ehr-top-subtabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;background:#748de1;border-bottom:3px solid #1d4ed8;position:sticky;top:80px;z-index:9;box-shadow:0 2px 8px #0000001a}.ehr-subtab{background:#73c1df;border:2px solid #605d85;border-radius:8px;padding:10px 16px;font-size:13px;cursor:pointer;color:#000;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-height:40px;box-sizing:border-box}.ehr-subtab:hover{background:#4338ca;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.ehr-subtab.active{background:#fff;color:#1e40af;border-color:#fff;box-shadow:0 4px 8px #00000026;font-weight:700}.ehr-subtab.active:hover{background:#f1f5f9;color:#1e40af;transform:none}.patient-header{background:#fff;border:none;border-radius:16px;padding:0;margin:0;box-shadow:0 2px 8px #0000001a}.patient-header-content{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:stretch;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;margin-bottom:0;border-bottom:1px solid #e2e8f0}.patient-avatar{position:relative;width:100px;height:100px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;border:4px solid white;box-shadow:0 8px 24px #3b82f64d;align-self:center}.avatar-upload-btn{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#fff;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.avatar-upload-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.patient-main-info{flex:1;display:flex;flex-direction:column;gap:20px}.patient-name-section{border-bottom:1px solid rgba(226,232,240,.5);padding-bottom:16px}.name-display{display:flex;align-items:center;justify-content:space-between}.patient-name{margin:0;font-size:32px;font-weight:800;color:#1e293b;letter-spacing:-.5px}.edit-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.patient-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.detail-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.detail-label{font-weight:700;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.detail-label:before{content:"";width:3px;height:12px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:2px}.detail-value{font-weight:600;color:#1e293b;font-size:15px;line-height:1.4;word-break:break-word;background:transparent;border:none;padding:4px 0}.contact-edit{background:#fff;border:2px solid #3b82f6;border-radius:8px;padding:8px 12px;color:#1e293b;font-size:14px;font-weight:600;width:100%;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.contact-edit:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #3b82f61a}.patient-status-section{display:flex;flex-direction:column;gap:16px;min-width:220px}.status-card,.subscription-card,.alerts-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.status-card:hover,.subscription-card:hover,.alerts-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.status-label,.subscription-label,.alerts-label{font-size:10px;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 auto}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.subscription-badge{padding:8px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase}.alerts-count{font-size:24px;font-weight:800;color:#dc2626}.edit-section{display:flex;flex-direction:column;gap:16px}.patient-name-edit{font-size:28px;font-weight:700;background:#fff;border:2px solid #3b82f6;border-radius:8px;padding:12px 16px;color:#1e293b;letter-spacing:-.5px}.edit-actions{display:flex;gap:12px}.save-btn,.cancel-btn{padding:8px 20px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;box-shadow:0 2px 8px #6b72804d}.cancel-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b728066;color:#fff!important}.ehr-content-section{padding:0 24px;margin-bottom:24px}@media (max-width: 1200px){.ehr-page{left:0;position:relative}.patient-header-content{grid-template-columns:1fr;gap:20px;text-align:center}.patient-status-section{flex-direction:row;justify-content:center;min-width:auto}.patient-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}}@media (max-width: 980px){.grid{grid-template-columns:1fr}.patient-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:16px}.detail-item{padding:12px}.legacy-card-wide{margin:8px;padding:16px;width:calc(100% - 16px)}.ehr-subtab{padding:8px 12px;font-size:12px}}@media (max-width: 768px){.ehr-page{font-size:13px;left:0;position:relative}.patient-avatar{width:80px;height:80px;font-size:28px;border-radius:16px}.patient-name{font-size:24px}.patient-details-grid{grid-template-columns:1fr;gap:10px;padding:12px}.legacy-card-wide{width:calc(100% - 16px);margin:8px;padding:16px}.ehr-top-subtabs{padding:12px 16px;gap:6px}.ehr-subtab{padding:6px 10px;font-size:11px}}@media print{.ehr-page{position:static;left:auto;background:#fff}.ehr-top-subtabs{display:none}.patient-header{border:1px solid #000;border-radius:0}.patient-header-content{background:#fff;border-bottom:1px solid #000}.legacy-card-wide{box-shadow:none;border:1px solid #000;page-break-inside:avoid}.detail-item{border:1px solid #000;border-radius:0;background:#fff}}body{margin:0;padding:0;overflow:hidden}#root{height:100vh;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.new-pa-layout{display:flex;height:100vh;background:#f7fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.new-pa-main{flex:1;padding:32px 40px}.new-pa-form-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0f346014}.new-pa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.new-pa-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#4b5563}.new-pa-field input{width:100%;border-radius:8px;border:1px solid #d0e2ff;padding:10px 12px;font-size:14px}.new-pa-notes textarea{width:100%;border-radius:8px;border:1px solid #d0e2ff;padding:10px 12px;font-size:14px;resize:vertical}.new-pa-actions{text-align:right;margin-top:24px}.new-pa-submit{border:none;border-radius:999px;padding:10px 22px;font-weight:600;background:#2563eb;color:#fff;cursor:pointer;box-shadow:0 8px 18px #2563eb59}.pa-archive-layout{display:flex;height:100vh;background:#f7fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pa-archive-main{flex:1;padding:32px 40px}.pa-archive-header h1{font-size:32px;font-weight:700;margin-bottom:24px;color:#1f2933}.pa-archive-controls{display:flex;gap:16px;margin-bottom:24px}.pa-archive-search{display:flex;align-items:center;background:#fff;border-radius:8px;border:1px solid #d0e2ff;padding:0 12px;max-width:320px}.pa-archive-search input{border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.pa-archive-select select{border-radius:8px;border:1px solid #d0e2ff;padding:10px 12px;background:#fff;font-size:14px;min-width:160px}.pa-archive-table-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f346014}.pa-archive-table{width:100%;border-collapse:collapse}.pa-archive-table th,.pa-archive-table td{padding:14px 24px;text-align:left;font-size:14px}.pa-archive-table th{font-weight:600;color:#5f6c80}.pa-archive-medication-sub{font-size:13px;color:#7b8794}.pa-archive-status-badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.pa-archive-status-approved{background:#e3f9e5;color:#037d3b}.pa-archive-empty{text-align:center;padding:32px;color:#7b8794;font-size:14px}.ep-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ep-header{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.ep-header-top{padding:16px 24px;border-bottom:1px solid #e5e7eb}.ep-logo{display:flex;align-items:center;gap:12px}.ep-logo-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #1ba39c;box-shadow:0 2px 4px #0000001a}.ep-logo-text{font-size:18px;font-weight:700;color:#1f2937}.ep-status-badge{color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ep-profile-status{margin:8px 0}.ep-status-indicator{color:#fff;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.ep-tabs-container{background:#f9fafb;padding:0 24px;overflow-x:auto;border-bottom:2px solid #e5e7eb}.ep-tabs-wrapper{display:flex;gap:4px;min-width:fit-content;flex-wrap:wrap;padding:8px 0;max-width:100%}.ep-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#e5e7eb;border:1px solid #d1d5db;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#6b7280;position:relative;margin-right:2px;white-space:nowrap;min-width:120px;justify-content:center}.ep-tab:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e5e7eb;z-index:1}.ep-tab:hover{background:#f3f4f6;color:#374151;transform:translateY(-2px)}.ep-tab-active{background:#fff;color:#1f2937;border-color:#1ba39c;box-shadow:0 -2px 8px #0000001a;transform:translateY(-2px);z-index:10}.ep-tab-active:before{background:#fff;z-index:2}.ep-tab-icon{font-size:16px}.ep-tab-label{font-weight:inherit}.ep-main{display:grid;grid-template-columns:350px 1fr;gap:24px;padding:24px;max-width:1400px;margin:0 auto;background:transparent}.ep-sidebar{display:flex;flex-direction:column;gap:20px}.ep-profile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;text-align:center}.ep-avatar-section{position:relative;margin-bottom:20px}.ep-avatar-wrapper{position:relative;display:inline-block;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #00000026}.ep-avatar{width:120px;height:120px;object-fit:cover;display:block}.ep-avatar-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.ep-avatar-wrapper:hover .ep-avatar-overlay{opacity:1}.ep-avatar-upload-btn{background:#1ba39c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease}.ep-avatar-upload-btn:hover{background:#0f766e}.ep-profile-info{text-align:center}.ep-profile-name{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.ep-profile-title{font-size:16px;color:#6b7280;margin:0 0 16px}.ep-profile-duration{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.ep-duration-label{font-size:12px;color:#166534;font-weight:600;text-transform:uppercase}.ep-duration-value{font-size:16px;color:#15803d;font-weight:700}.ep-stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.ep-stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease}.ep-stat-card:hover{transform:translateY(-2px)}.ep-stat-icon{font-size:24px;background:#f0f9ff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ep-stat-info{flex:1}.ep-stat-number{font-size:18px;font-weight:700;color:#1f2937}.ep-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:600}.ep-content{background:transparent}.ep-content-area{display:grid;grid-template-columns:2fr 1fr;gap:24px}.ep-content-main,.ep-content-sidebar{display:flex;flex-direction:column;gap:20px}.ep-tab-content{padding:24px}.ep-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease}.ep-card:hover{box-shadow:0 4px 16px #00000026}.ep-card-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1f2937}.ep-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.ep-detail-item{display:flex;flex-direction:column;gap:6px}.ep-detail-item-full{grid-column:1 / -1}.ep-detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ep-detail-item span{font-size:14px;color:#1f2937;font-weight:500}.ep-btn-edit,.ep-btn-view,.ep-btn-secondary{background:#1ba39c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.ep-btn-edit:hover,.ep-btn-view:hover{background:#0f766e;transform:translateY(-1px)}.ep-btn-secondary{background:#6b7280;margin:4px 8px 4px 0}.ep-btn-secondary:hover{background:#4b5563}.ep-account-section{padding:20px;border-bottom:1px solid #e5e7eb}.ep-account-section:last-child{border-bottom:none}.ep-account-section h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.ep-notice-empty{padding:40px 20px;text-align:center;color:#6b7280}.ep-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.ep-holidays-list{padding:16px;display:flex;flex-direction:column;gap:8px}.ep-holiday-item{padding:12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(0,0,0,.1)}.ep-holiday-info{flex:1}.ep-holiday-name{font-weight:600;color:#1f2937;margin-bottom:4px}.ep-holiday-label{font-size:12px;color:#6b7280}.ep-holiday-date{font-size:12px;font-weight:600;color:#1f2937;background:#fffc;padding:4px 8px;border-radius:4px}.ep-birthday-list{padding:16px;display:flex;flex-direction:column;gap:12px}.ep-birthday-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.ep-birthday-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ep-birthday-info{flex:1}.ep-birthday-name{font-weight:600;color:#1f2937;display:block;margin-bottom:4px}.ep-birthday-relation{font-size:12px;color:#6b7280}@media (max-width: 1400px){.ep-tabs-wrapper{justify-content:flex-start}.ep-tab{min-width:100px;padding:10px 16px}}@media (max-width: 1200px){.ep-main{grid-template-columns:300px 1fr;gap:20px;padding:20px}.ep-tab{min-width:90px;padding:8px 14px;font-size:13px}.ep-tab-label{font-size:12px}}@media (max-width: 768px){.ep-main{grid-template-columns:1fr;padding:16px}.ep-tabs-wrapper{flex-wrap:wrap}.ep-tab{min-width:auto;padding:8px 12px;font-size:12px}.ep-details-grid{grid-template-columns:1fr;gap:16px;padding:16px}.ep-profile-card{padding:20px}.ep-avatar{width:100px;height:100px}}@media (max-width: 480px){.ep-header-top{padding:12px 16px}.ep-tabs-container{padding:0 16px}.ep-main{padding:12px}.ep-tab{padding:6px 8px;min-width:80px}.ep-tab-label{display:none}.ep-profile-name{font-size:20px}}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ep-content{animation:tabSlideIn .3s ease}.ep-card{transition:all .2s ease}.ep-card:hover{transform:translateY(-2px)}.ep-tabs-container::-webkit-scrollbar{height:4px}.ep-tabs-container::-webkit-scrollbar-track{background:#f1f5f9}.ep-tabs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.ep-tabs-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ep-settings-section{padding:20px}.ep-notices-list{padding:16px;display:flex;flex-direction:column;gap:12px}.ep-notice-item{padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #1ba39c;transition:background .2s ease}.ep-notice-item:hover{background:#f1f5f9}.ep-notice-title{font-weight:600;color:#1f2937;margin-bottom:4px}.ep-notice-message{font-size:13px;color:#6b7280;margin-bottom:6px}.ep-notice-time{font-size:11px;color:#9ca3af}.edit-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.edit-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.edit-modal-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:700}.edit-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.edit-modal-close:hover{background:#e5e7eb;color:#374151}.edit-modal-content{padding:24px}.edit-section{margin-bottom:32px}.edit-section h3{margin:0 0 16px;color:#1e293b;font-size:18px;font-weight:600}.edit-info-text{color:#6b7280;font-size:14px;margin-bottom:16px}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-form-group{display:flex;flex-direction:column;gap:6px}.edit-form-group-full{grid-column:1 / -1}.edit-form-group label{font-size:14px;font-weight:600;color:#374151}.edit-form-group input,.edit-form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.edit-form-group input:focus,.edit-form-group textarea:focus{outline:none;border-color:#1ba39c;box-shadow:0 0 0 3px #1ba39c1a}.edit-form-group input:disabled{background:#f3f4f6;color:#6b7280}.file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;transition:border-color .2s ease}.file-upload-area:hover{border-color:#1ba39c}.file-upload-btn{background:#1ba39c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.file-upload-btn:hover{background:#0f766e}.uploaded-file{margin-top:12px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#166534;font-size:14px}.file-upload-help{margin-top:8px;font-size:12px;color:#6b7280}.edit-btn-secondary{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.edit-btn-secondary:hover{background:#4b5563}.edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.edit-btn-cancel{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.edit-btn-cancel:hover{background:#4b5563}.edit-btn-save{background:#1ba39c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.edit-btn-save:hover{background:#0f766e}@media (max-width: 768px){.edit-modal{width:95%;margin:20px}.edit-form-grid{grid-template-columns:1fr}.edit-modal-header,.edit-modal-content,.edit-modal-footer{padding:16px}}.holidays-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.holidays-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.holidays-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.holidays-modal-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:700}.holidays-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.holidays-modal-close:hover{background:#e5e7eb;color:#374151}.holidays-modal-controls{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.holidays-search input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px}.holidays-filters{display:flex;gap:8px}.holidays-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.holidays-empty{text-align:center;padding:40px;color:#6b7280}.holidays-month-group{margin-bottom:32px}.holidays-month-title{margin:0 0 16px;color:#1e293b;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.holidays-list{display:grid;gap:12px}.holiday-detail-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.holiday-detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.holiday-detail-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.holiday-detail-name{margin:0;color:#1e293b;font-size:16px;font-weight:600}.holiday-detail-date{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px;color:#6b7280;font-weight:500}.holiday-detail-info{display:flex;flex-direction:column;gap:8px}.holiday-detail-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000c;width:fit-content}.holiday-detail-description{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.holidays-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.holidays-legend h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.legend-items{display:flex;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.holidays-modal{width:95%;margin:20px}.holidays-modal-controls{flex-direction:column;align-items:stretch}.holidays-search input{min-width:auto;width:100%}.holidays-filters{justify-content:center}.holiday-detail-header,.legend-items{flex-direction:column;gap:8px}}.settings-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.settings-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.settings-modal-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:700}.settings-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.settings-modal-close:hover{background:#e5e7eb;color:#374151}.settings-modal-content{padding:24px;display:grid;gap:32px}.settings-section{border-bottom:1px solid #f3f4f6;padding-bottom:24px}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section h3{margin:0 0 20px;color:#1e293b;font-size:18px;font-weight:600}.setting-item{margin-bottom:24px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:12px;font-weight:600;color:#374151}.setting-options{display:flex;gap:8px;flex-wrap:wrap}.color-option,.size-option,.cursor-option,.sidebar-option{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.color-option:hover,.size-option:hover,.cursor-option:hover,.sidebar-option:hover{border-color:#1ba39c;background:#f0fdfa}.color-option.active,.size-option.active,.cursor-option.active,.sidebar-option.active{border-color:#1ba39c;background:#1ba39c;color:#fff}.light{background:#fff;color:#1f2937}.dark{background:#1f2937;color:#f9fafb}.blue{background:#2563eb;color:#f9fafb}.setting-toggle{display:flex;align-items:center;gap:12px}.setting-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.setting-toggle span{color:#6b7280;font-size:14px}.settings-preview{background:#f8fafc;border-radius:8px;padding:20px}.settings-preview h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.preview-area{background:#fff;border-radius:6px;padding:16px;border:1px solid #e5e7eb}.preview-card{text-align:center}.preview-card h5{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.preview-card p{margin:0 0 16px;color:#6b7280;font-size:14px}.preview-button{background:#1ba39c;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.preview-button:hover{background:#0f766e}.settings-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.settings-btn-reset{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.settings-btn-reset:hover{background:#b91c1c}.settings-btn-close{background:#1ba39c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.settings-btn-close:hover{background:#0f766e}.dark-theme{--bg-primary: #1f2937;--bg-secondary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #4b5563}.blue-theme{--bg-primary: #1e40af;--bg-secondary: #3b82f6;--text-primary: #f9fafb;--text-secondary: #dbeafe;--border-color: #60a5fa}.no-animations *{transition:none!important;animation:none!important}@media (max-width: 768px){.settings-modal{width:95%;margin:20px;max-height:95vh}.setting-options{flex-direction:column}.color-option,.size-option,.cursor-option,.sidebar-option{width:100%;text-align:center}.settings-modal-header,.settings-modal-content,.settings-modal-footer{padding:16px}.settings-modal-footer{flex-direction:column;gap:12px}.settings-btn-reset,.settings-btn-close{width:100%}}.notices-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.notices-modal{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.notices-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.notices-modal-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:700}.notices-header-actions{display:flex;align-items:center;gap:12px}.mark-all-read-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s ease}.mark-all-read-btn:hover:not(:disabled){background:#059669}.mark-all-read-btn:disabled{background:#d1d5db;cursor:not-allowed}.notices-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.notices-modal-close:hover{background:#e5e7eb;color:#374151}.notices-modal-controls{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.notices-search input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:250px}.notices-filters{display:flex;gap:8px}.filter-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.filter-btn:hover{border-color:#1ba39c;background:#f0fdfa}.filter-btn.active{background:#1ba39c;color:#fff;border-color:#1ba39c}.notices-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.notices-empty{text-align:center;padding:60px 20px;color:#6b7280}.notices-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.notices-list{display:flex;flex-direction:column;gap:16px}.notice-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.notice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#1ba39c}.notice-card.unread{border-left:4px solid #3b82f6;background:#f8fafc}.notice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notice-priority-indicator{display:flex;align-items:center;gap:8px}.priority-dot{width:8px;height:8px;border-radius:50%}.notice-category{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.notice-time{font-size:12px;color:#9ca3af}.notice-card-content{margin-bottom:16px}.notice-title{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600}.notice-message{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.notice-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.notice-metadata{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.notice-from,.notice-department{font-weight:500}.notice-actions{display:flex;align-items:center;gap:8px}.acknowledge-btn,.view-btn{padding:4px 8px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.acknowledge-btn{background:#f59e0b;color:#fff}.acknowledge-btn:hover{background:#d97706}.view-btn:hover{background:#2563eb}.unread-indicator{position:absolute;top:0;right:0;width:12px;height:12px;background:#3b82f6;border-radius:50%;margin:8px}.notices-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.notices-stats{display:flex;gap:16px;font-size:12px;color:#6b7280}.notice-detail-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001}.notice-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.notice-detail-header{padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.notice-detail-title h3{margin:0 0 8px;color:#1e293b;font-size:18px;font-weight:700}.notice-detail-meta{display:flex;align-items:center;gap:12px}.priority-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase}.notice-detail-time{font-size:12px;color:#6b7280}.notice-detail-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.notice-detail-close:hover{background:#e5e7eb;color:#374151}.notice-detail-content{padding:24px}.notice-detail-info{margin-bottom:24px}.info-row{display:flex;margin-bottom:8px}.info-row label{font-weight:600;color:#374151;min-width:100px;margin-right:12px}.info-row span{color:#6b7280}.notice-detail-message{margin-bottom:24px}.notice-detail-message h4{margin:0 0 12px;color:#1e293b;font-size:16px;font-weight:600}.message-content{background:#f8fafc;padding:16px;border-radius:6px;border-left:4px solid #1ba39c;color:#374151;line-height:1.6}.notice-attachments{margin-bottom:24px}.notice-attachments h4{margin:0 0 12px;color:#1e293b;font-size:16px;font-weight:600}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f3f4f6;border-radius:4px}.attachment-icon{color:#6b7280}.attachment-name{flex:1;font-size:13px;color:#374151}.attachment-download{background:#10b981;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px}.notice-detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.acknowledge-btn-large{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.acknowledge-btn-large:hover{background:#d97706}.required-asterisk{color:#ef4444;font-weight:700;margin-left:4px}.file-upload-help strong{color:#ef4444}.hr-generated{background:linear-gradient(135deg,#fffbeb,#f8fafc);border-color:#f59e0b!important}.hr-badge{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.category-description{font-size:13px;color:#6b7280;margin:4px 0 0}.expiry-info{color:#ef4444;font-weight:600}@media (max-width: 768px){.notices-modal{width:95%;margin:20px}.notices-modal-controls{flex-direction:column;align-items:stretch}.notices-search input{min-width:auto;width:100%}.notice-card-footer{flex-direction:column;gap:8px;align-items:stretch}.notice-actions{justify-content:center}.document-hub-content{grid-template-columns:1fr}.document-hub-sidebar{order:2}.document-hub-main{order:1}}:root{--teal: #005f63;--teal-light: #0f8b8d;--bg: #f4f7fb;--card-bg: #ffffff;--border-subtle: #e2e8f0;--text-main: #0f172a;--text-muted: #6b7280;--pill-green: #16a34a;--pill-red: #f97373;--pill-yellow: #facc15;--pill-blue: #38bdf8;--sidebar-width: 260px;--radius-lg: 18px;--radius-md: 10px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .12);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}body{margin:0;font-family:var(--font-sans);color:var(--text-main);background:var(--teal)}#root{min-height:100vh}.card{background:#fff;border-radius:16px;border:2px solid var(--line);box-shadow:var(--shadow);padding:16px;width:fit-content}.ep-extended-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px 20px;margin-bottom:20px;width:max-content}.sidebar{width:var(--sidebar-width);background:#0b6164;color:#ecfeff;padding:24px 20px;display:flex;flex-direction:column}.sidebar-logo{font-weight:700;letter-spacing:.14em;margin-bottom:32px;font-size:20px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;color:#e5f9fa;text-decoration:none;font-size:14px;opacity:.9}.sidebar-link-active{background:#e0f2f1;color:#064e3b}.sidebar-icon{width:26px;height:26px;border-radius:999px;background:#0f766e4d;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.sidebar-footer-user{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.4)}.avatar-sm,.avatar-lg,.avatar-circle{border-radius:999px;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;color:#374151}.avatar-sm{width:32px;height:32px;font-size:14px;font-weight:600}.avatar-lg{width:64px;height:64px;font-size:24px;font-weight:600}.avatar-circle{width:40px;height:40px;margin-right:10px}.avatar-muted{background:#cbd5f5;color:#1f2937}.sidebar-user-info{font-size:12px}.sidebar-user-name{font-weight:600}.sidebar-user-role{color:#e2e8f0cc}.app-main{flex:1;background:var(--bg);padding:26px 32px}.page{max-width:1120px;margin:0 auto}.page-title{font-size:26px;font-weight:700;margin:0 0 16px}.page-header-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.btn-primary,.btn-primary-wide,.btn-large-primary{border:none;border-radius:999px;background:#2563eb;color:#fff;font-weight:600;font-size:14px;padding:10px 22px;cursor:pointer}.btn-primary-wide{width:100%;padding:12px}.btn-large-primary{padding:16px 40px;font-size:16px}.btn-secondary{border-radius:999px;padding:8px 18px;border:1px solid var(--border-subtle);background:#fff;font-size:13px;cursor:pointer}.btn-outline,.btn-outline-small{border-radius:999px;border:1px solid var(--border-subtle);background:#fff;padding:6px 14px;font-size:13px;cursor:pointer}.btn-outline-small{padding:5px 12px}.btn-small-dark{border-radius:999px;border:none;padding:6px 16px;background:#065f46;color:#ecfdf5;font-size:13px;cursor:pointer}.filter-pill{border-radius:999px;border:none;padding:8px 18px;font-size:13px;background:#e5f3ff;color:#0f172a;cursor:pointer}.chevron{font-size:10px;margin-left:4px}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px 20px}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead tr{border-bottom:1px solid var(--border-subtle)}.table th,.table td{text-align:left;padding:10px}.table tbody tr:not(:last-child){border-bottom:1px solid #edf2f7}.table-section-header td{font-weight:600;color:var(--text-muted)}.pill{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;align-items:center}.pill-success{background:#dcfce7;color:#166534}.pill-danger{background:#fee2e2;color:#b91c1c}.pill-warning{background:#fef3c7;color:#92400e}.pill-info{background:#e0f2fe;color:#075985}.pill-muted{background:#e5e7eb;color:#374151}.schedule-header-bar{display:flex;align-items:center;gap:16px;margin-bottom:14px}.schedule-month{font-weight:600}.schedule-grid{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:16px 18px 20px}.schedule-grid-header{display:grid;grid-template-columns:220px repeat(4,1fr);padding:6px 4px 10px;border-bottom:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}.schedule-col-day{text-align:center}.schedule-grid-body{display:flex;flex-direction:column;gap:8px;margin-top:6px}.schedule-row{display:grid;grid-template-columns:220px repeat(4,1fr);align-items:center;gap:6px}.schedule-employee-cell{display:flex;align-items:center}.emp-name{font-size:14px;font-weight:600}.emp-role{font-size:12px;color:var(--text-muted)}.schedule-slot{background:#e0f7f5;border-radius:10px;padding:8px 10px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.slot-edit{opacity:.5;font-size:11px}.ticket-filters{display:flex;gap:10px;margin-bottom:14px}.input-select{border-radius:999px;border:1px solid var(--border-subtle);padding:7px 14px;font-size:13px;background:#fff}.tickets-layout{display:grid;grid-template-columns:minmax(0,1.2fr) 180px;gap:20px;align-items:flex-start}.ticket-status-legend{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:14px 16px;font-size:13px}.ticket-status-legend h3{margin-top:0;font-size:14px}.ticket-status-legend ul{list-style:none;padding:0;margin:8px 0 0}.ticket-status-legend li{display:flex;align-items:center;gap:8px;margin-bottom:6px}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-open{background:#0af05e}.legend-pending{background:#b85605}.legend-closed{background:#203d65}.legend-resolved{background:#38bdf8}.self-service-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.section-title{font-size:15px;margin:0 0 10px}.self-service-name{font-weight:600;margin-bottom:4px}.self-service-info{font-size:13px;color:var(--text-main);margin-bottom:24px}.quick-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:black 5px solid;padding:5px}.quick-link-tile{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#6c97fb;padding:15px 10px;font-size:15px;cursor:pointer;text-align:center}.self-service-right .recent-requests{list-style:none;padding:0;margin:0}.recent-requests li{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:8px 0}.timeclock-filters{display:flex;gap:10px;margin-bottom:14px}.employee-cell{display:flex;align-items:center;gap:8px}.add-employee-card{margin-top:10px}.form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-label{display:flex;flex-direction:column;font-size:13px;margin-bottom:10px}.input-text,.textarea{margin-top:4px;border-radius:10px;border:1px solid var(--border-subtle);padding:9px 10px;font-size:13px}.textarea{resize:vertical;min-height:76px}.add-employee-footer{margin-top:16px}.employee-profile-page{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.employee-profile-sidebar{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px 16px;display:flex;flex-direction:column}.employee-profile-card{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;text-align:center}.employee-profile-name{font-weight:600;margin-top:8px}.employee-profile-role{font-size:12px;color:var(--text-muted)}.employee-profile-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.employee-profile-link{border:none;background:transparent;text-align:left;padding:7px 10px;border-radius:999px;font-size:13px;color:var(--text-muted);cursor:pointer}.employee-profile-link-active{background:#ecfeff;color:#047857}.employee-back-link{border:none;background:transparent;padding:6px 6px 0;font-size:13px;color:var(--text-muted);text-align:left;cursor:pointer}.employee-profile-content{min-height:480px}.employee-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ep-extended-tab-header{margin-bottom:20px}.ep-extended-tab{padding:20px 0}.timeclock-summary-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.summary-tile{background:var(--card-bg);border-radius:var(--radius-md);padding:10px 14px;min-width:140px;box-shadow:var(--shadow-soft)}.summary-label{font-size:12px;color:var(--text-muted)}.summary-value{font-size:20px;font-weight:700}.payrate-row{display:flex;align-items:center;gap:18px;margin-bottom:18px}.payrate-label{font-size:13px;color:var(--text-muted)}.payrate-amount{font-size:24px;font-weight:700}.leave-balance-row{display:flex;gap:14px;margin-bottom:16px}.leave-balance-card{flex:1;background:var(--card-bg);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-soft);text-align:center}.leave-balance-value{font-size:22px;font-weight:700}.leave-balance-label{font-size:12px;color:var(--text-muted)}.performance-summary-row{display:flex;gap:12px;margin-bottom:18px}.performance-stat{flex:1;background:var(--card-bg);border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-soft);text-align:center}.performance-value{font-size:20px;font-weight:700}.performance-label{font-size:12px;color:var(--text-muted)}.performance-sections{margin-top:4px}.performance-block+.performance-block{margin-top:16px}.performance-block-header{display:flex;justify-content:space-between;align-items:center}.simple-list{list-style:none;padding:0;margin:8px 0 0;font-size:13px}.simple-list li+li{margin-top:6px}.muted{color:var(--text-muted);font-size:12px}.link-button{border:none;background:transparent;color:#2563eb;font-size:13px;cursor:pointer}.hrdocs-layout{display:grid;grid-template-columns:260px minmax(0,1.3fr);gap:20px;padding:0}.hrdocs-profile{padding:18px 16px;border-right:1px solid #e5e7eb}.hrdocs-table{padding:18px 16px}.form-column{display:flex;flex-direction:column}.schedule-shell{padding:24px 32px;background:radial-gradient(circle at top left,#f3fbfd 0,#e1f4f5 40%,#d2f0f3);min-height:100vh;box-sizing:border-box}.schedule-main{max-width:1200px;margin:0 auto}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedule-title{font-size:26px;font-weight:700;color:#134e57;letter-spacing:.02em}.schedule-week-label{font-size:14px;color:#4a6b75}.schedule-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #06445726;padding:20px 24px;box-sizing:border-box}.schedule-btn,.schedule-btn-outline{border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.schedule-btn{background:#009688;color:#fff;box-shadow:0 4px 10px #00968847}.schedule-btn:hover{background:#008274;box-shadow:0 6px 14px #00968859;transform:translateY(-1px)}.schedule-btn:active{transform:translateY(0);box-shadow:0 3px 8px #00968840}.schedule-btn-outline{background:#e6f7f7;color:#006b63;border:1px solid #b8e3e3}.schedule-btn-outline:hover{background:#d5f0f0}.schedule-week-nav{display:flex;align-items:center;gap:8px}.schedule-week-range{font-size:14px;font-weight:500;color:#335c65}.schedule-actions{display:flex;justify-content:flex-end;margin-top:16px}.schedule-table-wrapper{margin-top:10px;overflow-x:auto}.schedule-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;font-size:13px}.schedule-table thead{background:#f3fbfd}.schedule-table th,.schedule-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0edf1;white-space:nowrap}.schedule-table th:first-child,.schedule-table td:first-child{border-top-left-radius:10px}.schedule-table th:last-child,.schedule-table td:last-child{border-top-right-radius:10px}.schedule-table th{font-weight:600;color:#335c65;position:sticky;top:0;z-index:1}.schedule-table tbody tr:nth-child(odd){background:#fff}.schedule-table tbody tr:nth-child(2n){background:#f9fcfd}.schedule-table tbody tr:hover{background:#e7f5f8}.schedule-emp-cell{display:flex;flex-direction:column;gap:2px}.schedule-emp-name{font-weight:600;color:#194952}.schedule-emp-role{font-size:11px;color:#6d8790}.schedule-shift-input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #d4e5eb;background:#f7fcfd;padding:6px 8px;font-size:12px;color:#32525a;outline:none;transition:border .12s ease,box-shadow .12s ease,background .12s ease}.schedule-shift-input::placeholder{color:#9db2ba}.schedule-shift-input:focus{border-color:#009688;box-shadow:0 0 0 1px #00968847;background:#fff}.schedule-off-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#f5f5f5;color:#9a9a9a;font-size:11px;font-weight:500}.employee-schedule-wrapper{margin-top:16px;max-width:300%}.employee-schedule-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.employee-schedule-title{font-size:18px;font-weight:600;color:#1d4f57}.employee-schedule-subtitle{font-size:12px;color:#6c848f}.employee-schedule-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.emp-schedule-pill{padding:6px 12px;border-radius:999px;background:#e3f6f6;font-size:11px;font-weight:500;color:#2c6b71}.emp-schedule-refresh-btn,.emp-schedule-prev-btn,.emp-schedule-next-btn{margin-left:8px;padding:6px 12px;border-radius:999px;background:#009688;color:#fff;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:background .15s ease}.emp-schedule-refresh-btn:hover,.emp-schedule-prev-btn:hover,.emp-schedule-next-btn:hover{background:#00796b}.employee-schedule-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.employee-schedule-table thead{background:#f3fbfd}.employee-schedule-table th,.employee-schedule-table td{padding:9px 10px;text-align:left;border-bottom:1px solid #e0edf1}.employee-schedule-table th{font-weight:600;color:#35545c}.employee-schedule-table tbody tr:nth-child(odd){background:#fff}.employee-schedule-table tbody tr:nth-child(2n){background:#f9fcfd}.employee-schedule-table tbody tr:hover{background:#e8f5f7}.employee-schedule-day{font-weight:600;color:#1e4d55}.employee-schedule-date{font-size:11px;color:#7a929c}.employee-shift-text{font-weight:500;color:#255960}.employee-shift-off{font-weight:500;color:#c26a6a}.employee-shift-notes{font-size:12px;color:#60757f}.schedule-empty-state{margin:30px 0 10px;text-align:center;color:#7b919a;font-size:13px}.schedule-empty-state strong{color:#466a74}@media (max-width: 900px){.schedule-shell{padding:16px 12px}.schedule-main{max-width:max-content}.schedule-header{flex-direction:column;align-items:flex-start;gap:8px}.schedule-title{font-size:22px}.schedule-week-nav{align-self:stretch;justify-content:space-between}}@media (max-width: 640px){.schedule-card{max-width:max-content;padding:16px 14px}.schedule-table,.employee-schedule-table{font-size:12px}.schedule-emp-name{font-size:13px}.schedule-emp-role{font-size:10px}}.self-shell{min-height:100vh;background:#e0fbff;display:flex;justify-content:center;padding:40px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.self-main{width:100%;max-width:960px}.self-main-narrow{max-width:640px;margin-inline:auto}.self-title{font-size:28px;font-weight:700;color:#064e3b;margin-bottom:20px}.self-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:#fbffff;border-radius:20px;padding:18px 20px;box-shadow:0 10px 30px #0f766e0f}.card-metric{display:flex;flex-direction:column;gap:4px}.card-label{font-size:14px;font-weight:600;color:#0f766e}.card-value{font-size:32px;font-weight:700;color:#022c22;margin-top:6px}.card-unit{font-size:16px;margin-left:4px;color:#065f46}.card-sub{font-size:14px;color:#111827;margin-top:8px}.self-actions-row{margin-top:18px}.self-actions-row .btn-outline:nth-child(3),.self-actions-row .btn-outline:nth-child(4){margin-top:8px}.btn-solid,.btn-outline{border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.btn-solid.btn-coral{background:#ff7a6b;color:#fff}.btn-solid.btn-teal{background:#0fb5a4;color:#fff}.btn-outline{background:transparent;border:2px solid #0fb5a4;color:#0f766e}.card-table{margin-top:20px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-title{font-size:18px;font-weight:700;color:#022c22}.filter-btn{background:transparent;border:none;font-size:14px;color:#0f766e;cursor:pointer}.table{width:100%}.table-header,.table-row{display:grid;grid-template-columns:2.4fr 1fr 1fr .4fr;align-items:center;padding:10px 4px}.table-header{font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb}.table-row+.table-row{border-top:1px solid #eef2f7}.table-cell-main{display:flex;align-items:center;gap:10px}.emoji{font-size:20px}.row-primary{font-size:15px;font-weight:600;color:#111827}.row-secondary{font-size:13px;color:#6b7280}.table-cell{font-size:14px;color:#111827}.table-arrow{font-size:20px;text-align:right;color:#9ca3af}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-pending{background:#e5f2ff;color:#1d4ed8}.badge-approved{background:#dcfce7;color:#15803d}.card-jobs{padding:22px 24px 26px}.jobs-subheading{font-size:16px;font-weight:600;color:#0f766e;margin-top:4px;margin-bottom:14px}.jobs-list{display:flex;flex-direction:column;gap:12px}.job-row{border-radius:16px;border:1px solid #dbeafe;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.jobs-raise-btn{width:100%;margin-top:16px}.card-metric-circle{display:flex;flex-direction:column;gap:10px}.circle-row{display:flex;align-items:center;gap:18px;margin-top:4px}.circle{width:96px;height:96px;border-radius:999px;border:10px solid #0fb5a4;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0f766e}.circle-attendance{border-color:#ff7a6b;color:#ea580c}.circle-text .row-primary{font-size:20px}.perf-lower{margin-top:20px}.card-large{display:flex;flex-direction:column;gap:16px}.textarea-review{width:100%;border-radius:14px;border:1px solid #d1d5db;padding:10px 12px;resize:vertical;font-family:inherit}.perf-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.point-system .row-secondary{margin-top:2px}.point-system .note{margin-top:8px;font-style:italic}.card-section+.card-section{margin-top:18px}.attendance-breakdown .row-secondary{margin-top:2px}.pay-grid{display:flex;flex-direction:column;gap:18px}.pay-top-row{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.pay-rate-card{position:relative}.link-btn{background:none;border:none;color:#0f766e;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px}.tax-card .btn-solid.small{padding-block:8px;margin-top:14px}.pay-download-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pay-download{justify-content:center}.benefits-section{padding-top:8px}.benefit-buttons-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.benefits-lower{margin-top:8px}.benefit-buttons-column{display:flex;flex-direction:column;gap:10px;margin-top:10px}.full-width{width:100%}@media (max-width: 720px){.self-shell{padding:20px 12px}.card{border-radius:16px}.pay-top-row{grid-template-columns:1fr}.perf-bottom-row{flex-direction:column;align-items:stretch}}.handbook-tab{padding:24px;background:#f8fafc;min-height:calc(100vh - 200px)}.handbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.handbook-title h2{margin:0 0 8px;color:#1e293b;font-size:24px;font-weight:700}.handbook-title p{margin:0;color:#6b7280;font-size:14px}.handbook-search{min-width:300px}.handbook-content{display:grid;grid-template-columns:300px 1fr;gap:24px}.handbook-sidebar{display:flex;flex-direction:column;gap:24px}.categories-section h3,.quick-stats h3{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600}.categories-list{display:flex;flex-direction:column;gap:4px}.category-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.category-item:hover{border-color:#1ba39c;background:#f0fdfa}.category-item.active{background:#1ba39c;border-color:#1ba39c;color:#fff}.category-icon{font-size:16px}.category-name{font-size:14px;font-weight:500}.category-count{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.category-item.active .category-count{background:#fff3}.quick-stats{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.stat-label{font-size:13px;color:#6b7280}.stat-value{font-weight:600;font-size:14px;color:#1e293b;background:#f3f4f6;padding:4px 8px;border-radius:4px}.stat-value.pending{background:#fef3c7;color:#d97706}.stat-value.completed{background:#d1fae5;color:#065f46}.handbook-main{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;min-height:500px}.no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6b7280;text-align:center}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.document-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.document-card.mandatory{border-color:#f59e0b;background:linear-gradient(135deg,#fefbf3,#f8fafc)}.document-card.pending{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#f8fafc)}.document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.document-type{display:flex;align-items:center;gap:6px}.file-icon{font-size:18px}.file-type{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#6b7280}.mandatory-badge{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.document-content{margin-bottom:16px}.document-title{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600}.document-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:600}.meta-value{font-size:11px;color:#1e293b;font-weight:500}.acknowledgment-status{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#d1fae5;border-radius:6px;color:#065f46;font-size:12px;font-weight:600;width:fit-content}.ack-icon{font-size:14px}.document-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-view,.btn-download,.btn-acknowledge{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb}.btn-download{background:#10b981;color:#fff}.btn-download:hover{background:#059669}.btn-acknowledge{background:#f59e0b;color:#fff}.btn-acknowledge:hover{background:#d97706}.document-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.document-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.document-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.document-modal-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.document-modal-content{padding:24px;min-height:400px}.document-preview{display:flex;align-items:center;justify-content:center;height:400px;background:#f8fafc;border-radius:8px;border:2px dashed #d1d5db}.preview-icon{font-size:48px;margin-bottom:16px;opacity:.5}.document-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}@media (max-width: 1024px){.handbook-content{grid-template-columns:1fr}.handbook-sidebar{order:2}.handbook-main{order:1}.documents-grid{grid-template-columns:1fr}}@media (max-width: 768px){.handbook-tab{padding:16px}.handbook-header{flex-direction:column;gap:16px;align-items:stretch}.handbook-search{min-width:auto}.categories-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.document-meta{grid-template-columns:1fr}.document-actions{flex-direction:column}}.document-hub-tab{padding:24px;background:#f8fafc;min-height:calc(100vh - 200px)}.document-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.document-hub-title h2{margin:0 0 8px;color:#1e293b;font-size:24px;font-weight:700}.document-hub-title p{margin:0;color:#6b7280;font-size:14px}.document-hub-actions{display:flex;gap:16px;align-items:center}.search-container{min-width:280px}.search-input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.upload-btn{background:#10b981;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.upload-btn:hover{background:#059669;transform:translateY(-1px)}.upload-btn-secondary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.upload-btn-secondary:hover{background:#2563eb;transform:translateY(-1px)}.document-hub-content{display:grid;grid-template-columns:320px 1fr;gap:24px}.document-hub-sidebar{display:flex;flex-direction:column;gap:24px}.categories-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.categories-section h3{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600}.categories-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.category-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.category-item.active{background:#fff;color:#1e293b;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.category-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--category-color, #3b82f6)}.category-icon{font-size:18px;transition:transform .2s ease}.category-item.active .category-icon{transform:scale(1.1)}.category-info{flex:1;display:flex;justify-content:space-between;align-items:center}.category-name{font-size:14px;font-weight:500;margin:0}.category-count{background:#f3f4f6;color:#6b7280;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;min-width:20px;text-align:center;transition:all .2s ease}.category-item.active .category-count{background:var(--category-color, #3b82f6);color:#fff}.document-stats{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.document-stats h3{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.stat-item:last-child{border-bottom:none}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-value{font-weight:600;font-size:14px;color:#1e293b;background:#f8fafc;padding:4px 8px;border-radius:6px;min-width:40px;text-align:center}.document-hub-main{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.category-header{padding:24px;border-bottom:3px solid #f3f4f6;background:linear-gradient(135deg,#f8fafc,#fff)}.category-title{display:flex;align-items:center;gap:16px}.category-icon-large{font-size:28px;padding:12px;border-radius:12px;background:#fffc;box-shadow:0 2px 8px #0000001a}.category-title h3{margin:0 0 4px;color:#1e293b;font-size:20px;font-weight:700}.category-title p{margin:0 0 4px;color:#6b7280;font-size:14px;line-height:1.4}.category-title small{color:#9ca3af;font-size:12px;font-weight:500}.no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6b7280;text-align:center;padding:40px}.no-documents-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-documents h4{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.no-documents p{margin:0 0 24px;color:#6b7280;font-size:14px;max-width:400px;line-height:1.5}.documents-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.document-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.document-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f;border-color:#e5e7eb}.document-card.hr-generated{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.document-card.employee-uploaded{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f0f9ff,#fff)}.document-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.file-icon{font-size:20px;color:#6b7280}.file-extension{background:#e5e7eb;color:#6b7280;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.document-meta-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hr-badge{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.upload-date{background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.document-name{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600;line-height:1.4}.document-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:11px}.detail-label{color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#1e293b;font-weight:500}.expiry-date{color:#ef4444!important;font-weight:600}.document-card-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f3f4f6}.action-btn{flex:1;padding:10px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.view-btn{background:#3b82f6;color:#fff}.view-btn:hover{background:#2563eb;transform:translateY(-1px)}.download-btn{background:#10b981;color:#fff}.download-btn:hover{background:#059669;transform:translateY(-1px)}.deactivate-btn{background:#ef4444;color:#fff}.deactivate-btn:hover{background:#dc2626;transform:translateY(-1px)}.deactivate-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.upload-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.upload-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.upload-modal-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.upload-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.upload-modal-close:hover{background:#e5e7eb;color:#374151}.upload-modal-content{padding:24px}.upload-category-info{margin-bottom:24px}.selected-category{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.selected-category h4{margin:0 0 4px;color:#1e293b;font-size:16px;font-weight:600}.selected-category p{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.upload-area{margin-top:20px}.file-drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafbfc}.file-drop-zone:hover{border-color:#1ba39c;background:#f0fdfa;transform:translateY(-2px)}.drop-zone-icon{font-size:48px;color:#6b7280;margin-bottom:16px}.file-drop-zone h4{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600}.file-drop-zone p{margin:0 0 8px;color:#6b7280;font-size:13px}.file-drop-zone small{color:#9ca3af;font-size:11px;line-height:1.4;display:block;margin-top:12px}.upload-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.cancel-btn{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.cancel-btn:hover{background:#4b5563}.document-detail-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;animation:overlayFadeIn .3s ease}.document-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.document-detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.document-detail-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.document-detail-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.document-detail-close:hover{background:#e5e7eb;color:#374151}.document-detail-content{padding:24px;display:grid;grid-template-columns:1fr 300px;gap:24px}.document-detail-info{display:flex;flex-direction:column;gap:24px}.info-section{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.info-section h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#1e293b;font-size:13px;font-weight:500}.status-active{color:#059669!important;font-weight:600}.expiry-info{color:#ef4444!important;font-weight:600}.document-preview{background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;height:300px}.preview-placeholder{text-align:center;color:#6b7280}.preview-icon{font-size:48px;margin-bottom:12px;opacity:.5}.document-detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.close-btn{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.close-btn:hover{background:#4b5563}@media (max-width: 1200px){.document-hub-content{grid-template-columns:280px 1fr}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 1024px){.document-hub-content{grid-template-columns:1fr}.document-hub-sidebar{order:2;display:grid;grid-template-columns:1fr 1fr;gap:24px}.document-hub-main{order:1}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.document-hub-tab{padding:16px}.document-hub-header{flex-direction:column;gap:16px;align-items:stretch}.document-hub-actions{flex-direction:column;gap:12px}.search-container{min-width:auto}.document-hub-sidebar{grid-template-columns:1fr}.documents-grid{grid-template-columns:1fr;padding:16px}.document-details{grid-template-columns:1fr}.document-card-actions{flex-direction:column;gap:8px}.action-btn{padding:12px}.document-detail-content,.info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.upload-modal{width:95%;margin:20px}.upload-modal-content{padding:16px}.file-drop-zone{padding:32px 16px}.category-item{padding:10px 12px}.category-name{font-size:13px}.category-count{font-size:10px;padding:2px 6px}}.documents-grid::-webkit-scrollbar,.upload-modal::-webkit-scrollbar,.document-detail-modal::-webkit-scrollbar{width:6px}.documents-grid::-webkit-scrollbar-track,.upload-modal::-webkit-scrollbar-track,.document-detail-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.documents-grid::-webkit-scrollbar-thumb,.upload-modal::-webkit-scrollbar-thumb,.document-detail-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.documents-grid::-webkit-scrollbar-thumb:hover,.upload-modal::-webkit-scrollbar-thumb:hover,.document-detail-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cancel-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100}.cancel-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0003}.cancel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #e5e7eb}.cancel-modal-header h3{margin:0;color:#dc2626;font-size:18px;font-weight:700}.cancel-form-content{padding:24px 32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px}.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.cancellation-warning{background:#fef2f2;color:#991b1b;padding:12px;border-radius:6px;border:1px solid #fecaca;font-size:14px;font-weight:600}.cancel-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px;border-top:1px solid #e5e7eb}.cancel-modal-actions button{padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cancel-btn:hover{background:#e5e7eb}.confirm-cancel-btn{background:#ef4444;color:#fff;border:none}.confirm-cancel-btn:hover{background:#dc2626}.call-detail-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.call-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.call-detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #e5e7eb}.call-detail-header h3{margin:0;color:#1e293b;font-size:20px;font-weight:700}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background .2s ease}.close-btn:hover{background:#f3f4f6}.call-detail-content{padding:24px 32px}.call-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.call-info-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.info-row label{font-weight:600;color:#6b7280;min-width:120px}.call-editable-section{margin-bottom:24px}.call-editable-section h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;color:#374151;font-size:16px;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.edit-btn{padding:6px 12px;background:#1ba39c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s ease}.edit-btn:hover{background:#0f766e}.edit-btn.save{background:#10b981}.form-row{display:flex;flex-direction:column;margin-bottom:16px}.form-row label{font-weight:600;color:#374151;margin-bottom:4px}.form-row select,.form-row input,.form-row textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-row select:disabled,.form-row input:disabled,.form-row textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.call-cancelled-section,.call-closed-section{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:16px}.call-cancelled-section h4,.call-closed-section h4{margin:0 0 12px;color:#dc2626;font-size:14px;font-weight:600}.call-detail-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 32px 24px;border-top:1px solid #e5e7eb}.call-detail-actions button{padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.pdf-btn{background:#3b82f6;color:#fff;border:none}.pdf-btn:hover{background:#2563eb}.cancel-call-btn{background:#ef4444;color:#fff;border:none}.cancel-call-btn:hover{background:#dc2626}.close-call-btn{background:#6b7280;color:#fff;border:none}.close-call-btn:hover{background:#4b5563}.close-modal-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.close-modal-btn:hover{background:#e5e7eb}.call-log{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.call-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.call-log-header h2{margin:0;color:#1e293b;font-size:24px;font-weight:700}.call-log-controls{display:flex;gap:12px;align-items:center}.call-log-controls select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.refresh-btn{padding:8px 16px;background:#1ba39c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.refresh-btn:hover{background:#0f766e}.call-log-list{display:flex;flex-direction:column;gap:12px}.no-calls{text-align:center;padding:60px 20px;color:#6b7280}.call-log-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.call-log-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#1ba39c}.call-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-time{font-weight:600;color:#374151;font-size:16px}.call-status{text-transform:uppercase;font-weight:700;font-size:12px;padding:4px 8px;background:#f3f4f6;border-radius:4px}.call-patient-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.call-patient-info strong{color:#1e293b;font-size:18px}.call-phone{color:#1ba39c;font-weight:600}.call-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-disposition{font-weight:700;text-transform:uppercase;font-size:12px}.call-duration{font-family:monospace;font-weight:600;background:#f3f4f6;padding:4px 8px;border-radius:4px}.call-reason{background:#f8fafc;padding:8px 12px;border-radius:6px;font-size:14px;color:#374151;margin-bottom:12px}.call-item-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.recording-badge{background:#fef2f2;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:10px}.closed-badge{background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:10px}.oncall-schedule{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.oncall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.oncall-header h2{margin:0;color:#1e293b;font-size:28px;font-weight:700}.oncall-controls{display:flex;gap:12px;align-items:center}.oncall-controls select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.refresh-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.refresh-btn:hover{background:#2563eb}.oncall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat-item{background:#f8fafc;padding:20px;border-radius:8px;text-align:center;border:1px solid #e2e8f0}.stat-number{display:block;font-size:32px;font-weight:700;color:#1ba39c;margin-bottom:4px}.oncall-loading{text-align:center;padding:40px;color:#6b7280}.no-clinics{text-align:center;padding:60px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.oncall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.clinic-oncall-card{border:2px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff;transition:all .2s ease}.clinic-oncall-card:hover{box-shadow:0 4px 6px -1px #0000001a}.clinic-oncall-card.primary-available{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.clinic-oncall-card.backup-available{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.clinic-oncall-card.incomplete{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.clinic-oncall-card.unavailable{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb,#fff)}.clinic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.clinic-header h3{margin:0;color:#1e293b;font-size:20px;font-weight:700}.status-indicator{color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.clinic-info{margin-bottom:20px}.clinic-detail{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.clinic-detail .label{font-weight:600;color:#6b7280}.clinic-detail .value{color:#374151}.oncall-contacts{margin-bottom:20px}.contact-section{margin-bottom:20px;padding:16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.contact-section.primary{background:#f0fdf4;border-color:#bbf7d0}.contact-section.backup{background:#fffbeb;border-color:#fde68a}.contact-section h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:700;text-transform:uppercase}.contact-info{display:flex;flex-direction:column;gap:8px}.contact-name{font-weight:600;color:#1e293b;font-size:16px}.contact-title{font-weight:400;color:#6b7280;font-size:14px}.contact-phone{display:flex;align-items:center;gap:8px;color:#1ba39c;font-weight:600;font-family:monospace}.contact-method{font-size:12px}.contact-actions{display:flex;gap:8px;margin-top:8px}.contact-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.contact-btn.call{background:#1ba39c;color:#fff}.contact-btn.call:hover:not(:disabled){background:#0f766e}.contact-btn.text{background:#3b82f6;color:#fff}.contact-btn.text:hover:not(:disabled){background:#2563eb}.contact-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.unavailable-notice{color:#dc2626;font-size:12px;font-weight:600;font-style:italic}.no-contact{color:#6b7280;font-style:italic;font-size:14px}.special-instructions{margin-bottom:16px}.special-instructions h4{margin:0 0 8px;color:#374151;font-size:14px;font-weight:600}.special-instructions p{margin:0;color:#6b7280;font-size:14px;line-height:1.4;background:#f8fafc;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.last-updated{font-size:12px;color:#6b7280;font-style:italic}@media (max-width: 768px){.oncall-grid{grid-template-columns:1fr}.oncall-controls{flex-direction:column;align-items:stretch}.oncall-controls select{width:100%}.clinic-header{flex-direction:column;gap:12px;align-items:stretch}.contact-actions{justify-content:space-between}.contact-btn{flex:1}}.messaging-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.messaging-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-number{font-size:24px;font-weight:700;color:#1ba39c;margin-bottom:4px}.messaging-quick-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.open-messaging-btn{flex:1;padding:12px 20px;background:#1ba39c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:background .2s ease}.open-messaging-btn:hover{background:#0f766e}.compose-quick-btn,.emergency-contact-btn{padding:12px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;transition:all .2s ease}.compose-quick-btn:hover{background:#f3f4f6;border-color:#1ba39c}.emergency-contact-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.emergency-contact-btn:hover{background:#fecaca}.recent-messages-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.view-all-btn{color:#1ba39c;background:none;border:none;cursor:pointer;font-weight:600;transition:color .2s ease}.view-all-btn:hover{color:#0f766e}.recent-messages-list{display:flex;flex-direction:column;gap:8px}.recent-message-item{display:flex;align-items:stretch;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden}.recent-message-item:hover{box-shadow:0 2px 4px #0000001a;border-color:#1ba39c}.recent-message-item.unread{background:#fefce8;border-color:#fde047}.message-priority-indicator{width:4px;flex-shrink:0}.message-content{flex:1;padding:16px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-from{font-weight:600;color:#1e293b;font-size:14px}.message-time{font-size:12px;color:#6b7280}.message-subject{font-weight:600;color:#374151;margin-bottom:4px;font-size:15px}.message-preview{color:#6b7280;font-size:14px;line-height:1.4}.unread-dot{width:8px;height:8px;background:#1ba39c;border-radius:50%;margin:16px;flex-shrink:0;align-self:center}.communication-guidelines{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.communication-guidelines h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:700}.communication-guidelines ul{margin:0;padding-left:20px;color:#374151}.communication-guidelines li{margin-bottom:8px;line-height:1.5}.communication-guidelines strong{color:#1e293b}@media (max-width: 1200px){.messaging-layout{grid-template-columns:180px 1fr}.message-detail{position:fixed;top:50px;right:20px;bottom:50px;width:400px;z-index:1000;box-shadow:0 20px 25px -5px #0000001a}}@media (max-width: 768px){.messaging-tab{padding:16px}.messaging-layout{grid-template-columns:1fr;gap:16px}.messaging-sidebar{flex-direction:row;overflow-x:auto}.messaging-nav{flex-direction:row;gap:8px;min-width:fit-content}.messaging-nav-item{white-space:nowrap;padding:8px 12px}.compose-btn{min-width:fit-content;padding:8px 12px}.message-detail{position:fixed;inset:20px;width:auto}.messaging-quick-actions{flex-direction:column}.open-messaging-btn{flex:none}.section-header{flex-direction:column;gap:8px;align-items:flex-start}.message-header{flex-direction:column;gap:4px;align-items:flex-start}.recent-message-item{flex-direction:column}.message-priority-indicator{width:100%;height:4px}}.alarm-screen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease}.alarm-screen{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:alarmSlideIn .4s ease;outline:none}@keyframes alarmSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.alarm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.alarm-status{display:flex;align-items:center;gap:12px}.alarm-indicator{font-size:24px;animation:pulse 2s infinite}.alarm-indicator.playing{animation:alarmPulse .5s infinite}@keyframes alarmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.alarm-count{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600}.stop-alarm-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.stop-alarm-btn:hover{background:#dc2626}.alarm-main{padding:24px}.alarm-urgency{text-align:center;color:#fff;padding:16px 24px;border-radius:8px;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px;animation:urgencyFlash 1.5s infinite}@keyframes urgencyFlash{0%,to{opacity:1}50%{opacity:.8}}.alarm-reminder-info{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.alarm-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.alarm-category-icon{font-size:20px}.alarm-title h2{margin:0;color:#1e293b;font-size:24px;font-weight:700;line-height:1.2}.alarm-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:16px;background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb}.alarm-time-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.scheduled-time{color:#374151;font-weight:600;font-size:14px}.priority-badge{color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.alarm-actions{padding:24px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:20px}.primary-actions{display:flex;gap:12px;justify-content:center}.complete-btn,.dismiss-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.complete-btn{background:#10b981;color:#fff}.complete-btn:hover{background:#059669;transform:translateY(-1px)}.dismiss-btn{background:#6b7280;color:#fff}.dismiss-btn:hover{background:#4b5563;transform:translateY(-1px)}.snooze-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.snooze-label{color:#6b7280;font-weight:600;font-size:14px}.snooze-btn{padding:8px 16px;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.snooze-btn:hover{background:#d97706;transform:translateY(-1px)}.navigation-actions{display:flex;justify-content:center}.next-reminder-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.next-reminder-btn:hover{background:#2563eb;transform:translateY(-1px)}.multiple-reminders-info{padding:16px 24px;background:#f8fafc;border-top:1px solid #e5e7eb;text-align:center}.reminder-dots{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.reminder-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .2s ease}.reminder-dot.active{background:#1ba39c;transform:scale(1.2)}.reminder-dot:hover{background:#9ca3af}.remaining-count{color:#6b7280;font-size:12px;font-weight:600}@media (max-width: 768px){.alarm-screen{width:95%;margin:20px;max-height:calc(100vh - 40px)}.alarm-header{flex-direction:column;gap:12px;align-items:stretch}.alarm-title{flex-direction:column;align-items:flex-start;gap:8px}.alarm-title h2{font-size:20px}.alarm-time-info{flex-direction:column;align-items:flex-start}.primary-actions{flex-direction:column}.snooze-actions{justify-content:space-between}.snooze-btn{flex:1}}.alarm-screen:focus{outline:3px solid #1ba39c;outline-offset:2px}@media (prefers-reduced-motion: reduce){.alarm-indicator.playing,.alarm-urgency{animation:none}}.reminders-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.reminders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#f8fafc;padding:20px;border-radius:8px;text-align:center;border:1px solid #e2e8f0;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.urgent{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.stat-card.today{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#bae6fd}.stat-number{font-size:28px;font-weight:700;color:#1ba39c;margin-bottom:4px}.stat-card.urgent .stat-number{color:#dc2626}.stat-card.today .stat-number{color:#0ea5e9}.stat-label{color:#6b7280;font-size:14px;font-weight:600}.reminders-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.controls-left{display:flex;gap:12px}.controls-left select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.create-reminder-btn{padding:10px 20px;background:#1ba39c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.create-reminder-btn:hover{background:#0f766e}.no-reminders{text-align:center;padding:60px 20px;color:#6b7280}.no-reminders-icon{font-size:48px;margin-bottom:16px}.no-reminders h3{margin:0 0 8px;color:#374151;font-size:20px}.no-reminders p{margin:0 0 20px;font-size:16px;line-height:1.5}.create-first-reminder-btn{padding:12px 24px;background:#1ba39c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:background .2s ease}.create-first-reminder-btn:hover{background:#0f766e}.reminders-list{display:flex;flex-direction:column;gap:12px}.reminder-item{border:2px solid #e5e7eb;border-radius:8px;padding:20px;background:#fff;transition:all .2s ease}.reminder-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#1ba39c}.reminder-item.completed{background:#f9fafb;border-color:#d1d5db;opacity:.8}.reminder-item.overdue{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reminder-meta{display:flex;align-items:center;gap:12px}.reminder-category{font-size:16px}.reminder-priority{color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.reminder-actions{display:flex;gap:8px}.complete-btn,.delete-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.complete-btn{background:#dcfce7;color:#166534}.complete-btn:hover{background:#bbf7d0}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fecaca}.reminder-content{margin-bottom:16px}.reminder-title{margin:0 0 8px;color:#1e293b;font-size:18px;font-weight:600;line-height:1.3}.reminder-item.completed .reminder-title{text-decoration:line-through;color:#6b7280}.reminder-description{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.reminder-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px}.reminder-datetime{color:#374151;font-weight:600}.completed-badge,.overdue-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.completed-badge{background:#dcfce7;color:#166534}.overdue-badge{background:#fef2f2;color:#dc2626;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.reminders-controls{flex-direction:column;gap:16px;align-items:stretch}.controls-left{justify-content:space-between}.controls-left select{flex:1}.reminder-header{flex-direction:column;gap:12px;align-items:flex-start}.reminder-footer{flex-direction:column;gap:8px;align-items:flex-start}}.ah-layout{display:flex;min-height:100vh;background:#f8fafc}.ah-sidebar{width:240px;background:#1e293b;padding:24px 0;display:flex;flex-direction:column}.ah-logo{padding:0 24px 32px;color:#fff;font-size:24px;font-weight:700}.ah-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.ah-nav-item{padding:12px 16px;background:none;border:none;color:#cbd5e1;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease}.ah-nav-item:hover{background:#334155;color:#fff}.ah-nav-item.active{background:#1ba39c;color:#fff}.ah-main{flex:1;padding:24px;overflow-x:hidden}.ah-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.ah-header h1{margin:0;color:#1e293b;font-size:28px;font-weight:700}.ah-header-actions{display:flex;gap:12px;align-items:center}.ah-status-indicator{padding:8px 16px;background:#f1f5f9;border-radius:8px;font-size:14px;font-weight:600;color:#475569}.ah-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;min-height:calc(100vh - 150px)}.ah-right-column{display:flex;flex-direction:column;gap:16px}.ah-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.ah-card h2{margin:0 0 16px;color:#1e293b;font-size:18px;font-weight:600}.ah-intake-form{display:flex;flex-direction:column;gap:20px}.ah-form-group{display:flex;flex-direction:column;gap:8px}.ah-form-group label{font-weight:600;color:#374151;font-size:14px}.ah-phone-lookup{display:flex;gap:8px}.ah-phone-lookup input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.ah-phone-lookup input:focus{outline:none;border-color:#1ba39c;box-shadow:0 0 0 3px #1ba39c1a}.ah-phone-lookup button{padding:10px 20px;background:#1ba39c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease}.ah-phone-lookup button:hover{background:#0f766e}.ah-form-group select,.ah-form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease;resize:vertical}.ah-form-group select:focus,.ah-form-group textarea:focus{outline:none;border-color:#1ba39c;box-shadow:0 0 0 3px #1ba39c1a}.ah-active-call{display:flex;flex-direction:column}.ah-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ah-timer{background:#10b981;color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-family:monospace;font-size:16px}.ah-no-active-call{text-align:center;padding:60px 20px;color:#6b7280;flex:1;display:flex;flex-direction:column;justify-content:center}.ah-no-active-call p{margin:8px 0}.ah-active-main{flex:1}.ah-active-patient{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.ah-avatar-large{width:60px;height:60px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.ah-active-patient h3{margin:0;color:#1e293b;font-size:20px}.ah-active-patient p{margin:4px 0;color:#64748b}.ah-phone{font-weight:600;color:#1ba39c!important}.ah-call-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ah-control-btn{padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ah-control-btn.record{background:#dc2626;color:#fff}.ah-control-btn.record.active{background:#991b1b;animation:pulse 2s infinite}.ah-control-btn.transfer{background:#f59e0b;color:#fff}.ah-control-btn.end-call{background:#6b7280;color:#fff}.ah-control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ah-recording-indicator{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:14px;font-weight:600;padding:12px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.ah-recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ah-patient-details{display:flex;flex-direction:column;gap:20px}.ah-patient-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.ah-avatar-circle{width:50px;height:50px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.ah-avatar-circle.big{width:60px;height:60px;font-size:24px}.ah-start-call-btn{padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-left:auto;transition:background .2s ease}.ah-start-call-btn:hover{background:#059669}.ah-patient-info{display:flex;flex-direction:column;gap:16px}.ah-info-section{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.ah-info-section h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ah-info-section p{margin:6px 0;font-size:14px;color:#4b5563}.ah-info-section ul{margin:0;padding:0;list-style:none}.ah-info-section li{margin:6px 0;font-size:14px;color:#4b5563}.ah-allergy-item{background:#fef2f2;color:#991b1b;padding:4px 8px;border-radius:6px;display:inline-block;margin:2px 4px 2px 0;font-weight:600;font-size:12px;border:1px solid #fecaca}.ah-no-patient{text-align:center;color:#6b7280;padding:40px 20px;font-style:italic}.ah-encounters-list{list-style:none;padding:0;margin:0}.ah-encounter-item{padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background:#f8fafc;transition:background .2s ease}.ah-encounter-item:hover{background:#f1f5f9}.ah-encounter-date{font-weight:700;color:#374151;font-size:14px;margin-bottom:4px}.ah-encounter-details{display:flex;justify-content:space-between;font-size:13px;color:#6b7280}.ah-encounter-type{font-weight:600;color:#1ba39c}.ah-notes textarea{width:100%;min-height:120px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px}.ah-disposition{display:flex;flex-direction:column;gap:8px}.ah-disposition label{font-weight:600;color:#374151;font-size:14px}.ah-disposition select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.ah-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.ah-modal{background:#fff;border-radius:12px;padding:32px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.ah-modal h3{margin:0 0 24px;color:#374151;font-size:20px;font-weight:700}.ah-transfer-form{display:flex;flex-direction:column;gap:20px}.ah-transfer-form label{font-weight:600;color:#374151;font-size:14px}.ah-transfer-form select,.ah-transfer-form textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.ah-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.ah-modal-actions button{padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.ah-modal-actions button:first-child{background:#f8fafc;color:#4b5563;border:1px solid #d1d5db}.ah-modal-actions button:first-child:hover{background:#f1f5f9}.ah-modal-actions button:last-child{background:#1ba39c;color:#fff;border:1px solid #1ba39c}.ah-modal-actions button:last-child:hover{background:#0f766e}.ah-modal-actions button:last-child:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.ah-patient-count{padding:6px 12px;background:#e0f2fe;color:#0369a1;border-radius:6px;font-size:12px;font-weight:600}.ah-form-hint{color:#6b7280;font-size:12px;margin-top:4px;font-style:italic}.ah-new-patient-indicator{color:#059669;font-weight:600;font-size:14px}.ah-no-patient p:last-child{color:#1ba39c;font-weight:500}.ah-create-patient-modal{max-width:800px;width:95%;max-height:90vh;overflow-y:auto;padding:0}.ah-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.ah-modal-header h3{margin:0;color:#374151;font-size:20px;font-weight:700}.ah-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease}.ah-modal-close:hover{background:#e5e7eb;color:#374151}.ah-create-patient-modal .patient-create-container{padding:24px 32px;background:#fff;border-radius:0 0 12px 12px}.ah-create-patient-modal .patient-create-header{display:none}@media (max-width: 768px){.ah-create-patient-modal{width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0}.ah-modal-header{border-radius:0;padding:16px}.ah-create-patient-modal .patient-create-container{padding:16px;border-radius:0}}.hr-shell{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#008787;color:#072b33}.hr-sidebar{width:240px;background:#006f73;color:#e6fbff;display:flex;flex-direction:column;padding:24px 20px}.hr-logo{display:flex;align-items:center;margin-bottom:32px}.hr-logo-icon{width:32px;height:32px;border-radius:999px;background:#e6fbff;margin-right:10px}.hr-logo-text{font-weight:700;letter-spacing:.04em}.hr-nav{display:flex;flex-direction:column;gap:6px;flex:1}.hr-nav-item{border:none;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;font-size:14px;cursor:pointer}.hr-nav-item--active{background:#00a39a}.hr-nav-item:hover{background:#ffffff1a}.hr-nav-icon{width:18px;text-align:center}.hr-sidebar-user{display:flex;align-items:center;gap:10px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.hr-sidebar-user-name{font-size:14px}.hr-main{flex:1;background:#f5fffe;border-radius:24px 0 0 24px;margin:16px 16px 16px 0;padding:28px 32px 32px;display:flex;flex-direction:column}.hr-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.hr-title{font-size:28px;letter-spacing:.02em}.hr-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.hr-stat-card{background:#00a39a;color:#f9ffff;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between}.hr-stat-card--split{display:grid;grid-template-columns:3fr 1fr;padding:0}.hr-stat-card-main{padding:14px 16px}.hr-stat-card-chevron{background:#0000002e;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center;font-size:18px}.hr-stat-icon{font-size:20px;margin-bottom:6px}.hr-stat-label{font-size:14px;opacity:.9}.hr-stat-value{font-size:22px;font-weight:700}.hr-filters-row{display:grid;grid-template-columns:2.5fr repeat(3,1.2fr) auto;gap:12px;align-items:center;margin-bottom:18px}.hr-search{display:flex;align-items:center;background:#f4ffff;border-radius:8px;border:1px solid #cce7e4;padding:0 12px}.hr-search-icon{font-size:14px;margin-right:8px;color:#7a9b97}.hr-search-input{border:none;outline:none;background:transparent;padding:8px 0;width:100%;font-size:14px}.hr-select{appearance:none;border-radius:8px;border:1px solid #cce7e4;padding:8px 32px 8px 10px;font-size:14px;background:#f4ffff;background-image:linear-gradient(45deg,transparent 50%,#008787 50%),linear-gradient(135deg,#008787 50%,transparent 50%);background-position:calc(100% - 16px) 12px,calc(100% - 11px) 12px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.hr-new-btn{border-radius:8px;border:none;padding:10px 18px;font-size:14px;font-weight:600;background:#ff6b6b;color:#fff;cursor:pointer}.hr-edit-btn{border-radius:8px;border:none;padding:6px 12px;font-size:13px;font-weight:600;background:#008787;color:#fff;cursor:pointer}.hr-view-btn{border-radius:8px;border:none;padding:6px 12px;font-size:13px;font-weight:600;background:#00a39a;color:#fff;cursor:pointer}.hr-delete-btn{border-radius:8px;border:none;padding:6px 12px;font-size:13px;font-weight:600;background:#fa3535;color:#fff;cursor:pointer}.hr-table-wrapper{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00505014;overflow:hidden}.hr-table{width:100%;border-collapse:collapse;font-size:14px;overflow-y:auto;overflow:scroll}.hr-table thead{background:#f1fbfa}.hr-table th,.hr-table td{padding:12px 16px;text-align:left}.hr-table tbody tr+tr{border-top:1px solid #eef6f5}.hr-cell-name{display:flex;align-items:center;gap:10px}.hr-avatar{width:36px;height:36px;border-radius:999px;background:#ffe3d7;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#3c3c3c}.hr-avatar--small{width:32px;height:32px;font-size:12px}.hr-dept-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e1f3f3}.hr-dept-icon{font-size:14px}.hr-status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:13px}.hr-status-pill--active{background:#d7f3df;color:#0a7b4e}.hr-status-pill--inactive{background:#e8edf3;color:#53657a}.hr-tab{font-weight:600;padding:10px 16px;border-radius:6px 6px 0 0;background:#f5f9fb;border:1px solid #c8d6e5;border-bottom:3px solid transparent;color:#1e4558;text-align:center;cursor:pointer;transition:all .2s ease;min-width:100px;flex:1 1 calc(10% - 8px)}.hr-tab-link{background-color:#00a39a;border:solid 3px #008787;border-bottom:3px solid #005f5f;border-radius:6px 6px 0 0;padding:10px 16px;font-weight:700;text-decoration:bold;color:#0c0c0c;text-align:center;cursor:pointer;transition:all .2s ease}.hr-tab-link:hover{background-color:#00c3c3;border-color:#00a3a3;border-bottom:3px solid #007c7c}.hr-tab-link- active{background-color:#008787;border-color:#006f6f;border-bottom:3px solid #005f5f;font-weight:800;color:#e6fbff;z-index:2}.hr-tab:hover{background-color:#eaf4fa;border-bottom:3px solid #00a3c4}.hr-tab.active{background-color:#fff;border-color:#c8d6e5 #c8d6e5 #fff;border-bottom:3px solid #00a3c4;font-weight:700;color:#007c91;z-index:2}.hr-avatar-id{font-size:12px;color:#555;margin-top:4px}.hr-avatar-id--small{font-size:11px}.hr-main-footer{margin-top:auto;padding-top:16px;border-top:1px solid #e0f2f2;font-size:13px;color:#555;text-align:center}.employee-avatar{width:80px;height:80px;border-radius:999px;background:#ffe3d7;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:32px;color:#3c3c3c}.employee-avatar--small{width:60px;height:60px;font-size:24px}.hr-header-info{display:flex;align-items:center;gap:16px}.hr-header-info div{margin:0;padding:0}.allergy-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb}.allergy-sidebar{width:220px;background:#065f46;color:#fff;padding:24px 16px}.allergy-logo{font-weight:700;font-size:24px;margin-bottom:32px}.allergy-nav-item{display:block;width:100%;padding:10px 12px;margin-bottom:4px;background:transparent;border:none;text-align:left;border-radius:8px;color:#d1fae5;cursor:pointer;font-size:14px}.allergy-nav-item.active,.allergy-nav-item:hover{background:#ffffff29}.allergy-main{flex:1;padding:32px 40px}.allergy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.allergy-primary-btn,.allergy-secondary-btn{border-radius:999px;padding:10px 18px;font-size:14px;border:none;cursor:pointer}.allergy-primary-btn{background:#047857;color:#fff}.allergy-primary-btn:hover{background:#036149}.allergy-secondary-btn{background:#e5e7eb;color:#111827}.allergy-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:24px}.allergy-form{margin-bottom:24px}.allergy-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin-top:16px}.allergy-form-grid label span{display:block;font-size:13px;color:#4b5563;margin-bottom:4px}.allergy-form-grid input,.allergy-form-grid select{width:100%;border-radius:999px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px}.allergy-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.allergy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.allergy-table{width:100%;border-collapse:collapse;font-size:14px}.allergy-table th,.allergy-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb}.allergy-table thead th{text-align:left;font-weight:600;color:#6b7280}.allergy-reaction-title{margin-bottom:16px}.allergy-table.small th,.allergy-table.small td{padding:6px 8px}.med-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb}.med-sidebar{width:220px;background:linear-gradient(180deg,#005f73,#0a9396);color:#fff;padding:24px 16px}.med-logo{font-weight:700;font-size:24px;margin-bottom:32px}.med-nav-item{display:block;width:100%;padding:10px 12px;margin-bottom:4px;background:transparent;border:none;text-align:left;border-radius:8px;color:#e0fbff;cursor:pointer;font-size:14px}.med-nav-item.active,.med-nav-item:hover{background:#ffffff29}.med-main{flex:1;padding:32px 40px}.med-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.med-primary-btn,.med-secondary-btn{border-radius:999px;padding:10px 18px;font-size:14px;border:none;cursor:pointer}.med-primary-btn{background:#0077b6;color:#fff}.med-primary-btn:hover{background:#005f8a}.med-secondary-btn{background:#e0e7ff;color:#1e293b}.med-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:24px}.med-form{margin-bottom:24px}.med-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin-top:16px}.med-form-grid label span{display:block;font-size:13px;color:#4b5563;margin-bottom:4px}.med-form-grid input,.med-form-grid select{width:100%;border-radius:999px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px}.med-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.med-table{width:100%;border-collapse:collapse;font-size:14px}.med-table th,.med-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb}.med-table thead th{text-align:left;font-weight:600;color:#6b7280}.med-table tbody tr:hover{background:#f9fafb}.triage-layout{display:grid;grid-template-columns:260px minmax(0,1.8fr) minmax(0,1.4fr);height:100vh;background:#e4f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.triage-sidebar{background:linear-gradient(180deg,#006d70,#004f55);color:#ecfdf5;padding:24px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(15,23,42,.1)}.triage-logo{font-weight:700;font-size:20px;letter-spacing:.08em;margin-bottom:32px}.triage-nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:none;border-radius:999px;padding:10px 16px;background:transparent;color:#ecfdf5;text-align:left;font-size:14px;cursor:pointer}.nav-item.active{background:#0f766e40}.triage-sidebar-footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid rgba(15,23,42,.2)}.user-avatar{width:32px;height:32px;border-radius:999px;background:#0f766e;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-meta{font-size:12px}.user-name{font-weight:600}.triage-main{padding:24px 28px;overflow-y:auto}.triage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.triage-title{margin:0;font-size:26px;color:#0f172a}.triage-subtitle{margin:6px 0 0;font-size:13px;color:#64748b;max-width:520px}.triage-header-actions{display:flex;gap:10px}.btn-primary,.btn-outline{border-radius:999px;font-size:13px;padding:8px 16px;border:none;cursor:pointer}.btn-primary{background:#0f766e;color:#ecfdf5}.btn-outline{background:transparent;border:1px solid #0f766e;color:#0f766e}.triage-grid-section{margin-top:28px}.triage-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.triage-grid-header h2{margin:0;font-size:18px;color:#0f172a}.triage-filters{display:flex;gap:8px}.triage-select{border-radius:999px;border:1px solid #cbd5f5;padding:6px 12px;font-size:13px;background:#f8fafc}.triage-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.triage-card{border-radius:18px;padding:16px 16px 14px;border:none;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 20px #0f172a0f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.triage-card--teal{background:linear-gradient(135deg,#0f766e,#0e7490);color:#ecfdf5}.triage-card--dark-teal{background:linear-gradient(135deg,#075985,#0f172a);color:#e5f3ff}.triage-card--active{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a33}.triage-card-pill{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#0f172a47}.triage-card-title{margin:0;font-size:18px}.triage-card-summary{margin:0;font-size:13px;opacity:.92}.triage-card-footer{margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.triage-card-link{text-decoration:underline}.triage-card-chevron{font-size:16px}.triage-detail-panel{padding:24px 24px 32px;border-left:1px solid #cbd5e1;background:#f8fafc;overflow-y:auto}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-header h2{margin:0;font-size:20px;color:#0f172a}.detail-tag{font-size:11px;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0f172a}.detail-note{margin:10px 0 16px;font-size:12px;color:#64748b}.detail-sections{display:flex;flex-direction:column;gap:14px}.detail-section h3{margin:0 0 6px;font-size:14px;color:#0f172a}.detail-section ul{margin:0;padding-left:18px;font-size:13px;color:#111827}.detail-section li+li{margin-top:3px}@media (max-width: 1100px){.triage-layout{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto}.triage-detail-panel{display:none}}.td-screen{min-height:100vh;background:#f2f2f2;display:flex;align-items:center;justify-content:center;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.td-card{background:#fff;border-radius:24px;padding:32px 40px 28px;box-shadow:0 18px 40px #0003;width:720px;max-width:100%}.td-title{margin:0;text-align:center;font-size:30px;font-weight:700}.td-title-second{margin-top:2px}.td-grid{margin-top:24px;display:grid;grid-template-columns:120px 1fr}.td-arrow-col{padding-right:12px}.td-arrow{position:relative;background:#00a2b8;border-radius:999px;width:48px;margin:0 auto;height:320px;display:flex;align-items:center;justify-content:center}.td-arrow:before{content:"";position:absolute;top:-22px;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:22px solid #00a2b8}.td-arrow span{transform:rotate(-90deg);color:#fff;font-weight:700;letter-spacing:.16em;font-size:12px}.td-table{border-radius:18px;overflow:hidden;border:1px solid #cccccc}.td-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(0,0,0,.08);font-size:14px}.td-cell{padding:12px 14px}.td-left{border-right:1px solid rgba(0,0,0,.08)}.td-right{font-style:italic}.td-row.td-red{background:#e53935;color:#fff}.td-row.td-dark-red{background:#f4511e;color:#fff}.td-row.td-orange{background:#ffb300}.td-row.td-gold{background:#ffea00}.td-row.td-light-gold{background:#fff59d}.td-row.td-pale{background:#fffde7}.td-row.td-light-green{background:#c5e1a5}.td-cell[contenteditable]{outline:none}.td-footnote{padding:6px 10px 8px;font-size:11px;background:#f5f5f5;font-style:italic}.table-screen{background:#fff}.urg-card{background:#fff;border-radius:6px;box-shadow:0 12px 28px #0000002e;padding:0;width:960px;max-width:100%;border:1px solid #cfd3da}.urg-header-row{display:grid;grid-template-columns:220px 260px 1fr;background:#f0f3f6;border-bottom:1px solid #cfd3da;font-size:14px;font-weight:600;color:#333}.urg-title-cell,.urg-col-header{padding:10px 14px;border-right:1px solid #cfd3da}.urg-table-title{outline:none}.urg-body{display:grid;grid-template-columns:80px 1fr}.urg-arrow-col{border-right:1px solid #cfd3da;background:#ffe082;position:relative}.urg-arrow{position:absolute;inset:10% 16px;background:#ffb300;border-radius:6px;display:flex;align-items:center;justify-content:center}.urg-arrow:after{content:"";position:absolute;top:-14px;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:14px solid #ffb300}.urg-arrow span{transform:rotate(-90deg);color:#fff;font-weight:700;letter-spacing:.16em;font-size:11px}.urg-table{display:flex;flex-direction:column}.urg-row{display:grid;grid-template-columns:260px 1fr;font-size:13px;border-bottom:1px solid #cfd3da}.urg-cell{padding:8px 12px}.urg-left{font-weight:600;border-right:1px solid rgba(0,0,0,.08)}.urg-cell[contenteditable]{outline:none}.urg-red{background:#d32f2f;color:#fff}.urg-red2{background:#f44336;color:#fff}.urg-orange{background:#ff9800}.urg-orange2{background:#ffb74d}.urg-yellow{background:#fff176}.urg-light-yellow{background:#fffde7}.urg-gray1{background:#eee}.urg-gray2{background:#e0e0e0}.urg-green{background:#c5e1a5}.urg-footnote{padding:6px 10px 8px;font-size:11px;background:#f5f5f5;font-style:italic}.icd-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#12313f}.icd-sidebar{width:220px;background:#004f5f;color:#fff;display:flex;flex-direction:column;padding:24px 16px}.icd-logo{font-size:24px;font-weight:700;margin-bottom:24px}.icd-nav{display:flex;flex-direction:column;gap:4px}.icd-nav-item{border:none;background:transparent;color:#e4f4f7;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}.icd-nav-item:hover{background:#ffffff14}.icd-nav-active{background:#00a0a8;color:#fff}.icd-main{flex:1;padding:32px 40px}.icd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.icd-header h1{font-size:28px;font-weight:700}.icd-primary-btn{background:#00a0a8;border-radius:999px;border:none;padding:10px 20px;color:#fff;font-weight:600;cursor:pointer;font-size:14px}.icd-primary-btn:hover{background:#00838a}.icd-content{display:flex;gap:24px}.icd-content.with-detail .icd-table-wrapper{flex:0 0 55%}.icd-table-wrapper{flex:1;background:#fff;border-radius:12px;box-shadow:0 12px 30px #0c447414;overflow:hidden}.icd-table{width:100%;border-collapse:collapse;font-size:14px}.icd-table thead{background:#007f8b;color:#fff}.icd-table th,.icd-table td{padding:10px 14px;border-bottom:1px solid #e1e6f0}.icd-table th{font-weight:600}.icd-row{cursor:pointer;background:#fff}.icd-row:nth-child(2n){background:#f8fafc}.icd-row:hover{background:#e8f6f7}.icd-row.selected{background:#d8f0f2}.icd-detail-panel{flex:0 0 40%;background:#fff;border-radius:12px;box-shadow:0 12px 30px #0c44741a;display:flex;flex-direction:column;max-height:560px}.icd-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px;border-bottom:1px solid #e3ecf5}.icd-detail-header h2{margin:0;font-size:18px}.icd-detail-close{border:none;background:transparent;font-size:22px;cursor:pointer;color:#5b6c80}.icd-detail-body{padding:16px 20px 20px;overflow-y:auto}.icd-detail-code{font-size:24px;font-weight:700;margin-bottom:4px}.icd-detail-description{font-size:15px;margin-bottom:12px}.icd-detail-row{display:flex;gap:12px;margin-bottom:16px;font-size:14px}.icd-detail-label{font-weight:600;color:#6b7a90;min-width:80px}.icd-detail-subtitle{font-size:14px;font-weight:700;margin:12px 0 6px}.icd-detail-list{margin:0;padding-left:20px;font-size:14px}.icd-detail-text{margin:0;font-size:14px;line-height:1.5}.icd-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.icd-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#e3f5f5;color:#045f64;font-size:12px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:#f4f6fb;color:#0f172a}.page-root{min-height:100vh;display:inline-flex;align-items:flex-start;justify-content:center;padding:10px}.page-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:70px 20px;width:9000vh;height:99vh;margin-left:5px;position:relative}.page-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:24px;font-weight:700;letter-spacing:.01em}.btn-primary{border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;font-size:14px;background-color:#0ea5e9;color:#fff}.btn-primary.teal{background-color:#059669}.btn-primary.red{background-color:#ef4444}.btn-primary.outline{background-color:#fff;color:#0f172a;border:1px solid #cbd5f5}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead tr{background-color:#f8fafc}.table th,.table td{padding:10px 12px;text-align:left}.table tbody tr:nth-child(n){background-color:#fff}.table tbody tr+tr{border-top:1px solid #e2e8f0}.tag-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-pill.green{background-color:#dcfce7;color:#15803d}.tag-pill.orange{background-color:#ffedd5;color:#c2410c}.tag-pill.red{background-color:#fee2e2;color:#b91c1c}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-card{border-radius:12px;border:1px solid #e2e8f0;padding:16px 18px;background-color:#fff}.section-title{font-size:15px;font-weight:600;margin-bottom:8px}.shell{display:flex;max-width:1120px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0f172a14}.shell-sidebar{width:260px;background:#059fa5;color:#ecfeff;padding:20px 18px}.shell-sidebar h2{font-size:20px;margin:0 0 24px}.shell-nav-item{display:flex;align-items:center;padding:10px 12px;border-radius:999px;margin-bottom:6px;cursor:pointer;font-size:14px}.shell-nav-item.active{background-color:#0f172a2e}.shell-main{flex:1;background:#e0f2f1;padding:20px}.shell-main-card{background:#fff;border-radius:16px;padding:16px 18px;height:100%;display:flex}.message-list{width:260px;border-right:1px solid #e2e8f0}.message-thread{flex:1;padding-left:16px;display:flex;flex-direction:column}input,select,textarea{font-family:inherit;font-size:14px;border-radius:8px;border:1px solid #d1d5db;padding:8px 10px}label{font-size:13px;font-weight:500;display:block;margin-bottom:4px}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.ws-layout{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb}.ws-sidebar{width:230px;background:linear-gradient(180deg,#005f73,#0a9396);color:#fff;padding:24px 20px;display:flex;flex-direction:column}.ws-logo{font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:32px}.ws-nav{display:flex;flex-direction:column;gap:8px}.ws-nav-item{border:none;background:transparent;color:#ffffffd9;padding:10px 12px;border-radius:8px;text-align:left;font-size:14px;cursor:pointer}.ws-nav-item.active,.ws-nav-item:hover{background:#00000029}.ws-main{flex:1;padding:32px 40px}.ws-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ws-title{font-size:28px;margin:0}.ws-subtitle{margin:4px 0 0;color:#000307;font-size:16px}.ws-header-actions{display:flex;align-items:center;gap:12px}.ws-nav-arrow{border-radius:999px;padding:8px 16px;border:1px solid #cbd5e1;background:#fff;font-size:14px;cursor:pointer}.ws-nav-arrow:hover{background:#f1f5f9}.ws-add-btn{border-radius:999px;padding:10px 20px;border:none;background:#07f;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.ws-add-btn:hover{background:#005fcc}.ws-save-btn{border-radius:999px;padding:10px 20px;border:none;background:#22c55e;color:#fff;font-weight:600;font-size:14px;cursor:pointer}.ws-save-btn:hover{background:#16a34a}.ws-message{margin-bottom:16px;padding:12px 16px;border-radius:8px;font-size:14px}.ws-message.success{background:#d1fae5;color:#065f46}.ws-message.error{background:#fee2e2;color:#b91c1c}.ws-toolbar{margin-bottom:16px}.ws-dept-label{font-size:13px;color:#475569;display:inline-flex;flex-direction:column;gap:4px}.ws-select{min-width:200px;padding:8px 10px;border-radius:999px;border:1px solid #cbd5e1;font-size:14px}.ws-table-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0f172a0f;overflow:hidden}.ws-table{width:100%;border-collapse:collapse;font-size:14px}.ws-table thead{background:#f8fafc}.ws-table th,.ws-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;text-align:left}.ws-employee-col{width:260px}.ws-employee-cell{display:flex;align-items:center;gap:10px}.ws-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#0f172a}.ws-emp-name{font-weight:600}.ws-emp-role{font-size:12px;color:#64748b}.ws-shift-input{width:100%;border-radius:8px;border:1px solid #e2e8f0;padding:6px 8px;background:#ecfeff;font-size:13px}.ws-open-row{background:#f0f9ff}:root{--bg: #f7fbfc;--teal:#009aa4;--teal-light:#14b6c0;--teal-dark:#026c72;--coral:#ff725e;--coral-dark:#ff604a;--text-main:#0b3440;--text-muted:#6c8791;--border:#dbe7ea;--card-radius:24px;--shadow-card:0 22px 44px rgba(8,50,70,.14)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial;background:var(--bg);color:var(--text-main)}main{padding:20px 30px;min-height:100vh;background-color:#fffbf0;max-width:max-content;margin-right:0%}.vma-shell{display:flex;min-height:100vh;background-color:#18cebf}.vma-shell .mini-sidenav,.vma-shell .MiniSideNav,.vma-shell .mini-side-nav{width:260px;flex-shrink:0}.topnav{display:flex;gap:10px;background:#fff;padding:12px 18px;border-radius:40px;box-shadow:0 6px 20px #00000014}.topnav a{padding:8px 14px;border-radius:20px;font-size:14px;color:var(--text-muted)}.topnav a:hover{background:#e7f6f8;color:var(--teal-dark)}.topnav a.active{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.vma-card{background:#fff;border-radius:var(--card-radius);padding:30px;box-shadow:var(--shadow-card);border:1px solid var(--border);position:relative;top:20px;left:6px}.vma-card-page{flex:1;padding:5px 10px;margin:0;background-color:transparent;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;max-height:100vh}.vma-card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--teal)}.vma-header-right{display:flex;gap:10px}.vma-title{font-size:28px;margin-bottom:20px;font-weight:700}.vma-subtitle{font-size:18px;margin-bottom:12px}.vma-section{margin-bottom:30px}.vma-section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vma-page-title{font-size:32px;font-weight:700;color:var(--teal-dark)}.vma-table th{background:#e9f7f8;padding:12px;font-weight:600}.vma-table td{padding:12px;border-bottom:1px solid var(--border)}.vma-table tr:hover{background:#f4fbfc}.vma-table :right{text-align:right}.vma-table-wrapper{overflow-x:auto}.vma-tight-table td,.vma-tight-table th{padding:8px}.vma-fixed-col{position:sticky;left:0;background:#fff;box-shadow:2px 0 5px #0000001a;z-index:1}.vma-fixed-row{position:sticky;top:0;z-index:2;box-shadow:0 2px 5px #0000001a}.vma-link-cell{color:var(--teal-dark);text-decoration:underline;cursor:pointer}.vma-link-cell:hover{color:var(--teal-light)}.btn{padding:10px 20px;border-radius:30px;font-size:14px;cursor:pointer;border:none}.btn-teal{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.btn-coral{background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:#fff}.vma-portal-link{display:block;padding:14px 20px;border-radius:18px;background:#65f5ff;color:var(--teal-dark);margin-bottom:10px;text-decoration:none;font-weight:600}.vma-portal-link:hover{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.vma-pill-btn{padding:8px 16px;border-radius:20px;background:#ff9db6;color:var(--teal-dark);font-size:20px;font-weight:700;border:none;cursor:pointer}.vma-pill-btn:hover{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.vma-chip-btn{padding:6px 12px;border-radius:16px;background:#e7f4f5;color:var(--teal-dark);font-size:12px;border:none;cursor:pointer}.vma-chip-btn:hover{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.vma-pill-btn coral{background:linear-gradient(135deg,var(--coral),var(--coral-dark));color:#fff}.vma-pill-tag{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:#e7f4f5;color:var(--teal-dark);display:flex;align-items:center}.vma-pill-tag.teal{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#070000;font-size:18px}.vma-pill-tag .vma-badge{background:#fff3d8;color:#010100;border-radius:12px;padding:4px 10px;font-size:12px;margin-left:8px}.vma-pill-tag:hover{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.vma-text-link{color:var(--teal-dark);text-decoration:underline;font-weight:600;font-size:18px}.vma-text-link:hover{text-decoration:underline;color:var(--teal-light)}.vma-portal-main-btn{width:40%;padding:14px 20px;border-radius:20px;background:#caeff2;color:var(--black --bold);font-size:16px;font-weight:700;text-align:left;border:1px solid black;cursor:pointer;margin-bottom:10px}.vma-portal-main-btn:hover{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}input,select,textarea{padding:10px 14px;border-radius:12px;border:1px solid var(--border);font-size:14px;width:100%}.vma-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.vma-modal{background:#fff;border-radius:20px;padding:30px;width:90%;max-width:700px;box-shadow:0 28px 60px #00000059}.portal-layout{display:flex;gap:20px;margin-top:20px;flex:1 1 0%}.portal-left{width:240px;display:flex;flex-direction:column;gap:16px}.portal-btn{padding:16px;background:linear-gradient(145deg,var(--teal),var(--teal-dark));border-radius:18px;color:#fff;display:flex;gap:10px;align-items:center;box-shadow:0 16px 30px #005c6859;cursor:pointer;font-size:16px}.portal-main{flex:1}.portal-sidebar{width:260px;border-left:1px solid var(--border);padding-left:20px}.portal-main-btn{width:100%;padding:14px 20px;border-radius:20px;background:#14919a;color:var(--teal-dark);font-size:16px;text-align:left;border:none;cursor:pointer;margin-bottom:10px}.task-filter{display:flex;gap:10px;margin-bottom:15px}.task-list tr td:nth-child(1){font-weight:600;color:var(--teal-dark)}.status-pill{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.status-pending{background:#fff3d8;color:#a87900}.status-inprogress{background:#e4f3ff;color:#1182c4}.status-complete{background:#e7fced;color:#119444}.msg-list{width:260px;border-right:1px solid var(--border)}.msg-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--border)}.msg-item:hover{background:#f2fafc}.msg-active{background:#e9f7fa}.msg-body{padding:20px}.shift-grid{display:grid;grid-template-columns:240px 1fr 260px;gap:20px}.timer{width:160px;height:160px;border-radius:50%;background:#e3f7f8;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:inset 0 0 18px #00000026;margin:auto}.w4-tabs{display:flex;gap:8px;margin-bottom:20px}.w4-tab{padding:10px 16px;border-radius:20px;background:#e7f4f5;color:var(--teal-dark);cursor:pointer}.w4-tab.active{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff}.clinic-box{border:1px solid var(--border);border-radius:14px;padding:20px;background:#fff;margin-bottom:20px}.vma-calendar-container{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.vma-calendar-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.vma-nav-btn{background:#0891b2;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.vma-nav-btn:hover{background:#0e7490}.vma-calendar-title{font-size:18px;font-weight:600;color:#1f2937}.vma-calendar-grid{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.vma-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e5e7eb}.vma-day-header{padding:12px 8px;font-weight:600;text-align:center;color:#475569;border-right:1px solid #e5e7eb}.vma-day-header:last-child{border-right:none}.vma-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #f1f5f9}.vma-calendar-week:last-child{border-bottom:none}.vma-time-header,.vma-day-header{padding:12px 8px;font-weight:600;text-align:center;color:#475569;border-right:1px solid #e2e8f0}.vma-calendar-week{border-bottom:1px solid #e2e8f0}.vma-week-label{background:#f8fafc;padding:8px 16px;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0}.vma-time-row{display:grid;grid-template-columns:200px repeat(7,1fr);min-height:80px;border-bottom:1px solid #f1f5f9}.vma-time-label{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#64748b;background:#f8fafc;border-right:1px solid #e2e8f0;text-align:center}.vma-calendar-cell{border-right:1px solid #f1f5f9;padding:8px;min-height:120px;background:#fff;position:relative}.vma-calendar-cell:last-child{border-right:none}.vma-calendar-cell.today{background:#fef3c7}.vma-calendar-cell.past{background:#f9fafb}.vma-cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vma-cell-date{font-weight:600;color:#374151}.vma-shift-count{background:#3b82f6;color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:600}.vma-cell-shifts{display:flex;flex-direction:column;gap:4px}.vma-shift-card{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;font-size:11px;cursor:pointer;transition:all .15s ease}.vma-shift-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.vma-shift-card.cancelled{opacity:.5;cursor:not-allowed;background:#f3f4f6;border-color:#9ca3af}.vma-shift-card.cancelled:hover{transform:none;box-shadow:none}.vma-shift-time{font-weight:600;color:#1f2937;margin-bottom:2px}.vma-shift-clinic{color:#6b7280;margin-bottom:2px;font-size:10px}.vma-shift-role{color:#374151;font-weight:500;margin-bottom:2px}.vma-shift-assigned{color:#059669;font-weight:500;font-size:10px;margin-bottom:2px}.vma-shift-cancelled-label{color:#dc2626;font-weight:700;font-size:10px;text-align:center;margin-top:2px}.vma-shift-card.shift-open{border-left:3px solid #f59e0b;background:#fef3c7}.vma-shift-card.shift-assigned{border-left:3px solid #10b981;background:#d1fae5}.vma-shift-card.shift-completed{border-left:3px solid #6b7280;background:#f3f4f6}.vma-shift-card.shift-cancelled{border-left:3px solid #ef4444;background:#fee2e2}.vma-assignment-detail-modal{max-width:800px}.vma-assignment-detail-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.vma-assignment-header{margin-bottom:24px}.vma-assignment-title h3{margin:0 0 8px;font-size:20px;color:#111827}.vma-assignment-badges{display:flex;gap:8px}.vma-assignment-details-grid{display:flex;flex-direction:column;gap:24px}.vma-detail-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.vma-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vma-assignment-description,.vma-assignment-requirements,.vma-assignment-notes{margin:0;color:#374151;line-height:1.6;background:#f9fafb;padding:12px;border-radius:6px}.vma-assignment-timeline{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.vma-timeline-items{display:flex;flex-direction:column;gap:16px}.vma-timeline-item{display:flex;align-items:center;gap:12px}.vma-timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.vma-timeline-dot.created{background:#3b82f6}.vma-timeline-dot.assigned{background:#f59e0b}.vma-timeline-dot.started{background:#8b5cf6}.vma-timeline-dot.completed{background:#10b981}.vma-timeline-content{display:flex;flex-direction:column;gap:2px}.vma-timeline-content strong{color:#111827;font-weight:600}.vma-timeline-content span{color:#6b7280;font-size:12px}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-in_progress{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.vma-link-btn{background:none;border:none;color:#0891b2;cursor:pointer;font-weight:500;text-decoration:underline;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.vma-link-btn:hover{background:#f0f9ff}.vma-calendar-nav-left{display:flex;gap:8px;align-items:center}.vma-current-week-btn{background:#6b7280;font-size:14px}.vma-current-week-btn:hover:not(:disabled){background:#4b5563}.vma-current-week-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.5}.vma-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.vma-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:95%;max-width:600px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.vma-shift-detail-modal{max-width:700px}.vma-assign-modal{max-width:800px}.vma-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.vma-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#111827}.vma-modal-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .15s ease}.vma-modal-close:hover{background:#f3f4f6;color:#374151}.vma-modal-form{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.vma-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.vma-form-group{display:flex;flex-direction:column;gap:6px}.vma-form-group.full-width{grid-column:1 / -1}.vma-form-label{font-size:14px;font-weight:600;color:#374151}.required{color:#dc2626}.vma-form-input,.vma-form-select,.vma-form-textarea{border:2px solid #e5e7eb;border-radius:8px;padding:12px;font-size:14px;transition:border-color .15s ease;font-family:inherit}.vma-form-input:focus,.vma-form-select:focus,.vma-form-textarea:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.vma-form-input.error,.vma-form-select.error{border-color:#dc2626}.vma-form-textarea{resize:vertical;min-height:80px}.error-text{color:#dc2626;font-size:12px;display:block;margin-top:4px}.info-text{color:#6b7280;font-size:12px;display:block;margin-top:4px}.vma-modal-actions{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.vma-modal-actions-left,.vma-modal-actions-right{display:flex;gap:12px}.vma-btn-primary,.vma-btn-secondary,.vma-btn-danger,.vma-btn-ghost{border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.vma-btn-primary{background:#0891b2;color:#fff}.vma-btn-primary:hover{background:#0e7490}.vma-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.vma-btn-secondary{background:#6b7280;color:#fff}.vma-btn-secondary:hover{background:#4b5563}.vma-btn-danger{background:#dc2626;color:#fff}.vma-btn-danger:hover{background:#b91c1c}.vma-btn-success{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s ease}.vma-btn-success:hover:not(:disabled){background:#059669}.vma-btn-success:disabled{background:#9ca3af;cursor:not-allowed}.vma-btn-ghost{background:transparent;color:#6b7280;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease}.vma-btn-ghost:hover:not(:disabled){background:#f9fafb;color:#374151}.vma-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:16px;border:1px solid #fecaca}.vma-clinic-link{color:#0891b2;text-decoration:none;font-weight:500}.vma-clinic-link:hover{text-decoration:underline}.vma-shift-detail-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.vma-shift-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vma-shift-title h3{margin:0;font-size:20px;color:#111827}.vma-shift-badges{display:flex;gap:8px}.vma-shift-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.vma-detail-item{display:flex;flex-direction:column;gap:4px}.vma-detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.vma-detail-item span{font-size:14px;color:#111827;font-weight:500}.vma-detail-section{margin-bottom:20px}.vma-detail-section label{display:block;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.vma-detail-section p{margin:0;color:#374151;line-height:1.5}.vma-shift-actions{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.vma-action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.vma-action-btn{padding:10px 16px}.btn-icon{font-size:16px}.vma-assign-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.vma-assign-section{margin-bottom:32px}.vma-assign-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.vma-shifts-list{display:flex;flex-direction:column;gap:12px}.vma-shift-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;transition:all .15s ease}.vma-shift-item.selected{border-color:#0891b2;background:#f0f9ff}.vma-shift-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.vma-shift-info{flex:1}.vma-shift-title{font-weight:600;color:#111827;margin-bottom:4px}.vma-shift-details{font-size:14px;color:#6b7280}.vma-staff-selector{min-width:200px}.vma-no-shifts{text-align:center;color:#6b7280;font-style:italic;padding:40px}.vma-assignment-summary{display:flex;flex-direction:column;gap:12px}.vma-assignment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f0f9ff;border-radius:8px}.vma-assignment-shift,.vma-assignment-vma{flex:1;font-weight:500}.vma-assignment-arrow{color:#0891b2;font-weight:700}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.close-btn{background:none;border:none;font-size:24px;cursor:pointer}.modal-form{padding:20px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group label{display:block;margin-bottom:4px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn-primary,.btn-secondary{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.btn-primary{background:#1ba39c;color:#fff}.btn-secondary{background:#f5f5f5;color:#666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.vma-modal-container{width:100%;height:100%;max-height:100vh;border-radius:0}.vma-form-grid,.vma-shift-details-grid{grid-template-columns:1fr}.vma-action-buttons{flex-direction:column}.vma-shift-item{flex-direction:column;align-items:flex-start}.vma-staff-selector{width:100%;min-width:unset}}.vma-assignments-hub{padding:24px;min-height:100vh;background:#f8fafc}.vma-assignments-header{margin-bottom:32px}.vma-assignments-title-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.vma-back-btn{background:none;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease}.vma-back-btn:hover{background:#f9fafb;border-color:#9ca3af}.vma-assignments-title{font-size:32px;font-weight:700;color:#111827;margin:0}.vma-assignments-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:600px}.vma-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;text-align:center;border:1px solid #e5e7eb}.vma-stat-number{font-size:24px;font-weight:700;color:#111827;margin-bottom:4px}.vma-stat-label{font-size:14px;color:#6b7280;font-weight:500}.vma-assignments-controls{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;border:1px solid #e5e7eb}.vma-search-row{display:flex;gap:16px;margin-bottom:16px}.vma-search-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .15s ease}.vma-search-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.vma-sort-controls{display:flex;gap:8px}.vma-sort-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:140px}.vma-sort-order-btn{background:#f3f4f6;border:2px solid #e5e7eb;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .15s ease}.vma-sort-order-btn:hover{background:#e5e7eb}.vma-filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.vma-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px}.vma-clear-filters-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .15s ease}.vma-clear-filters-btn:hover{background:#dc2626}.vma-assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:24px}.vma-assignment-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .15s ease}.vma-assignment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vma-assignment-card-header{padding:20px 20px 16px;border-bottom:1px solid #f1f5f9}.vma-assignment-card-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.vma-assignment-card-badges{display:flex;gap:8px}.vma-status-badge,.vma-priority-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.vma-assignment-card-body{padding:16px 20px 20px}.vma-assignment-card-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.vma-assignment-info-item{display:flex;flex-direction:column;gap:4px}.vma-info-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.vma-assignment-info-item span:last-child{font-size:14px;color:#111827;font-weight:500}.vma-assignment-description{color:#374151;font-size:14px;line-height:1.5;background:#f9fafb;padding:12px;border-radius:6px;border-left:3px solid #e5e7eb}.vma-no-assignments{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.vma-no-assignments-icon{font-size:48px;margin-bottom:16px}.vma-no-assignments h3{color:#374151;font-size:20px;margin:0 0 8px}.vma-no-assignments p{color:#6b7280;margin:0}.vma-assignments-footer{display:flex;justify-content:center;padding:20px}.vma-assignments-count{color:#6b7280;font-weight:500;background:#fff;padding:12px 24px;border-radius:20px;border:1px solid #e5e7eb}@media (max-width: 768px){.vma-assignments-stats{grid-template-columns:repeat(2,1fr)}.vma-assignments-grid{grid-template-columns:1fr}.vma-search-row{flex-direction:column}.vma-filters-row{flex-direction:column;align-items:stretch}.vma-filter-select{min-width:unset}.vma-assignment-card-info{grid-template-columns:1fr}}@media (max-width: 480px){.vma-assignments-hub{padding:16px}.vma-assignments-title{font-size:24px}.vma-assignments-title-row{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{margin:0;background:#f7fafa}.vma-shell{display:flex;height:100vh;width:100%;background-color:#5ac2a0}.vma-leftnav{width:200px;background:#defffd;padding-top:40px;display:flex;flex-direction:column;gap:18px;border:1px solid #000000}.vma-leftnav button{background:#13ad86ea;border:none;color:#080000;padding:10px 12px;border-radius:6px;text-align:left;font-size:16px;font-weight:600;width:90%;border:3px solid black}.vma-topnav{height:70px;background:#fff;position:fixed;top:0;left:185px;right:0;display:flex;align-items:center;padding:0 30px;justify-content:space-between;border-bottom:1px solid #000506}.vma-left-link{border:none;border-radius:999px;padding:10px 16px;text-align:left;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer}.vma-left-link.active{background:#fff;color:#0b5b63}.vma-logo{font-size:22px;font-weight:700;color:#0a6778}.vma-tabs{display:flex;gap:30px}.vma-tabs button{background:none;border:none;font-size:18px;padding-bottom:6px;cursor:pointer}.vma-tabs .active{border-bottom:3px solid #0ba8ab;color:#0ba8ab}.vma-top-tab{border:none;background:transparent;font-size:16px;padding:8px 0;position:relative;color:#6a768f;cursor:pointer}.vma-top-tab.active{color:var(--text-main);font-weight:600}.vma-top-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:999px;background:var(--teal)}.vma-content{margin-left:100px;margin-top:90px;padding:30px;width:calc(100% - 200px);overflow-y:auto}.section-title{font-size:25px;font-weight:700;margin-bottom:18px;text-align:center;text-decoration:underline 3px #000707;margin-top:2px}.vma-card{background:#fff;border-radius:10px;padding:25px;margin-bottom:25px;border:1px solid #dce6e8;font-size:18px;text-align:center;font-weight:600}.vma-card.wide{width:100%;align-items:center;text-align:center;row-gap:12px}.vma-long-card{margin-top:20px}.vma-card-header-row{display:flex;justify-content:space-between;align-items:center}.vma-message-row{padding:10px 0}.vma-card-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:16px}.text-link{margin-top:12px;color:#0ba8ab;cursor:pointer;text-decoration:underline;font-weight:600;background:none;border:none}.vma-menu-icon{margin-left:auto;border:none;background:transparent;display:flex;flex-direction:column;gap:4px;cursor:pointer}.vma-menu-icon span{width:18px;height:2px;background:#6a768f;border-radius:999px}.vma-assignment-list{list-style:none;padding:0;margin:0}.vma-assignment-list li{padding:8px 0;border-bottom:1px solid #edf1fa;font-size:15px}.task-grid{display:flex;gap:20px;font-size:16px;font-weight:600}.vma-task-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vma-task-metric{border-radius:14px;padding:12px 10px;text-align:center;color:#123047;background:#f3fafc}.vma-task-metric.teal{background:#e0f7f6}.vma-task-metric.coral{background:#ffe4de}.vma-task-metric.yellow{background:#fff4d7}.vma-task-metric.blue{background:#e1f4ff}.task-box{flex:1;border-radius:16px;margin-top:20px;margin-bottom:20px;padding:20px;text-align:center;background:#eef8f9;font-weight:600;border:2px solid #000708}.vma-task-number{font-size:24px;font-weight:700;margin-bottom:4px}.vma-task-label{font-size:12px;margin-bottom:8px}.task-box .num{font-size:28px;font-weight:700}.task-box button{margin-top:12px;padding:8px 14px;border:1px solid #0ba8ab;background:#fff;color:#0ba8ab;border-radius:8px}.task-box.green{background:#76f8d1}.task-box.coral,.task-box.yellow{background:#ffa097}.task-box.teal{background:#76f8d1}.messages-shell{display:grid;grid-template-columns:280px 1fr 220px;gap:25px}.vma-message-title{font-weight:600;font-size:14px;margin-bottom:2px}.vma-message-body{font-size:13px;color:#6a768f}.vma-divider{height:1px;background:#edf1fa;margin:8px 0}.inbox{background:#fff;border-radius:12px;padding:20px;border:1px solid #dce6e8}.inbox-item{padding:12px;border-radius:10px;cursor:pointer;margin-bottom:10px}.inbox-item.active{background:#d7f5f7}.conversation{background:#fff;border-radius:12px;padding:20px;border:1px solid #dce6e8}.bubble{padding:12px 16px;border-radius:14px;margin-bottom:12px;max-width:80%}.bubble.gray{background:#eef1f2}.bubble.coral{background:#ffd1cd}.bubble.right{margin-left:auto}.message-input-row{margin-top:20px;display:flex;gap:10px}.message-input-row input{flex:1;padding:12px;border-radius:10px;border:1px solid #dce6e8}.send-btn{background:#fd6f63;color:#fff;padding:10px 18px;border-radius:10px;border:none}.filters{background:#fff;border-radius:12px;padding:20px;border:1px solid #dce6e8}.status-box{padding:10px;border-radius:8px;margin-bottom:10px;border:1px solid #dce6e8}.status-box.active{background:#e3f7f8}.shift-shell{max-width:680px}.shift-title{font-size:26px;font-weight:700;margin-bottom:20px}.field-label{font-weight:600;margin-top:15px}.field{width:100%;padding:12px;border-radius:10px;border:1px solid #dce6e8;margin-bottom:20px}.shift-grid{display:flex;gap:20px;margin-bottom:25px}.shift-box{background:#fff;border-radius:12px;padding:20px;flex:1;border:1px solid #dce6e8}.shift-num{font-size:32px;font-weight:700;color:#0a6778}.shift-buttons{display:flex;gap:20px}.discard{background:#fff;border:1px solid #0ba8ab;color:#0ba8ab;padding:14px 28px;border-radius:10px}.submit{background:#0ba8ab;color:#fff;padding:14px 28px;border-radius:10px}.vma-daily-shell{min-height:100vh;padding:40px;background:linear-gradient(135deg,#0ac2c6,#63d5c6);display:flex;justify-content:center;align-items:flex-start}.vma-daily-card{background:#fff;border-radius:24px;padding:30px 32px;width:100%;max-width:1080px;box-shadow:0 18px 40px #0000001f}.vma-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.vma-daily-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vma-daily-title{font-size:32px;font-weight:700;color:#064f62}.vma-pill-btn{border-radius:999px;border:none;padding:10px 24px;font-weight:600;color:#fff;cursor:pointer}.vma-pill-btn.coral{background:#ff7c68}.vma-pill-btn.teal{background:var(--teal);color:#fff;border-color:var(--teal)}.vma-daily-section{margin-top:18px}.vma-daily-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vma-coral-btn-sm{background:#ff7c68;border:none;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;cursor:pointer}.vma-table-wrapper{border-radius:14px;overflow:hidden;border:1px solid #dce6e8}.vma-table{width:100%;border-collapse:collapse;font-size:14px}.vma-table thead{background:#e5faf7}.vma-table th,.vma-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #e5edf0}.vma-queue-shell{display:flex;min-height:500px}.vma-queue-shell.modal{width:100%;min-height:auto}.vma-queue-side{width:220px;background:#0ba8ab;padding:24px 18px;color:#fff;display:flex;flex-direction:column;gap:10px;border-radius:16px 0 0 16px}.vma-queue-logo{font-weight:700;margin-bottom:20px}.vma-queue-side button{background:#ffffff26;border-radius:10px;border:none;color:#fff;padding:10px 14px;text-align:left}.vma-queue-side button.active{background:#fff;color:#0ba8ab}.vma-queue-main{flex:1;background:#f7fbfc;padding:24px 26px;border-radius:0 16px 16px 0;border:1px solid #dce6e8;border-left:none}.vma-queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vma-queue-filters{display:flex;gap:8px;align-items:center}.filter-pill{border-radius:999px;border:1px solid #c8dde0;padding:6px 14px;background:#fff;font-size:13px}.filter-pill.active{background:#0ba8ab;border-color:#0ba8ab;color:#fff}.queue-search{padding:7px 12px;border-radius:999px;border:1px solid #c8dde0;min-width:150px}.badge-type{border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.badge-type.calls{background:#d7f5f7;color:#046873}.badge-type.refills{background:#ffe0dd;color:#a5443e}.badge-type.pas{background:#fde7c2;color:#8d5a10}.badge-type.messages{background:#e0e7ff;color:#223f8e}.badge-status{border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.badge-status.inprogress{background:#d7f5f7;color:#046873}.badge-status.completed{background:#d7f5e2;color:#126431}.badge-status.cancelled{background:#ffe0dd;color:#a5443e}.badge-status.nextshift{background:#fff2cc;color:#7f6400}.vma-queue-footer{display:flex;align-items:center;gap:12px;margin-top:18px}.vma-select-pay{border-radius:999px;border:1px solid #c8dde0;background:#fff;padding:8px 16px}.queue-checkbox{font-size:14px}.queue-primary-btn{background:#0ba8ab;color:#fff;border-radius:999px;padding:8px 18px;border:none}.vma-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:999}.vma-modal{background:#fff;border-radius:18px;padding:24px;max-width:1100px;width:90%;max-height:90vh;overflow:auto;position:relative}.vma-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:22px;cursor:pointer}.vma-column-right{display:flex;flex-direction:column;gap:18px}.vma-start-card{display:flex;flex-direction:column;gap:12px}.vma-start-btn,.vma-end-btn{border-radius:18px;border:none;padding:12px 10px;font-size:16px;font-weight:600;cursor:pointer}.vma-start-btn.coral{background:var(--coral);color:#fff}.vma-end-btn.teal{background:#fff;color:var(--teal);border-top:1px solid #edf1fa}.vma-start-btn.disabled,.vma-end-btn.disabled{background:#f0f2f7;color:#a0a8bc;cursor:default}.vma-timer{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4fafb;display:flex;justify-content:space-between;align-items:center;font-size:13px}.vma-timer-label{color:#4e5c73}.vma-timer-value{font-weight:700;color:var(--teal)}.vma-clinic-picker{margin-top:12px;padding-top:12px;border-top:1px solid #edf1fa}.vma-picker-label{font-size:13px;display:block;margin-bottom:6px}.vma-select{width:100%;border-radius:999px;border:1px solid #cfd7e8;padding:6px 12px;font-size:13px}.vma-picker-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.vma-right-messages{display:flex;justify-content:space-between;align-items:center}.clinic-tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-bottom:18px}.clinic-tag-name{font-size:13px;font-weight:600;margin-top:4px}.clinic-helper-text{font-size:13px;color:#6a768f}.vma-message-snippet{font-size:13px;color:#6a768f;margin-top:4px}.vma-link-row{color:var(--teal);font-weight:600;font-size:14px}.vma-messages-tab,.vma-clinics-tab,.vma-shift-tab,.vma-docs-tab{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px 26px}:root{--assign-bg: #f5f7fb;--assign-header-bg: #152842;--assign-header-text: #ffffff;--assign-teal: #00c6b8;--assign-teal-dark: #00a0a0;--assign-coral: #ff6f61;--assign-blue: #1e88e5;--assign-border: #dde2ee;--assign-text-main: #1b2640;--assign-text-sub: #6b7280;--assign-card-bg: #ffffff;--assign-shadow: 0 8px 18px rgba(15, 23, 42, .08);--assign-radius-lg: 16px;--assign-radius-md: 10px;--assign-radius-pill: 999px;--assign-font: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif}.assign-root{font-family:var(--assign-font);background:var(--assign-bg);min-height:100vh;padding:0;margin:0;color:var(--assign-text-main)}.assign-header{background:var(--assign-header-bg);color:var(--assign-header-text);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--assign-shadow)}.assign-header-title{font-size:22px;font-weight:600}.assign-header-btn{border-radius:var(--assign-radius-pill);border:none;background:var(--assign-teal);color:#fff;font-weight:600;padding:10px 24px;cursor:pointer;font-size:14px;box-shadow:0 6px 15px #00c6b859}.assign-header-btn:hover{background:var(--assign-teal-dark)}.assign-filters-row{padding:18px 32px 8px;display:flex;gap:24px;flex-wrap:wrap}.assign-filter-group{display:flex;flex-direction:column;gap:6px}.assign-filter-label{font-size:12px;color:var(--assign-text-sub)}.assign-select,.assign-date-input input{border-radius:10px;border:1px solid var(--assign-border);padding:8px 12px;min-width:190px;font-size:14px;outline:none;background:#fff}.assign-date-input{display:flex;align-items:center;border-radius:10px;border:1px solid var(--assign-border);padding-right:10px;background:#fff}.assign-date-input input{border:none;flex:1;padding-right:0}.assign-date-icon{font-size:16px;opacity:.6}.assign-summary-row{display:flex;gap:16px;padding:4px 32px 18px;flex-wrap:wrap}.assign-summary-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--assign-radius-pill);font-size:13px;font-weight:500;color:#0f172a;box-shadow:0 8px 18px #94a3b84d}.assign-summary-number{font-size:18px;font-weight:700}.assign-summary-pill--unassigned{background:linear-gradient(90deg,#f0f4ff,#e0ecff)}.assign-summary-pill--inprogress{background:linear-gradient(90deg,#e1fbf4,#caf7e9)}.assign-summary-pill--completed{background:linear-gradient(90deg,#fef3c7,#fde68a)}.assign-summary-pill--completed2{background:linear-gradient(90deg,#fee2e2,#fecaca)}.assign-date-strip{margin:0 32px 18px;background:var(--assign-card-bg);border-radius:var(--assign-radius-lg);box-shadow:var(--assign-shadow);padding:10px 14px;display:flex;gap:8px;overflow-x:auto}.assign-date-card{min-width:70px;border-radius:12px;border:1px solid var(--assign-border);background:#f9fafb;text-align:center;padding:6px 4px;font-size:11px;color:var(--assign-text-sub)}.assign-date-day{font-weight:600;font-size:14px;color:var(--assign-text-main)}.assign-date-label{margin-bottom:4px}.assign-date-icon-large{font-size:16px}.assign-date-count{margin-top:4px;font-weight:600}.assign-main-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(290px,1.1fr);gap:18px;padding:0 32px 32px;align-items:flex-start}@media (max-width: 980px){.assign-main-layout{grid-template-columns:minmax(0,1fr)}}.assign-table-card{background:var(--assign-card-bg);border-radius:var(--assign-radius-lg);box-shadow:var(--assign-shadow);padding:16px 18px 10px}.assign-table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:16px}.assign-table-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.assign-table-icon{font-size:18px}.assign-table-right-controls{display:flex;gap:10px;align-items:center}.assign-search-box{display:flex;align-items:center;border-radius:var(--assign-radius-pill);border:1px solid var(--assign-border);padding:6px 10px;background:#f9fafb}.assign-search-box input{border:none;background:transparent;font-size:13px;outline:none;min-width:160px}.assign-search-box span{font-size:14px;opacity:.6}.assign-teams-btn{background:#fff;color:var(--assign-teal-dark);border:1px solid var(--assign-teal-dark);box-shadow:none}.assign-table{width:100%;border-collapse:collapse;font-size:13px}.assign-table thead{background:#f9fafb}.assign-table th,.assign-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5e7eb}.assign-table th{font-weight:600;font-size:12px;color:var(--assign-text-sub)}.assign-th-actions{text-align:right}.assign-row:hover{background:#f9fafb;cursor:pointer}.assign-row.selected{background:#ecfeff}.assign-clinic-cell{display:flex;align-items:center;gap:6px}.assign-status-dot{width:8px;height:8px;border-radius:50%}.assign-status-dot--blue{background:#3b82f6}.assign-status-dot--red{background:#ef4444}.assign-patient-cell{display:flex;align-items:center;gap:6px}.assign-patient-icon{font-size:16px}.assign-type-pill{display:inline-flex;padding:3px 8px;border-radius:var(--assign-radius-pill);border:1px solid #bfdbfe;background:#eff6ff;font-size:11px}.assign-actions-cell{text-align:right}.assign-icon-btn-row{display:inline-flex;gap:4px;margin-right:8px}.assign-icon-btn{border-radius:999px;border:1px solid #e5e7eb;background:#fff;padding:3px 6px;font-size:11px;cursor:pointer}.assign-row-btn{border-radius:999px;border:none;background:var(--assign-teal);color:#fff;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.assign-details-wrapper{min-height:320px}.assign-details-card{background:var(--assign-card-bg);border-radius:var(--assign-radius-lg);box-shadow:var(--assign-shadow);padding:18px 18px 20px}.assign-details-title{font-size:18px;font-weight:600;margin-bottom:16px}.assign-details-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.assign-details-label{color:var(--assign-text-sub)}.assign-details-value{font-weight:500;text-align:right}.assign-details-badges{margin:12px 0 10px;display:flex;flex-direction:column;gap:6px}.assign-details-badge{border-radius:999px;padding:6px 10px;font-size:12px;display:flex;align-items:center;gap:6px}.assign-details-badge--teal{background:#e0fbf6}.assign-details-badge--coral{background:#ffe4e1}.assign-details-badge--blue{background:#e0f2fe}.assign-details-badge-label{font-weight:600;font-size:11px}.assign-details-badge-text{flex:1}.assign-details-section-title{margin-top:16px;margin-bottom:8px;font-weight:600;font-size:14px}.assign-details-btn-row{display:flex;gap:8px;margin:16px 0 12px}.assign-details-btn{flex:1;border-radius:999px;border:1px solid #e5e7eb;background:#fff;padding:7px 0;font-size:13px;font-weight:500;cursor:pointer}.assign-details-btn--teal{background:var(--assign-teal);color:#fff;border-color:var(--assign-teal)}.assign-details-btn--coral{background:var(--assign-coral);color:#fff;border-color:var(--assign-coral)}.assign-pay-btn{width:100%;border-radius:999px;border:1.5px solid var(--assign-teal-dark);background:#fff;padding:9px 0;font-size:14px;font-weight:600;color:var(--assign-teal-dark);cursor:pointer}.assign-details-placeholder{background:#fffc;border-radius:var(--assign-radius-lg);padding:20px;font-size:13px;color:var(--assign-text-sub);text-align:center;border:1px dashed #cbd5f5}.assign-modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:50}.assign-modal{width:420px;max-width:calc(100% - 32px);background:#fff;border-radius:18px;box-shadow:var(--assign-shadow);display:flex;flex-direction:column}.assign-modal-header{padding:14px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.assign-modal-title{font-weight:600;font-size:16px}.assign-modal-body{padding:16px 20px 10px;max-height:60vh;overflow-y:auto}.assign-modal-field{margin-bottom:12px;font-size:13px}.assign-modal-field label{display:block;margin-bottom:5px;font-weight:500}.assign-modal-field select,.assign-modal-field textarea{width:100%;border-radius:10px;border:1px solid var(--assign-border);padding:8px 10px;font-size:13px;outline:none;resize:vertical}.assign-notes-optional{font-weight:400;color:var(--assign-text-sub)}.assign-staff-list{border-radius:10px;border:1px solid var(--assign-border);padding:8px 10px;max-height:190px;overflow-y:auto}.assign-staff-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.assign-staff-row input{accent-color:var(--assign-teal)}.assign-avatar-circle{width:26px;height:26px;border-radius:999px;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--assign-text-main)}.assign-modal-footer{padding:10px 20px 14px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.assign-modal-btn{border-radius:999px;border:none;font-size:13px;padding:7px 18px;cursor:pointer;font-weight:500}.assign-modal-btn--secondary{background:#fff;border:1px solid #e5e7eb;color:var(--assign-text-main)}.assign-modal-btn--primary{background:#2563eb;color:#fff}.assign-modal-btn--primary:hover{background:#1e40af}:root{--mgr-teal: #009c9f;--mgr-teal-dark: #007a7c;--mgr-teal-light: #34c4c7;--mgr-coral: #ff7a68;--mgr-bg: #f4fafb;--mgr-border: #dde7ea;--mgr-text: #123047;--mgr-muted: #6b7b8a;--mgr-radius-lg: 16px;--mgr-radius-md: 10px;--mgr-shadow-soft: 0 10px 30px rgba(15, 40, 70, .08);--mgr-pill-radius: 999px}.mgr-root{display:flex;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--mgr-text);background:linear-gradient(135deg,#e8fbff,#fdfcfe)}.mgr-sidebar{width:260px;background:linear-gradient(180deg,#027f86,#015f64);color:#fff;padding:24px 20px;display:flex;flex-direction:column}.mgr-logo{font-size:24px;font-weight:700;margin-bottom:32px}.mgr-nav{display:flex;flex-direction:column;gap:8px}.mgr-nav-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:#e4f6f8;padding:10px 12px;border-radius:999px;cursor:pointer;font-size:15px;text-align:left}.mgr-nav-item:hover{background:#ffffff1f}.mgr-nav-item.active{background:#fff;color:var(--mgr-teal-dark)}.mgr-nav-icon{width:20px;text-align:center}.mgr-main{flex:1;padding:28px 32px;background:var(--mgr-bg)}.mgr-page{background:#fff;border-radius:24px;padding:24px 28px 30px;box-shadow:var(--mgr-shadow-soft)}.mgr-page-reports{background:#e87d7d;border-radius:24px;padding:24px 28px 30px;box-shadow:var(--mgr-shadow-soft);max-width:max-content}.mgr-page-header{align-items:center;justify-content:space-between;margin-bottom:18px;width:180%;max-width:max-content}.mgr-page-title{font-size:26px;font-weight:700;letter-spacing:.02em;color:var(--mgr-text)}.mgr-page-reports-title{font-size:26px;font-weight:700;letter-spacing:.02em;color:#060000;width:200%;max-width:max-content}.mgr-page-content{width:200%}.mgr-primary-btn{background:var(--mgr-teal-dark);color:#fff;border-radius:999px;padding:10px 20px;border:none;font-weight:600;cursor:pointer}.mgr-primary-btn:hover{background:var(--mgr-teal)}.mgr-chip-btn{border-radius:999px;border:1px solid var(--mgr-border);padding:8px 14px;background:#fff;color:var(--mgr-text);font-size:14px;cursor:pointer}.mgr-icon-btn{border-radius:999px;border:1px solid var(--mgr-border);padding:8px 11px;background:#fff;cursor:pointer}.mgr-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:var(--mgr-pill-radius);font-size:12px;font-weight:600}.pill-active{background:#00a0741f;color:#00a074}.pill-warning{background:#ffb23826;color:#f28225}.pill-inactive{background:#e04d4d1f;color:#d44646}.pill-high{background:#ff7a682e;color:#ff7a68}.pill-low{background:#009c9f14;color:var(--mgr-teal-dark)}.mgr-top-tabs{display:inline-flex;background:#f1f7f8;border-radius:999px;padding:4px;margin-bottom:20px}.mgr-top-tab{border-radius:999px;padding:8px 18px;border:none;font-size:14px;cursor:pointer}.mgr-top-tab.active{background:#fff;color:var(--mgr-teal-dark);font-weight:600;box-shadow:0 2px 6px #0000000f}.mgr-top-tab.inactive{background:transparent;color:var(--mgr-muted)}.mgr-employees-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.2fr);gap:24px}.mgr-table-card{background:#fff;border-radius:var(--mgr-radius-lg);border:1px solid var(--mgr-border);padding:8px 0 6px}.mgr-table{width:100%;border-collapse:collapse;font-size:14px}.mgr-table thead{background:#f6fbfc}.mgr-table th,.mgr-table td{padding:10px 18px;border-bottom:1px solid #edf2f4;text-align:left}.mgr-table th{font-size:13px;font-weight:600;color:var(--mgr-muted)}.mgr-table tbody tr:hover{background:#f8fdfe;cursor:pointer}.mgr-table tbody tr.selected-row{background:#ecfbfd}.mgr-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 0 2px}.mgr-page-number,.mgr-page-arrow{border-radius:999px;border:1px solid var(--mgr-border);background:#fff;padding:4px 9px;font-size:12px;cursor:pointer}.mgr-page-number.active{background:var(--mgr-teal-dark);color:#fff;border-color:var(--mgr-teal-dark)}.mgr-detail-card{background:#fff;border-radius:var(--mgr-radius-lg);border:1px solid var(--mgr-border);padding:20px 22px 16px;display:flex;flex-direction:column;gap:12px}.mgr-detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.mgr-detail-name{font-size:20px;font-weight:700}.mgr-detail-subtitle{font-size:14px;color:var(--mgr-muted)}.mgr-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:14px}.mgr-detail-grid dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mgr-muted)}.mgr-detail-grid dd{margin:2px 0 0}.mgr-edit-btn{margin-top:8px;border-radius:999px;border:none;background:var(--mgr-coral);color:#fff;padding:8px 16px;align-self:flex-start;cursor:pointer;font-weight:600}.mgr-pay-card{margin-top:auto;border-radius:var(--mgr-radius-md);border:1px solid var(--mgr-border);padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:14px}.mgr-pay-icon{font-size:18px}.mgr-assignment-header-actions{display:flex;align-items:center;gap:10px}.mgr-assignment-layout{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1.2fr);gap:24px}.mgr-column{background:#fdfefe;border-radius:var(--mgr-radius-lg);border:1px solid var(--mgr-border);padding:18px 18px 16px}.mgr-section-title{font-size:16px;font-weight:700;margin-bottom:10px}.mgr-clinic-card{border-radius:var(--mgr-radius-md);border:1px solid var(--mgr-border);padding:12px 14px;margin-bottom:10px;background:#fff}.mgr-clinic-name{font-weight:600;margin-bottom:2px}.mgr-clinic-time{font-size:13px;color:var(--mgr-muted);margin-bottom:6px}.mgr-clinic-tags{font-size:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mgr-clinic-footer{display:flex;align-items:center;justify-content:space-between;font-size:13px}.mgr-label{color:var(--mgr-muted)}.mgr-dropzone{border-radius:var(--mgr-radius-lg);border:2px dashed #c6dde1;padding:18px;text-align:center;color:var(--mgr-muted);background:#f7fbfc;margin-bottom:16px}.mgr-today-assignments{background:#fff;border-radius:var(--mgr-radius-lg);border:1px dashed #e2edf0;padding:14px 16px 16px}.mgr-timeline{margin-top:8px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:12px}.mgr-timeline-times{display:flex;flex-direction:column;gap:12px;color:var(--mgr-muted)}.mgr-timeline-grid{position:relative;border-radius:14px;border:1px solid #edf4f6;background:#f9fcfd;padding:10px;display:flex;flex-direction:column;gap:8px}.mgr-assignment-block{border-radius:12px;padding:8px 10px;font-size:12px;color:#fff;width:fit-content}.block-coral{background:#ff7a68}.block-teal{background:var(--mgr-teal-dark)}.mgr-assignment-time{font-size:11px;opacity:.9}.mgr-confirm-btn{margin-top:14px;width:100%;border-radius:999px;border:none;background:var(--mgr-teal-dark);color:#fff;padding:10px 0;font-weight:600;cursor:pointer}.mgr-vma-card{border-radius:var(--mgr-radius-md);background:#fff;border:1px solid var(--mgr-border);padding:10px 12px;margin-bottom:10px;font-size:13px}.mgr-vma-card.busy{border-color:#ffb2a4}.mgr-vma-main{display:flex;align-items:center;gap:10px;margin-bottom:4px}.mgr-avatar{width:32px;height:32px;border-radius:999px;background:#e2f7f6;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--mgr-teal-dark)}.mgr-vma-name{font-weight:600}.mgr-vma-metrics{color:var(--mgr-muted);font-size:12px}.mgr-vma-status{margin-left:auto;color:#ff7a68;font-weight:600}.mgr-vma-hours{text-align:right;color:var(--mgr-muted);font-size:12px}.mgr-pre-pay-card{margin-top:6px;border-radius:var(--mgr-radius-lg);border:1px solid var(--mgr-border);background:#fff;padding:12px 14px;font-size:13px}.mgr-pre-pay-header{font-weight:600;margin-bottom:6px}.mgr-pre-pay-row{margin-bottom:6px}.mgr-pre-pay-footer{display:flex;justify-content:space-between;font-size:12px}.mgr-muted{color:var(--mgr-muted)}.mgr-page-admin{padding-top:18px}.mgr-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mgr-logout-btn{border-radius:999px;border:none;background:#ff7a68;color:#fff;padding:8px 18px;font-weight:700;letter-spacing:.05em;font-size:12px;cursor:pointer}.mgr-admin-search-row{margin-bottom:18px}.mgr-admin-search{display:flex;align-items:center;border-radius:999px;background:#e5f4f6;padding:6px 14px}.mgr-search-icon{margin-right:6px;font-size:16px}.mgr-admin-search-input{border:none;background:transparent;outline:none;font-size:14px;width:100%}.mgr-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mgr-admin-tile{border-radius:18px;border:none;background:#fff;box-shadow:0 4px 14px #0000000d;padding:18px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.mgr-admin-tile:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.mgr-admin-icon{font-size:26px}.mgr-admin-label{font-weight:600;font-size:14px;text-align:center}@media (max-width: 1100px){.mgr-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mgr-assignment-layout{grid-template-columns:1fr}}@media (max-width: 900px){.mgr-root{flex-direction:column}.mgr-sidebar{flex-direction:row;align-items:center;width:100%;padding:12px 16px}.mgr-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.mgr-main{padding:16px}.mgr-employees-layout{grid-template-columns:1fr}}.vma-pill-btn{padding:8px 16px;border-radius:20px;background:#e7f4f5;color:var(--teal-dark);font-size:14px;font-weight:600}.mgr-top-tabs{display:fkex;gap:10 px;margin-bottom:20 px}.mgr-top-tab{padding:10px 18px;border-radius:8px;background:#f1f1f1;border:none;cursor:pointer;font-weight:600;transition:all .2s}.mgr-top-tab.active{background:#ffd4cf;color:#d94c3d}.mgr-tab-content{margin-top:20px}.mgr-form{display:flex;flex-direction:column;gap:16px;max-width:max-content}.mgr-card-extended{background:#fff;border-radius:24px;padding:24px 28px 30px;box-shadow:var(--mgr-shadow-soft);width:100%;max-width:max-content}.mgr-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.mgr-field select,.mgr-field input{padding:10px 12px;border:1px solid var(--mgr-border);border-radius:8px;font-size:14px;outline:none}.mgr-generate-btn{margin-top:18px;padding:20px 10px;border:none;border-radius:999px;background:var(--mgr-teal-dark);color:#fff;font-weight:800;cursor:pointer}.reminder-alarm-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px}.reminder-alarm{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;animation:slideIn .3s ease-out,pulse 2s infinite;border-left:4px solid}.priority-urgent{border-left-color:#dc3545;background:linear-gradient(135deg,#fff,#ffebee)}.priority-high{border-left-color:#fd7e14;background:linear-gradient(135deg,#fff,#fff3e0)}.priority-medium{border-left-color:#ffc107;background:linear-gradient(135deg,#fff,#fffbf0)}.priority-low{border-left-color:#20c997;background:linear-gradient(135deg,#fff,#f0fff4)}.alarm-icon{font-size:24px;animation:ring 1s infinite}.alarm-content{flex:1;min-width:0}.alarm-title{font-weight:600;font-size:16px;margin-bottom:4px;color:#333}.alarm-description{font-size:14px;color:#666;margin-bottom:8px;line-height:1.4}.alarm-meta{display:flex;gap:8px;font-size:12px}.alarm-category{background:#e9ecef;padding:2px 6px;border-radius:4px;text-transform:capitalize}.alarm-priority{padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.priority-urgent .alarm-priority{background:#dc3545;color:#fff}.priority-high .alarm-priority{background:#fd7e14;color:#fff}.priority-medium .alarm-priority{background:#ffc107;color:#333}.priority-low .alarm-priority{background:#20c997;color:#fff}.alarm-actions{display:flex;flex-direction:column;gap:6px}.alarm-snooze-btn,.alarm-dismiss-btn{border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.alarm-snooze-btn{background:#007bff;color:#fff}.alarm-snooze-btn:hover{background:#0056b3}.alarm-dismiss-btn{background:#dc3545;color:#fff}.alarm-dismiss-btn:hover{background:#c82333}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #0000004d}50%{box-shadow:0 8px 32px #ff000080}}@keyframes ring{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hr-documents-page{padding:24px;background:#f8fafc;min-height:100vh}.hr-documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.hr-documents-title h1{margin:0 0 8px;color:#1e293b;font-size:28px;font-weight:700}.hr-documents-title p{margin:0;color:#6b7280;font-size:14px}.hr-documents-actions{display:flex;gap:12px;align-items:center}.library-btn,.dashboard-btn,.bulk-add-btn,.upload-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.library-btn,.dashboard-btn{background:#3b82f6;color:#fff}.library-btn:hover:not(:disabled){background:#7691cc}.dashboard-btn:hover{background:#7390cc}.bulk-add-btn{background:#f59e0b;color:#fff}.bulk-add-btn:hover:not(:disabled){background:#d97706}.upload-btn{background:#10b981;color:#fff}.upload-btn:hover:not(:disabled){background:#059669}.library-btn:disabled,.bulk-add-btn:disabled,.upload-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.employee-selection{margin-bottom:24px}.employee-selector{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:16px}.employee-selector label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.employee-dropdown{width:100%;max-width:400px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151}.employee-dropdown:focus{outline:none;border-color:#1ba39c;box-shadow:0 0 0 3px #1ba39c1a}.selected-employee-info{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.employee-card{display:flex;align-items:center;padding:20px;gap:16px}.employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1ba39c,#16a085);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.employee-details{flex:1}.employee-details h3{margin:0 0 4px;color:#1e293b;font-size:18px;font-weight:600}.employee-details p{margin:0 0 8px;color:#6b7280;font-size:14px}.employee-department{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#374151}.employee-stats{display:flex;gap:24px}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#1ba39c;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.documents-filters{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;gap:16px;flex-wrap:wrap}.search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:#1ba39c;box-shadow:0 0 0 3px #1ba39c1a}.filter-controls{display:flex;gap:12px}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:150px}.documents-summary{font-size:14px;color:#6b7280;font-weight:500}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:24px}.no-documents{grid-column:1 / -1;text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.no-documents p{margin:0;color:#6b7280;font-size:14px}.document-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;border-left:4px solid #1ba39c;transition:all .2s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.document-card.deactivated{opacity:.6;background:#f9fafb}.document-card.hr{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.document-card.library{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.document-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.document-type{display:flex;align-items:center;gap:8px}.file-icon{font-size:20px}.file-extension{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#6b7280}.document-meta{display:flex;gap:6px;align-items:center}.source-badge,.status-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.source-badge.hr{background:#f59e0b;color:#fff}.source-badge.library{background:#3b82f6;color:#fff}.source-badge.employee{background:#10b981;color:#fff}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.deactivated{background:#fee2e2;color:#991b1b}.document-card-content{margin-bottom:16px}.document-name{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600;line-height:1.2}.document-description{margin:0 0 12px;color:#6b7280;font-size:13px;line-height:1.4}.document-details{display:grid;gap:4px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#374151;font-weight:600;text-align:right}.document-card-actions{display:flex;gap:6px;padding-top:12px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.action-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;background:#f3f4f6;color:#6b7280;flex:1;min-width:32px;text-align:center}.action-btn:hover:not(:disabled){transform:translateY(-1px)}.view-btn:hover{background:#3b82f6;color:#fff}.download-btn:hover{background:#10b981;color:#fff}.edit-btn:hover{background:#f59e0b;color:#fff}.deactivate-btn:hover:not(:disabled){background:#ef4444;color:#fff}.remove-btn:hover{background:#7c2d12;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}.modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .4s ease}.bulk-modal{max-width:500px}.library-modal{max-width:900px;width:95%;max-height:85vh}.document-detail-modal{max-width:700px}.edit-modal{max-width:500px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#1e293b;font-size:18px;font-weight:700}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-content{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.upload-section{margin-bottom:24px}.upload-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.category-option{display:flex;align-items:center}.category-option input[type=radio]{display:none}.category-option label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;width:100%}.category-option input:checked+label{background:#f0fdfa;border-color:#1ba39c;color:#065f46}.category-icon{font-size:14px}.file-upload-section{margin-top:24px}.file-drop-zone,.bulk-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#f9fafb}.file-drop-zone:hover,.bulk-upload-area:hover{border-color:#1ba39c;background:#f0fdfa}.drop-zone-icon,.bulk-upload-icon{font-size:48px;margin-bottom:16px;opacity:.5}.file-drop-zone h4,.bulk-upload-area h4{margin:0 0 8px;color:#374151;font-size:16px;font-weight:600}.file-drop-zone p,.bulk-upload-area p{margin:0;color:#6b7280;font-size:14px}.library-content{display:grid;gap:24px}.library-category{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.library-category h4{margin:0;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:16px;font-weight:600}.library-documents{display:grid;gap:10px}.library-document-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;cursor:pointer}.library-document-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.library-doc-info{flex:1;min-width:0}.library-doc-info h5{margin:0 0 4px;color:#1e293b;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-doc-info p{margin:0;color:#6b7280;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-document-actions{display:flex;gap:6px;flex-shrink:0}.add-library-btn,.bulk-send-btn{background:#059669;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:background .2s ease;white-space:nowrap}.add-library-btn:hover{background:#047857}.bulk-send-btn{background:#f59e0b}.bulk-send-btn:hover{background:#d97706}.library-modal-header-actions{display:flex;gap:8px;margin-left:auto;margin-right:12px}.bulk-send-all-btn,.select-all-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{background:#2563eb}.bulk-send-all-btn{background:#f59e0b;color:#fff}.bulk-send-all-btn:hover{background:#d97706}.library-document-checkbox{margin-right:12px;width:16px;height:16px;cursor:pointer}.document-card{cursor:pointer;position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;inset:0;background:transparent;transition:all .2s ease;pointer-events:none;z-index:1}.document-card:hover:before{background:#3b82f60d}.document-card-actions{position:relative;z-index:2}@media (max-width: 1024px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.employee-card{flex-direction:column;text-align:center}.employee-stats{justify-content:center}}@media (max-width: 768px){.hr-documents-page{padding:16px}.hr-documents-header{flex-direction:column;gap:16px;align-items:stretch}.hr-documents-actions{justify-content:center}.documents-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-controls{justify-content:space-between}.documents-grid,.category-grid,.detail-grid{grid-template-columns:1fr}.modal{width:95%;margin:20px}}@media (max-width: 480px){.document-card-actions{grid-template-columns:repeat(3,1fr)}.employee-dropdown{max-width:100%}.modal-footer{flex-direction:column}.btn-download,.btn-edit,.btn-close,.btn-cancel,.btn-save{width:100%}}.document-library-page{padding:24px;background:#f8fafc;min-height:calc(100vh - 200px)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.library-title{display:flex;align-items:center;gap:16px}.back-btn{padding:8px 16px;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease}.back-btn:hover{background:#4b5563}.library-title h1{margin:0 0 4px;color:#1e293b;font-size:28px;font-weight:700}.library-title p{margin:0;color:#6b7280;font-size:16px}.library-actions{display:flex;gap:12px}.select-all-btn,.bulk-send-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.select-all-btn{background:#3b82f6;color:#fff}.select-all-btn:hover:not(:disabled){background:#2563eb}.bulk-send-btn{background:#f59e0b;color:#fff}.bulk-send-btn:hover:not(:disabled){background:#d97706}.select-all-btn:disabled,.bulk-send-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.library-controls{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.employee-selector-inline{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.employee-selector-inline label{font-weight:600;color:#374151;white-space:nowrap}.employee-dropdown-inline{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:250px}.selected-employee-badge{background:#e0e7ff;color:#3730a3;padding:4px 12px;border-radius:20px;font-size:13px}.library-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.search-input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.category-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:180px}.library-content{display:flex;flex-direction:column;gap:32px}.library-category{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.library-category-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.library-category-header h2{margin:0;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700}.category-icon{font-size:24px}.document-count{font-size:14px;color:#6b7280;font-weight:500;margin-left:auto}.library-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.library-document-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;background:#fff}.library-document-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.library-document-card.selected{border-color:#059669;background:#f0fdf4;box-shadow:0 4px 12px #05966933}.document-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.document-card-header input[type=checkbox]{width:18px;height:18px;cursor:pointer}.file-extension{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#6b7280}.document-card-content h4{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:600;line-height:1.3}.document-card-content p{margin:0 0 8px;color:#6b7280;font-size:13px;line-height:1.4}.document-type{font-size:11px;color:#9ca3af;font-weight:500}.document-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.add-single-btn,.select-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.add-single-btn{background:#059669;color:#fff}.add-single-btn:hover:not(:disabled){background:#047857}.add-single-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.add-single-btn:disabled:hover{background:#e5e7eb;transform:none}.select-btn{background:#f3f4f6;color:#374151}.select-btn:hover{background:#e5e7eb}.select-btn.selected{background:#059669;color:#fff}.selection-summary{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.summary-content{display:flex;align-items:center;gap:16px}.summary-actions{display:flex;gap:8px}.clear-selection-btn,.bulk-send-summary-btn{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-selection-btn{background:#6b7280;color:#fff}.clear-selection-btn:hover{background:#4b5563}.bulk-send-summary-btn{background:#f59e0b;color:#fff}.bulk-send-summary-btn:hover:not(:disabled){background:#d97706}.bulk-send-summary-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.no-documents{text-align:center;padding:80px 20px;color:#6b7280}.no-documents-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-documents h3{margin:0 0 8px;color:#374151;font-size:20px}.no-documents p{margin:0;font-size:16px}.no-employee-selected{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:20px;font-size:13px;font-style:italic}.browse-mode-notice{margin:8px 0 0;font-size:14px;color:#6b7280;font-style:italic;background:#f3f4f6;padding:8px 12px;border-radius:6px;display:inline-block}.upload-template-btn{padding:10px 16px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.upload-template-btn:hover{background:#6d28d9;transform:translateY(-1px)}.detail-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s ease}.detail-btn:hover{background:#f3f4f6;color:#374151}.document-detail-modal{max-width:700px;max-height:85vh}.document-detail-content{display:grid;gap:24px}.detail-section{background:#f8fafc;padding:20px;border-radius:8px;border-left:4px solid #3b82f6;width:100%}.detail-section h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.detail-item span{font-size:14px;color:#1e293b;font-weight:500;background:#fff;padding:8px 12px;border-radius:4px;border:1px solid #e5e7eb;word-wrap:break-word}.detail-item p{margin:0;color:#374151;line-height:1.6;background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb;word-wrap:break-word}.document-detail-modal-large{max-width:1400px;width:95%;max-height:90vh;display:flex;flex-direction:column}.modal-body-wrapper{flex:1;overflow:scroll;min-height:0}.modal-content-split{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%;min-height:500px;max-height:calc(90vh - 140px)}.modal-left-panel{padding:20px;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fafbfc;display:flex;flex-direction:column;gap:20px}.modal-left-panel::-webkit-scrollbar{width:6px}.modal-left-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-left-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-left-panel::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.modal-right-panel{display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden}.preview-header{padding:20px 20px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.preview-header h4{margin:0;color:#1e293b;font-size:18px;font-weight:600}.upload-preview-btn{padding:8px 16px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.upload-preview-btn:hover{background:#6d28d9}.preview-content-full{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.document-preview-full,.template-preview-full{width:100%;max-width:500px;text-align:center;display:flex;flex-direction:column;gap:24px}.preview-icon-large,.template-icon-large{font-size:120px;opacity:.6;color:#3b82f6;margin-bottom:16px}.document-preview-full h3,.template-preview-full h3{margin:0;color:#1e293b;font-size:24px;font-weight:700}.document-title,.template-title{background:#f3f4f6;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;color:#374151;word-wrap:break-word;border:2px solid #e5e7eb}.document-metadata,.template-metadata{display:flex;flex-direction:column;gap:12px;background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.metadata-item:last-child{border-bottom:none}.metadata-label{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.metadata-value{font-size:14px;color:#1e293b;font-weight:500}.template-description{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e5e7eb;text-align:left}.template-description h5{margin:0 0 12px;color:#1e293b;font-size:16px;font-weight:600}.template-description p{margin:0;color:#374151;line-height:1.6;font-size:14px}.preview-actions-full{display:flex;flex-direction:column;gap:12px;margin-top:8px}.action-btn-large{padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn-large.full-preview-btn,.action-btn-large.preview-template-btn{background:#3b82f6;color:#fff}.action-btn-large.full-preview-btn:hover,.action-btn-large.preview-template-btn:hover{background:#2563eb;transform:translateY(-1px)}.action-btn-large.download-btn,.action-btn-large.download-template-btn{background:#059669;color:#fff}.action-btn-large.download-btn:hover,.action-btn-large.download-template-btn:hover{background:#047857;transform:translateY(-1px)}.action-btn-large.edit-preview-btn,.action-btn-large.edit-template-btn{background:#f59e0b;color:#fff}.action-btn-large.edit-preview-btn:hover,.action-btn-large.edit-template-btn:hover{background:#d97706;transform:translateY(-1px)}.modal-left-panel .detail-section{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6;flex-shrink:0}.modal-left-panel .detail-section h4{margin:0 0 16px;color:#1e293b;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.detail-item span{font-size:14px;color:#1e293b;font-weight:500;background:#f8fafc;padding:8px 12px;border-radius:4px;border:1px solid #e5e7eb;word-wrap:break-word}.detail-item p{margin:0;color:#374151;line-height:1.6;background:#f8fafc;padding:12px;border-radius:6px;border:1px solid #e5e7eb;word-wrap:break-word}.comments-section{background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;padding:16px}.comments-list{max-height:200px;overflow-y:auto;margin-bottom:16px}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.comment-item{padding:12px;background:#fff;border-radius:6px;margin-bottom:8px;border-left:3px solid #3b82f6;box-shadow:0 1px 2px #0000000d}.comment-item:last-child{margin-bottom:0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-header strong{color:#1e293b;font-size:13px}.comment-date{font-size:11px;color:#6b7280}.comment-item p{margin:0;color:#374151;font-size:13px;line-height:1.5;background:none;padding:0;border:none}.no-comments{text-align:center;color:#6b7280;font-style:italic;padding:20px;margin-bottom:16px;background:#f8fafc;border-radius:6px;border:2px dashed #e5e7eb}.add-comment{border-top:1px solid #e5e7eb;padding-top:16px}.comment-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;resize:vertical;margin-bottom:10px;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box;min-height:60px;max-height:100px}.comment-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-comment-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-comment-btn:hover:not(:disabled){background:#2563eb}.add-comment-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 1200px){.document-detail-modal-large{width:98%}.modal-content-split{grid-template-columns:1fr;min-height:500px;max-height:calc(90vh - 120px)}.modal-right-panel{border-right:none;border-top:1px solid #e5e7eb}.modal-left-panel{border-right:none;max-height:300px}.preview-content-full{padding:20px}.preview-icon-large,.template-icon-large{font-size:80px}.preview-actions-full{flex-direction:row;flex-wrap:wrap;gap:8px}.action-btn-large{flex:1;min-width:120px}}@media (max-width: 768px){.document-detail-modal-large{width:95%;max-height:95vh}.modal-content-split{max-height:calc(95vh - 100px)}.modal-left-panel{padding:16px;max-height:400px}.preview-content-full{padding:16px}.document-title,.template-title{font-size:14px;padding:10px 16px}.preview-icon-large,.template-icon-large{font-size:60px}.action-btn-large{padding:12px 16px;font-size:14px}.preview-actions-full{flex-direction:column}.comments-list{max-height:150px}}@media (max-width: 480px){.modal-left-panel{padding:12px}.modal-left-panel .detail-section{padding:16px}.comments-section{padding:12px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a2b3a,#0e5a6b);color:#0f172a}.app-shell{display:flex;min-height:100vh}.side-nav{width:220px;background:#020617;color:#e5e7eb;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.side-nav-logo{font-weight:800;font-size:1.4rem;letter-spacing:.08em;margin-bottom:1rem}.side-nav-item{border:none;background:transparent;color:#cbd5f5;text-align:left;padding:.6rem .75rem;border-radius:999px;cursor:pointer;font-size:.95rem}.side-nav-item:hover{background:#0f172acc}.side-nav-item.active{background:#22d3ee;color:#0f172a;font-weight:600}.app-main{flex:1;padding:1.5rem 2rem;background:radial-gradient(circle at top left,#0891b2 0,transparent 50%),radial-gradient(circle at bottom right,#0ea5e9 0,transparent 55%),#e5f3fb;overflow-y:auto}.top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.top-nav-title{font-size:1.25rem;font-weight:700}.top-nav-actions{display:flex;gap:.75rem}.btn-primary,.btn-outline{border-radius:999px;padding:.45rem 1rem;font-size:.85rem;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#06b6d4,#22c55e);color:#fff}.btn-outline{background:transparent;border-color:#0f172a33;color:#0f172a}.page{background:#ffffffe6;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 40px #0f172a2e}.page-header h1{margin:0;font-size:1.5rem}.page-header p{margin-top:.25rem;color:#64748b}.metrics-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:1rem;padding:.9rem 1rem;box-shadow:0 10px 20px #0f172a14}.metric-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.metric-value{font-size:1.6rem;font-weight:700;margin-top:.2rem}.metric-subtitle{font-size:.75rem;margin-top:.25rem;color:#6b7280}.section{margin-top:1.75rem}.section-header h2,.section-header h3{margin:0}.section-header p{margin-top:.25rem;color:#6b7280;font-size:.85rem}.data-table{margin-top:.75rem;border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0}.data-table table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th,.data-table td{padding:.6rem .75rem}.data-table thead{background:#0f172a;color:#e5e7eb}.data-table tbody tr:nth-child(2n){background:#f8fafc}.data-table tbody tr:hover{background:#e0f2fe}.chip{border-radius:999px;border:1px solid rgba(15,23,42,.15);background:#fff;padding:.35rem .8rem;font-size:.8rem;cursor:pointer;margin-right:.5rem;margin-top:.5rem}.chip.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.clinic-selector{margin-top:1rem}.patient-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr);gap:1.5rem;margin-top:1rem}.patient-list{min-width:0}.patient-selector{margin-top:.5rem}.patient-detail{min-width:0}.patient-detail-header h2{margin:0}.patient-detail-header p{margin-top:.25rem;color:#6b7280;font-size:.85rem}.pill-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.4rem .75rem;border-radius:999px;background:#e5f3fb;font-size:.8rem}.pill-muted{background:#f3f4f6;color:#6b7280}.pill-alert{background:#fee2e2;color:#b91c1c}body{margin:0;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}:root{--teal:#0ea5a5;--coral:#f97366;--bg:#f6fbfb}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#ffe0b2,#67e8f9);font-family:system-ui,Segoe UI,Arial}.card{background:#fff;border-radius:16px;box-shadow:0 8px 22px #00000014;padding:16px}.btn{background:var(--coral);border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}.btn.alt{background:var(--teal)}.input,select{padding:10px;border:1px solid #ddd;border-radius:10px}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.th,.td{padding:10px;background:#fff}.badge{padding:4px 10px;border-radius:999px;background:#e5f6f6;color:#066;display:inline-block}.nav{display:flex;gap:12px;padding:12px}.nav a{color:#044;text-decoration:none;font-weight:600}.header{padding:18px 22px;font-size:24px;font-weight:800;color:#044}.layout{max-width:1100px;margin:30px auto;padding:0 16px}