@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--pc-navy:#071a35;--pc-navy-2:#0b274b;--pc-red:#8e1120;--pc-red-2:#b51e30;--pc-gold:#e7b84e;--pc-gold-light:#ffe5a0;--pc-paper:#f5f7fb;--pc-line:#dce2eb;--pc-muted:#6c7889;--pc-ink:#132139;--pc-green:#1da368;--pc-shadow:0 20px 60px rgba(7,26,53,.16);--pc-sans:'Be Vietnam Pro',Arial,sans-serif;--pc-serif:'Libre Baskerville',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--pc-sans);color:var(--pc-ink);background:var(--pc-paper)}button,input{font:inherit}button{cursor:pointer}.pc03-body{min-height:100vh}.pc03-login-body{background:radial-gradient(circle at 12% 8%,rgba(231,184,78,.16),transparent 28%),var(--pc-navy)}
.pc03-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);max-width:1440px;margin:auto}.pc03-login-brand{position:relative;min-height:100vh;overflow:hidden;background:var(--pc-navy)}.pc03-login-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,53,.08),rgba(7,26,53,.25)),url('/assets/pc03-cover.png') center/cover no-repeat}.pc03-login-brand:after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(7,26,53,.88))}.pc03-login-brand-copy{position:absolute;z-index:1;left:clamp(28px,7vw,100px);bottom:60px;color:#fff}.pc03-login-brand-copy span{display:block;color:var(--pc-gold-light);font-size:11px;font-weight:800;letter-spacing:.16em}.pc03-login-brand-copy strong{display:block;margin-top:8px;font-family:var(--pc-serif);font-size:clamp(18px,2.2vw,31px);letter-spacing:.04em}.pc03-login-brand-copy b{display:block;margin-top:2px;color:var(--pc-gold);font-family:var(--pc-serif);font-size:clamp(45px,6vw,88px);line-height:.96}
.pc03-login-card{align-self:center;width:min(440px,calc(100% - 56px));margin:0 auto;padding:42px 46px;background:rgba(255,255,255,.98);border-radius:18px;box-shadow:var(--pc-shadow)}.pc03-back{display:inline-block;margin-bottom:32px;color:var(--pc-muted);font-size:11px;font-weight:700}.pc03-back:hover{color:var(--pc-red)}.pc03-seal-mini,.pc03-seal-small{display:grid;place-items:center;border:1px solid var(--pc-gold);border-radius:50%;background:radial-gradient(circle,#c7192e 0 43%,#941326 44%);color:var(--pc-gold-light);box-shadow:0 0 0 5px rgba(231,184,78,.12)}.pc03-seal-mini{width:48px;height:48px;font-size:21px}.pc03-login-card .pc03-kicker{margin-top:25px}.pc03-kicker{margin:0;color:var(--pc-red-2);font-size:10px;font-weight:800;letter-spacing:.14em}.pc03-login-card h1{margin:8px 0 9px;font-family:var(--pc-serif);font-size:28px;line-height:1.25}.pc03-login-lead{margin:0 0 25px;color:var(--pc-muted);font-size:12px;line-height:1.7}.pc03-form label{display:block;margin:15px 0 6px;color:var(--pc-ink);font-size:11px;font-weight:800}.pc03-form input{width:100%;border:1px solid var(--pc-line);border-radius:8px;background:#fbfcfe;padding:12px 13px;color:var(--pc-ink);outline:0;font-size:13px;transition:border .2s,box-shadow .2s}.pc03-form input:focus{border-color:var(--pc-red-2);box-shadow:0 0 0 4px rgba(181,30,48,.1)}.pc03-password-field{display:flex;gap:8px}.pc03-password-field input{min-width:0}.pc03-password-field button{border:0;background:transparent;color:var(--pc-red);font-size:11px;font-weight:800}.pc03-form-error{min-height:18px;margin:9px 0 0;color:#b51e30;font-size:11px}.pc03-primary-button,.pc03-secondary-button{border:0;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:800}.pc03-primary-button{width:100%;background:linear-gradient(135deg,var(--pc-red-2),var(--pc-red));color:#fff;box-shadow:0 9px 20px rgba(142,17,32,.18)}.pc03-primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.pc03-primary-button span{margin-left:8px;font-size:16px}.pc03-security-note{margin:23px 0 0;color:var(--pc-muted);font-size:10px;text-align:center}
.pc03-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--pc-navy);color:#fff;box-shadow:0 3px 16px rgba(7,26,53,.17)}.pc03-topbar-brand,.pc03-topbar-user,.pc03-sidebar-heading,.pc03-chat-header,.pc03-chat-actions,.pc03-topbar-brand>div,.pc03-citizen-avatar{display:flex;align-items:center}.pc03-topbar-brand{gap:11px}.pc03-seal-small{width:35px;height:35px;font-size:15px}.pc03-topbar-brand strong{display:block;font-family:var(--pc-serif);font-size:17px;color:var(--pc-gold-light)}.pc03-topbar-brand span{display:block;margin-top:2px;color:rgba(255,255,255,.58);font-size:8px;letter-spacing:.1em}.pc03-topbar-user{gap:11px;font-size:11px}.pc03-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43d58e;box-shadow:0 0 0 4px rgba(67,213,142,.14)}.pc03-role-pill{border:1px solid rgba(231,184,78,.55);border-radius:999px;padding:4px 8px;color:var(--pc-gold-light);font-size:9px;font-weight:800}.pc03-ghost-button{border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:7px 11px;background:transparent;color:#fff;font-size:10px}.pc03-ghost-button:hover{border-color:var(--pc-gold);color:var(--pc-gold-light)}.pc03-dashboard-shell{min-height:calc(100vh - 70px);display:grid;grid-template-columns:340px minmax(0,1fr)}.pc03-sidebar{overflow:auto;border-right:1px solid var(--pc-line);background:#fff}.pc03-sidebar-heading{justify-content:space-between;padding:27px 22px 20px}.pc03-sidebar-heading h1{margin:5px 0 0;font-family:var(--pc-serif);font-size:20px}.pc03-live-chip{display:flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#effaf4;color:var(--pc-green);font-size:9px;font-weight:800}.pc03-live-chip i{width:6px;height:6px;border-radius:50%;background:var(--pc-green)}.pc03-stat-row{display:grid;grid-template-columns:1fr 1fr;margin:0 22px 18px;border:1px solid var(--pc-line);border-radius:9px}.pc03-stat-row>div{padding:12px;border-right:1px solid var(--pc-line)}.pc03-stat-row>div:last-child{border:0}.pc03-stat-row strong{display:block;color:var(--pc-red);font-family:var(--pc-serif);font-size:22px}.pc03-stat-row span{display:block;margin-top:3px;color:var(--pc-muted);font-size:9px}.pc03-search{display:flex;align-items:center;gap:8px;margin:0 22px 16px;padding:8px 10px;border:1px solid var(--pc-line);border-radius:7px;color:var(--pc-muted)}.pc03-search input{width:100%;border:0;outline:0;color:var(--pc-ink);font-size:11px}.pc03-conversation-list{padding:0 10px}.pc03-conversation-item{display:flex;gap:10px;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--pc-ink)}.pc03-conversation-item:hover,.pc03-conversation-item.active{background:#f8ecee}.pc03-conversation-avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:50%;background:linear-gradient(135deg,#d3a943,#a8761e);color:#fff;font-size:11px;font-weight:800}.pc03-conversation-copy{min-width:0;flex:1}.pc03-conversation-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.pc03-conversation-copy small{display:block;margin-top:4px;overflow:hidden;color:var(--pc-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.pc03-conversation-time{color:var(--pc-muted);font-size:9px;white-space:nowrap}.pc03-empty-state,.pc03-workspace-empty{padding:45px 22px;color:var(--pc-muted);text-align:center;font-size:11px}.pc03-staff-panel{margin:22px;border-top:1px solid var(--pc-line);padding-top:18px}.pc03-panel-title{display:flex;align-items:center;justify-content:space-between}.pc03-panel-title h2{margin:0;font-family:var(--pc-serif);font-size:14px}.pc03-panel-title span{color:var(--pc-red);font-size:9px;font-weight:800}.pc03-staff-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--pc-line)}.pc03-staff-row img{width:29px;height:29px;border-radius:50%;object-fit:cover}.pc03-staff-row strong{display:block;font-size:10px}.pc03-staff-row small{display:block;color:var(--pc-muted);font-size:9px}.pc03-staff-row .pc03-staff-status{margin-left:auto;color:var(--pc-green);font-size:9px}.pc03-workspace{position:relative;min-width:0;background:#f7f9fc}.pc03-workspace-empty{position:absolute;inset:0;display:grid;place-content:center}.pc03-workspace-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border:1px solid var(--pc-gold);border-radius:50%;color:var(--pc-gold);font-size:27px}.pc03-workspace-empty h2{margin:0;font-family:var(--pc-serif);font-size:20px}.pc03-workspace-empty p{max-width:300px;line-height:1.7}.pc03-chat-workspace{height:calc(100vh - 70px);display:flex;flex-direction:column}.pc03-chat-header{flex:none;gap:12px;padding:18px 27px;border-bottom:1px solid var(--pc-line);background:#fff}.pc03-citizen-avatar{justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pc-navy);color:var(--pc-gold-light);font-size:12px;font-weight:800}.pc03-chat-identity{min-width:0}.pc03-chat-identity h2{margin:0;font-family:var(--pc-serif);font-size:16px}.pc03-chat-identity p{display:flex;align-items:center;gap:7px;margin:4px 0 0;color:var(--pc-muted);font-size:10px}.pc03-chat-actions{gap:7px;margin-left:auto}.pc03-icon-action{display:flex;align-items:center;gap:5px;border:1px solid var(--pc-line);border-radius:6px;padding:8px 9px;background:#fff;color:var(--pc-ink);font-size:14px}.pc03-icon-action span{font-size:9px;font-weight:700}.pc03-icon-action:hover{border-color:var(--pc-red-2);color:var(--pc-red)}.pc03-icon-action-primary{border-color:var(--pc-red-2);color:var(--pc-red)}.pc03-message-list{overflow:auto;flex:1;padding:24px 7%;background:linear-gradient(#f7f9fc,#f2f5f9)}.pc03-message-bubble{max-width:min(580px,80%);margin:0 0 13px;padding:10px 13px;border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(7,26,53,.06);font-size:12px;line-height:1.6}.pc03-message-bubble.mine{margin-left:auto;border-bottom-right-radius:3px;background:var(--pc-navy);color:#fff}.pc03-message-bubble.theirs{border-bottom-left-radius:3px}.pc03-message-bubble small{display:block;margin-top:5px;opacity:.6;font-size:9px}.pc03-typing{height:22px;padding:0 7%;color:var(--pc-muted);font-size:10px}.pc03-composer{display:flex;gap:9px;padding:14px 7%;border-top:1px solid var(--pc-line);background:#fff}.pc03-composer input{min-width:0;flex:1;border:1px solid var(--pc-line);border-radius:8px;padding:11px 13px;outline:0;font-size:12px}.pc03-composer input:focus{border-color:var(--pc-red-2);box-shadow:0 0 0 3px rgba(181,30,48,.1)}.pc03-composer button{width:42px;border:0;border-radius:8px;background:var(--pc-red);color:#fff;font-size:18px}.pc03-call-stage{flex:none;padding:14px 7% 0;background:var(--pc-navy)}.pc03-video-grid{position:relative;display:grid;place-items:center;min-height:220px;overflow:hidden;border-radius:10px;background:#020a16}.pc03-video-grid video{width:100%;height:100%;max-height:360px;object-fit:contain}.pc03-video-grid #localVideo{position:absolute;right:12px;bottom:12px;width:150px;height:100px;border:2px solid #fff;border-radius:7px;background:#071a35}.pc03-call-placeholder{position:absolute;text-align:center;color:rgba(255,255,255,.75);font-size:11px}.pc03-call-placeholder span{font-size:36px;color:var(--pc-gold)}.pc03-call-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:#fff;font-size:10px}.pc03-call-toolbar>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pc03-call-toolbar button{border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:6px 8px;background:transparent;color:#fff;font-size:9px}.pc03-call-toolbar button:hover{border-color:var(--pc-gold);color:var(--pc-gold-light)}.pc03-call-toolbar .pc03-danger-button{border-color:#f38a95;color:#ffd0d4}.pc03-incoming-call{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(3,14,31,.6);backdrop-filter:blur(5px)}.pc03-incoming-card{width:min(350px,calc(100% - 32px));padding:28px;border-radius:14px;background:#fff;text-align:center;box-shadow:var(--pc-shadow)}.pc03-ring-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:#fff1f1;color:var(--pc-red);font-size:25px;animation:pc-ring 1.2s ease infinite}.pc03-incoming-card h2{margin:7px 0;font-family:var(--pc-serif);font-size:20px}.pc03-incoming-card p:not(.pc03-kicker){margin:0 0 19px;color:var(--pc-muted);font-size:11px}.pc03-incoming-card>div:last-child{display:flex;gap:8px}.pc03-incoming-card button{flex:1}.pc03-secondary-button{background:#eef1f5;color:var(--pc-ink)}.pc03-toast{position:fixed;z-index:40;right:20px;bottom:20px;max-width:330px;padding:11px 15px;border-radius:8px;background:var(--pc-navy);color:#fff;font-size:11px;box-shadow:var(--pc-shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.pc03-toast.show{opacity:1;transform:translateY(0)}@keyframes pc-ring{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@media(max-width:820px){.pc03-login-shell{display:block}.pc03-login-brand{min-height:270px}.pc03-login-brand-copy{left:28px;bottom:25px}.pc03-login-card{position:relative;margin:-34px auto 30px;padding:31px 25px}.pc03-topbar{padding:0 16px}.pc03-topbar-user{gap:6px}.pc03-topbar-user .pc03-role-pill{display:none}.pc03-dashboard-shell{display:block;min-height:calc(100vh - 70px)}.pc03-sidebar{max-height:44vh;border-right:0;border-bottom:1px solid var(--pc-line)}.pc03-sidebar-heading{padding:18px 16px 13px}.pc03-stat-row{margin:0 16px 12px}.pc03-search{margin:0 16px 10px}.pc03-conversation-list{display:flex;overflow:auto;padding:0 8px 9px}.pc03-conversation-item{min-width:220px}.pc03-staff-panel{display:none}.pc03-chat-workspace{height:calc(100vh - 70px)}.pc03-workspace-empty{position:relative;min-height:300px}.pc03-chat-header{padding:13px 16px}.pc03-icon-action{padding:7px}.pc03-icon-action span{display:none}.pc03-message-list,.pc03-composer,.pc03-call-stage{padding-left:16px;padding-right:16px}.pc03-call-toolbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.pc03-staff-form{display:grid;gap:7px;margin:14px 0 18px;padding:12px;border:1px solid var(--pc-line);border-radius:8px;background:#fafbfd}.pc03-staff-form input{width:100%;border:1px solid var(--pc-line);border-radius:6px;padding:8px 9px;outline:0;background:#fff;color:var(--pc-ink);font-size:10px}.pc03-staff-form input:focus{border-color:var(--pc-red-2)}.pc03-staff-form>div{display:flex;gap:6px}.pc03-staff-form .pc03-primary-button,.pc03-staff-form .pc03-secondary-button{width:auto;flex:1;padding:8px 7px;font-size:10px}.pc03-staff-form .pc03-form-error{min-height:14px;margin:0}.pc03-staff-edit{margin-left:auto;border:1px solid var(--pc-line);border-radius:4px;padding:4px 6px;background:#fff;color:var(--pc-red);font-size:9px;font-weight:700}.pc03-staff-edit:hover{border-color:var(--pc-red)}

.pc03-recording-status{display:block;margin-top:8px;color:#d8e5f4;font-size:12px}.pc03-call-toolbar button:disabled{opacity:.55;cursor:not-allowed}.pc03-recording-consent{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(3,12,29,.72);backdrop-filter:blur(8px)}.pc03-recording-consent[hidden]{display:none}.pc03-recording-consent-card{width:min(440px,100%);padding:26px;border:1px solid rgba(213,168,72,.38);border-radius:18px;background:#0a2040;box-shadow:0 24px 80px rgba(0,0,0,.35);color:#f5f7fb}.pc03-recording-consent-card h2{margin:8px 0 10px;font-family:Georgia,serif}.pc03-recording-consent-card p:not(.pc03-kicker){color:#c6d2e3;line-height:1.55}.pc03-recording-consent-card>div{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.pc03-recording-history{flex:none;padding:10px 7%;border-top:1px solid var(--pc-line);background:#fff;font-size:10px;color:var(--pc-muted)}.pc03-recording-history>strong{display:block;margin-bottom:6px;color:var(--pc-red);font-size:9px;letter-spacing:.1em}.pc03-recording-history>div{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:5px 0}.pc03-recording-history audio{height:28px;max-width:230px}