@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&display=swap);:root{--green:#133f27;--green-hover:#1b5e38;--gold:#c9963b;--beige:#e0d5c0;--cream:#f9f5ee;--body:#444;--muted:#666;--white:#fff;--red:#c0392b;--shadow:0 2px 16px #133f2714;--shadow-lg:0 8px 40px #133f2724;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f9f5ee;background:var(--cream);color:#444;color:var(--body);font-family:DM Sans,sans-serif}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:#133f27;background:var(--green);display:flex;flex-direction:column;flex-shrink:0;width:220px}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff14;color:#c9963b;color:var(--gold);display:flex;font-family:"DM Serif Display",serif;font-size:20px;gap:10px;padding:22px 20px 18px}.sidebar-nav{flex:1 1;padding:10px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#ffffff8c;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:11px 20px;transition:all .18s}.nav-item:hover{background:#ffffff0d;color:#ffffffd9}.nav-item.active{background:#ffffff14;border-left-color:#c9963b;border-left-color:var(--gold);color:#fff}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.sidebar-user{gap:10px;margin-bottom:10px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#c9963b;background:var(--gold);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600}.sidebar-user-role{color:#ffffff73;font-size:11px;margin-top:1px}.logout-btn{background:#0000;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;padding:8px;transition:all .18s;width:100%}.logout-btn:hover{background:#ffffff14;color:#fff}.mobile-bottom-nav{background:#133f27;background:var(--green);border-top:1px solid #ffffff1a;bottom:0;display:none;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}@media (max-width:768px){.sidebar{display:none!important}.mobile-bottom-nav{display:flex!important}.app-layout{flex-direction:column}.content{grid-template-columns:1fr!important;padding:12px 12px 80px!important}.right-col{display:none!important}.employee-grid{grid-template-columns:repeat(3,1fr)!important}.history-content,.waiting-screen{padding-bottom:80px!important}.main{padding-bottom:0}}@media (min-width:769px){.sidebar{display:flex!important}.mobile-bottom-nav{display:none!important}}.main{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.topbar{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e0d5c0;border-bottom:1px solid var(--beige);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 24px}.topbar-title{color:#133f27;color:var(--green);font-size:15px;font-weight:600}.topbar-right{gap:10px}.online-badge,.topbar-right{align-items:center;display:flex}.online-badge{background:#eaf4ee;border:1px solid #b8d9c5;border-radius:20px;color:#133f27;color:var(--green);font-size:11px;font-weight:600;gap:5px;padding:4px 12px}.pulse-dot{animation:pulse 1.8s infinite;background:#133f27;background:var(--green);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.content{grid-gap:20px;align-content:start;display:grid;gap:20px;grid-template-columns:1fr 300px}.content,.history-content{flex:1 1;min-height:0;overflow-y:auto;padding:22px}.panel{background:#fff;background:var(--white);border:1px solid #e0d5c0;border:1px solid var(--beige);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 16px #133f2714;box-shadow:var(--shadow);padding:20px}.panel+.panel{margin-top:18px}.panel-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.panel-bar{background:#c9963b;background:var(--gold);border-radius:2px;flex-shrink:0;height:14px;width:3px}.panel-title{color:#133f27;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.employee-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.emp-card{background:#f9f5ee;background:var(--cream);border:2px solid #e0d5c0;border:2px solid var(--beige);border-radius:10px;cursor:pointer;padding:13px 10px 11px;position:relative;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.emp-card:hover{background:#edf5f0;border-color:#133f27;border-color:var(--green);box-shadow:0 4px 14px #133f271a;transform:translateY(-2px)}.emp-card:active{transform:scale(.97)}.emp-card.state-ringing{animation:ring-card 1s infinite alternate;background:#fdf8f0;border-color:#c9963b;border-color:var(--gold)}.emp-card.state-ack{background:#edf5f0;border-color:#133f27;border-color:var(--green)}@keyframes ring-card{0%{box-shadow:0 0 0 2px #c9963b33}to{box-shadow:0 0 0 6px #c9963b0d}}.emp-status-dot{border-radius:50%;height:7px;position:absolute;right:8px;top:8px;width:7px}.emp-status-dot.online{background:#133f27;background:var(--green)}.emp-status-dot.away{background:#c9963b;background:var(--gold)}.emp-status-dot.offline{background:#ccc}.emp-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-family:"DM Serif Display",serif;font-size:14px;font-weight:700;height:38px;justify-content:center;margin:0 auto 8px;width:38px}.emp-name{color:#133f27;color:var(--green);font-size:11.5px;font-weight:600;line-height:1.3;margin-bottom:1px}.emp-dept{color:#666;color:var(--muted);font-size:10px;margin-bottom:7px}.emp-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:600;padding:3px 8px}.emp-badge.available{background:#eaf4ee;color:#133f27;color:var(--green)}.emp-badge.ringing{background:#fdf0d5;color:#c9963b;color:var(--gold)}.emp-badge.ack{background:#d5e8dc;color:#133f27;color:var(--green)}.right-col{gap:18px}.activity-list,.right-col{display:flex;flex-direction:column}.activity-list{gap:7px;max-height:220px;overflow-y:auto}.activity-item{align-items:flex-start;background:#f9f5ee;background:var(--cream);border:1px solid #e0d5c0;border:1px solid var(--beige);border-radius:8px;display:flex;gap:9px;padding:9px 10px}.act-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;font-size:12px;height:27px;justify-content:center;width:27px}.act-icon.sent{background:#dde8e2}.act-icon.ack{background:#d5e8dc}.act-text{color:#444;color:var(--body);font-size:11.5px;line-height:1.4}.act-text strong{color:#133f27;color:var(--green)}.act-time{color:#666;color:var(--muted);font-size:10px;font-style:italic;margin-top:2px}.stats-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr}.stat-box{background:#f9f5ee;background:var(--cream);border:1px solid #e0d5c0;border:1px solid var(--beige);border-radius:9px;padding:13px;text-align:center}.stat-num{font-family:"DM Serif Display",serif;font-size:22px;font-weight:700}.stat-label{color:#666;color:var(--muted);font-size:10px;font-style:italic;margin-top:2px}.history-table{border-collapse:collapse;font-size:12px;width:100%}.history-table th{border-bottom:1px solid #e0d5c0;border-bottom:1px solid var(--beige);color:#666;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.6px;padding:8px 10px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #f3efe8;padding:9px 10px}.history-table tr:last-child td{border-bottom:none}.badge{border-radius:20px;font-size:10px;font-weight:600;padding:2px 8px}.badge.acknowledged{background:#d5e8dc;color:#133f27;color:var(--green)}.badge.missed{background:#f5e0dd;color:#c0392b;color:var(--red)}.badge.ringing{background:#fdf0d5;color:#c9963b;color:var(--gold)}.login-page{align-items:center;background:#f9f5ee;background:var(--cream);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--white);border:1px solid #e0d5c0;border:1px solid var(--beige);border-radius:18px;box-shadow:0 8px 40px #133f2724;box-shadow:var(--shadow-lg);max-width:400px;padding:36px 32px;width:100%}.login-brand{margin-bottom:28px;text-align:center}.login-brand-name{align-items:center;color:#133f27;color:var(--green);display:flex;font-family:"DM Serif Display",serif;font-size:26px;gap:10px;justify-content:center}.login-brand-sub{color:#666;color:var(--muted);font-size:12px;font-style:italic;margin-top:4px}.incoming-overlay{align-items:center;animation:fadeIn .3s ease;background:#133f27eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-card{animation:slideUp .35s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--white);border-radius:24px;box-shadow:0 30px 80px #0000004d;padding:44px 36px;text-align:center;width:300px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.incoming-label{color:#c9963b;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;text-transform:uppercase}.incoming-avatar-wrap{margin:0 auto 18px;position:relative;width:90px}.incoming-avatar{align-items:center;background:#133f27;background:var(--green);border-radius:50%;color:#fff;display:flex;font-family:"DM Serif Display",serif;font-size:32px;font-weight:700;height:90px;justify-content:center;position:relative;width:90px;z-index:1}.ring-1,.ring-2{animation:ringOut 1.6s infinite;border:2px solid #133f27;border:2px solid var(--green);border-radius:50%;inset:0;position:absolute}.ring-2{animation-delay:.5s}@keyframes ringOut{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.incoming-name{color:#133f27;color:var(--green);font-family:"DM Serif Display",serif;font-size:24px;margin-bottom:5px}.incoming-sub{color:#666;color:var(--muted);font-size:13px;font-style:italic;margin-bottom:30px}.incoming-actions{display:flex;gap:24px;justify-content:center}.incoming-btn-wrap{align-items:center;display:flex;flex-direction:column;gap:7px}.incoming-btn{border:none;border-radius:50%;cursor:pointer;font-size:22px;height:58px;transition:transform .15s;width:58px}.incoming-btn:hover{transform:scale(1.1)}.incoming-btn.accept{background:#133f27;background:var(--green);color:#fff}.incoming-btn.decline{background:#c0392b;background:var(--red);color:#fff}.incoming-btn-label{color:#666;color:var(--muted);font-size:11px;font-weight:500}.waiting-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;min-height:0;overflow-y:auto;padding:40px 20px;text-align:center}.waiting-icon{font-size:52px;opacity:.4}.waiting-title{color:#133f27;color:var(--green);font-family:"DM Serif Display",serif;font-size:22px}.waiting-sub{line-height:1.6;max-width:280px}.history-empty,.waiting-sub{color:#666;color:var(--muted);font-size:13px;font-style:italic}.history-empty{padding:30px;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e0d5c0;background:var(--beige);border-radius:10px}.field-input{background:#f9f5ee;background:var(--cream);border:1.5px solid #e0d5c0;border:1.5px solid var(--beige);border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;color:#444;color:var(--body);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.field-input:focus{border-color:#133f27;border-color:var(--green)}.field-label{color:#666;color:var(--muted);display:block;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:5px;text-transform:uppercase}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;outline:none;padding:9px 16px;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:#133f27;background:var(--green);color:#fff}.btn-primary:hover{background:#1b5e38;background:var(--green-hover)}.btn-secondary{background:#f9f5ee;background:var(--cream);border-color:#e0d5c0;border-color:var(--beige);color:#444;color:var(--body)}.btn-secondary:hover{background:#f0ebe1}.btn-destructive{background:#0000;border-color:#f5c6c6;color:#c0392b;color:var(--red)}.btn-destructive:hover{background:#fdf0f0}.btn-ghost{background:#0000;border-color:#e0d5c0;border-color:var(--beige);color:#666;color:var(--muted)}.btn-ghost:hover{background:#f9f5ee;background:var(--cream);color:#444;color:var(--body)}
/*# sourceMappingURL=main.fb96747a.css.map*/