.pho-page{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% -10%,rgba(255,255,255,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.12),transparent 60%),#2E6B3E;color:#fff;min-height:100vh;margin:0;padding:0 0 80px;position:relative;overflow-x:hidden}.pho-page *{box-sizing:border-box}.pho-page .header-banner{position:relative;min-height:280px;background:linear-gradient(125deg,#2E6B3E 0%,#3A7A4A 40%,rgba(46,107,62,.95) 65%,rgba(46,107,62,.9) 100%);border-top:none;border-bottom:none;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:38px 70px;gap:32px;box-shadow:0 15px 30px #0000004d;width:100%}.pho-page .login-action{position:absolute;top:24px;right:32px;z-index:6;display:flex;align-items:center;gap:12px}.pho-page .header-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 55%);mix-blend-mode:screen;pointer-events:none;z-index:1}.pho-page .header-banner:after{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(90deg,#2E6B3E 0%,rgba(46,107,62,.95) 20%,rgba(46,107,62,.6) 50%,rgba(46,107,62,.2) 80%,transparent 100%),url(/Ultradetailed_4k_photo_202511171633.jpeg) center / cover no-repeat;opacity:1;filter:saturate(1.05) brightness(1)}.pho-page .overlay-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(8,32,15,.75) 0%,rgba(25,70,36,.35) 55%,rgba(46,107,62,0) 100%);mix-blend-mode:multiply;pointer-events:none;z-index:2}.pho-page .header-left{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.pho-page .logo-container{position:absolute;left:70px;top:50%;transform:translateY(-50%);z-index:5}.pho-page .text-container{position:absolute;left:39.9%;top:50%;transform:translate(-50%,-50%);z-index:5;max-width:calc(100% - 200px)}.pho-page .logo-emblem{width:220px;max-width:25vw;display:flex;align-items:center;justify-content:center}.pho-page .logo-emblem img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.pho-page .header-text-visible{display:flex;flex-direction:column;gap:25px;text-align:center;justify-content:center;align-items:center}.pho-page .logo{width:72px;height:72px;position:relative;flex-shrink:0}.pho-page .logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);box-shadow:0 0 0 3px #ffd70066,0 4px 15px #0006,inset 0 2px 4px #fff6}.pho-page .logo:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.9) 0%,transparent 30%),radial-gradient(circle at 70% 70%,rgba(255,215,0,.9) 0%,transparent 30%),repeating-conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,255,255,.25) 8deg 12deg)}.pho-page .logo-inner{position:absolute;width:36px;height:36px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d41b2d,#a0101f);box-shadow:0 2px 6px #00000080}.pho-page .logo-inner:before{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pho-page .header-text .org-name{font-size:52px;letter-spacing:2px;color:#f4f4f4;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:500}.pho-page .header-text .dept-name{font-size:52px;font-weight:700;letter-spacing:8.5px;color:#fefefe;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 10px rgba(76,140,87,.3);line-height:1.25}.pho-page .header-text .slogan{font-size:25px;font-style:italic;color:#fffffff2;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.4);margin-top:4px}.pho-page .main-container{min-height:calc(100vh - 120px);padding:60px 40px 80px;display:flex;flex-direction:column;align-items:center;position:relative}.pho-page .ai-staff-button{background:linear-gradient(135deg,#2E6B3E 0%,#4C8C57 100%);color:#fff;padding:15px 40px;border:none;border-radius:30px;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;margin-bottom:40px;text-transform:uppercase;letter-spacing:1px}.pho-page .ai-staff-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;background:linear-gradient(135deg,#4C8C57 0%,#5A9A65 100%)}.pho-page .main-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:30px;text-shadow:3px 3px 6px rgba(0,0,0,.5);letter-spacing:2px}.pho-page .description{font-size:20px;text-align:center;margin-bottom:60px;max-width:800px;line-height:1.6;opacity:.95}.pho-page .bottom-section{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1000px;gap:80px;margin:0 auto}.pho-page .qr-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:0 0 auto;width:280px;height:350px}.pho-page .qr-container{background:white;padding:25px;border-radius:20px;box-shadow:0 8px 25px #0006;position:relative;margin-bottom:0;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.pho-page .qr-container:before,.pho-page .qr-container:after{content:"";position:absolute;width:30px;height:30px;border:3px solid #2E6B3E}.pho-page .qr-container:before{top:10px;left:10px;border-right:none;border-bottom:none}.pho-page .qr-container:after{bottom:10px;right:10px;border-left:none;border-top:none}.pho-page .qr-code{width:200px;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:8px}.pho-page .qr-code:before{content:"QR CODE";color:#999;font-size:14px;font-weight:700}.pho-page .qr-label{font-size:15px;font-weight:600;text-align:center;margin-top:0;color:#fff;flex-shrink:0}.pho-page .officer-section{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:300px}.pho-page .officer-image{width:280px;height:350px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:block}@media (max-width: 968px){.pho-page .header-banner{flex-direction:column;gap:20px;text-align:center;padding:24px;min-height:unset;align-items:center;justify-content:center}.pho-page .text-container{position:static;transform:none;width:100%;display:flex;justify-content:center;padding-top:12px}.pho-page .logo-container{position:static;transform:none;margin:0 auto}.pho-page .logo-emblem{width:160px}.pho-page .header-text-visible{gap:8px;width:100%;max-width:560px}.pho-page .header-text .org-name{font-size:32px;letter-spacing:.8px;line-height:1.2}.pho-page .header-text .dept-name{font-size:32px;letter-spacing:2px;line-height:1.15}.pho-page .header-text .slogan{font-size:17px;letter-spacing:.8px;line-height:1.2}.pho-page .main-title{font-size:36px}.pho-page .description{font-size:18px}.pho-page .bottom-section{flex-direction:column;gap:40px}}@media (max-width: 1400px){.pho-page .header-banner{flex-direction:column;align-items:center;justify-content:center;padding:36px 48px 60px;gap:18px}.pho-page .logo-container{position:static;transform:none;margin:0 auto}.pho-page .text-container{position:static;transform:none;width:100%;max-width:520px;display:flex;justify-content:center;text-align:center}.pho-page .logo-emblem{width:170px}.pho-page .header-text .org-name{font-size:40px;letter-spacing:1px}.pho-page .header-text .dept-name{font-size:38px;letter-spacing:2px;line-height:1.2}.pho-page .header-text .slogan{font-size:18px;letter-spacing:.8px}}@media (max-width: 600px){.pho-page .header-banner{padding:18px 12px 30px}.pho-page .logo-emblem{width:120px}.pho-page .header-text .org-name{font-size:26px;line-height:1.15}.pho-page .header-text .dept-name{font-size:22px;letter-spacing:1px;line-height:1.1}.pho-page .header-text .slogan{font-size:14px;letter-spacing:.5px}.pho-page .main-title{font-size:26px}.pho-page .description{font-size:15px;line-height:1.4}.pho-page .bottom-section{gap:20px}.pho-page .qr-section{width:200px;height:auto}.pho-page .qr-container{width:185px;height:185px;padding:16px}.pho-page .qr-code{width:140px;height:140px}.pho-page .officer-section{width:200px}.pho-page .officer-image{width:185px;height:240px}}:root{--color-primary:#2E6B3E;--color-primary-light:#3D8A52;--color-primary-dark:#1E522D;--color-accent:#FFD700;--color-bg:#F2F6F2;--color-surface:#FFFFFF;--color-border:#D5E2D0;--color-text:#123B3F;--color-muted:#5A7262;--focus:#FFE066;--radius:12px}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{max-width:1200px;margin:0 auto;padding:16px}.hero{padding:64px 16px;background:linear-gradient(180deg,#e3f0e4 0%,#f0f6f0 50%,#fff 100%);border-bottom:1px solid var(--color-border);text-align:center}.hero h1{font-size:48px;font-weight:700;margin:24px 0;color:var(--color-text);line-height:1.2}.pill{display:inline-block;border:1px solid var(--color-primary);border-radius:999px;padding:8px 16px;color:var(--color-primary);font-weight:600;font-size:14px;background:rgba(46,107,62,.12)}.grid{display:grid;gap:20px}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 8px #123b3f0f;display:block}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #123b3f1f;border-color:var(--color-primary)}.card h3{font-size:20px;font-weight:600;margin:16px 0 8px;color:var(--color-text)}.card p{font-size:14px;color:var(--color-muted);line-height:1.6;margin:0}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px}.card-primary .card-icon,.card-green .card-icon,.card-blue .card-icon,.card-purple .card-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.card-accent .card-icon{background:linear-gradient(135deg,var(--color-accent) 0%,#ffed80 100%);color:#654b00}.btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.search{display:flex;gap:12px;background:#fff;border:2px solid rgba(46,107,62,.2);border-radius:999px;padding:8px;max-width:700px;margin:32px auto;box-shadow:0 4px 12px #123b3f14}.search input{flex:1;border:none;outline:none;padding:10px 12px;background:transparent;color:var(--color-text)}.nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #123b3f0f}.legacy-highlight{margin:40px auto 0;padding:32px;border-radius:24px;background:linear-gradient(135deg,rgba(46,107,62,.08) 0%,rgba(46,107,62,.02) 100%);border:1px solid rgba(46,107,62,.15);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.legacy-highlight-text{flex:2;min-width:260px;text-align:left}.legacy-highlight-text p{margin:0 0 12px;color:var(--color-text);font-size:16px;line-height:1.6}.legacy-highlight-text ul{margin:0;padding-left:18px;color:var(--color-text);list-style:none}.legacy-highlight-text li{font-size:15px;line-height:1.5;margin-bottom:6px}.legacy-badges{display:flex;flex-wrap:wrap;gap:12px;flex:1;min-width:220px;justify-content:flex-start}.legacy-badge{background:rgba(46,107,62,.12);color:#2e6b3e;font-weight:600;padding:10px 18px;border-radius:999px;font-size:13px;border:1px solid rgba(46,107,62,.25)}.legacy-chat-card{max-width:520px;box-shadow:0 18px 40px #123b3f1f}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #2e6b3e66}50%{opacity:.8;box-shadow:0 0 0 4px #2e6b3e00}}.ant-card{transition:all .2s ease;border:1px solid #d9d9d9;box-shadow:0 1px 2px #00000008;background:#ffffff}.ant-card:hover{box-shadow:0 2px 4px #00000014;border-color:#bfbfbf}.admin-badge-success{background-color:#52c41a;color:#fff}.admin-badge-warning{background-color:#faad14;color:#fff}.admin-badge-error{background-color:#ff4d4f;color:#fff}.admin-badge-info{background-color:#1890ff;color:#fff}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.admin-card-icon{font-size:24px}@media (max-width: 768px){.ant-col{margin-bottom:16px}}.admin-skeleton{padding:24px}.admin-skeleton .ant-skeleton-title{margin-bottom:16px}.admin-skeleton .ant-skeleton-paragraph{margin-bottom:12px}.admin-dashboard-card{margin-bottom:24px}.ant-list-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.ant-list-item:last-child{border-bottom:none}.ant-tag{cursor:pointer;transition:all .2s ease}.ant-tag:hover{opacity:.8}.ant-card-head-extra .ant-space{flex-wrap:wrap}@media (max-width: 576px){.ant-card-head-extra{margin-top:8px}.ant-card-head-extra .ant-space{width:100%;justify-content:flex-start}}.ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 20px}.ant-card-head-title{font-size:16px;font-weight:600}.ant-table{font-size:13px}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#595959;border-bottom:2px solid #f0f0f0}.ant-table-tbody>tr>td{padding:12px 16px}.admin-empty-state{text-align:center;padding:60px 20px;color:#8c8c8c}.admin-empty-state-icon{font-size:64px;color:#d9d9d9;margin-bottom:16px}.ant-table{border:1px solid #e8e8e8}.ant-table-thead>tr>th{background:#fafafa;border-bottom:2px solid #e8e8e8;font-weight:600}.ant-table-tbody>tr{border-bottom:1px solid #f0f0f0}.admin-dashboard-section{margin-bottom:24px}.admin-dashboard-section-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #2E6B3E}.admin-sidebar-menu .ant-menu-item{border-radius:6px;margin:2px 0;height:40px;line-height:40px;padding:0 12px!important;display:flex;align-items:center;gap:12px}.admin-sidebar-menu .ant-menu-item-selected{background-color:#2e6b3e33!important;color:#262626!important}.admin-sidebar-menu .ant-menu-item:hover{background-color:#2e6b3e1a;color:#262626}.admin-sidebar-menu .ant-menu-item-danger{color:#262626}.admin-sidebar-menu .ant-menu-item-danger:hover{background-color:#2e6b3e1a;color:#262626}.admin-sidebar-menu .ant-menu-item-icon{font-size:20px}.admin-sidebar-menu .ant-menu-title-content{font-size:14px;font-weight:500}.admin-sidebar-bottom-menu .ant-menu-item{margin:1px 0}.admin-sidebar-bottom-menu .ant-menu-item-danger{color:#ff4d4f!important}.admin-sidebar-bottom-menu .ant-menu-item-danger:hover{color:#ff4d4f!important;background-color:#ff4d4f1a!important}.admin-sidebar-bottom-menu .ant-menu-item-danger .ant-menu-title-content,.admin-sidebar-bottom-menu .ant-menu-item-danger .ant-menu-item-icon{color:#ff4d4f!important}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#262626;border-bottom:2px solid #e8e8e8;padding:12px 16px}.ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0}.ant-table-tbody>tr:hover>td{background:#f5f5f5}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-charts-grid>div:first-child{grid-column:span 1!important}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1}