.login-logos{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:12px;width:max-content;max-width:100%;margin-bottom:22px}.login-logos img{width:auto;height:58px;max-width:170px;object-fit:contain}.login-logos img:first-child{height:76px}.year-badge{display:inline-block;background:#e8f1ff;color:#0756b7;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permission-grid label{display:flex;gap:10px;align-items:center;border:1px solid #dbe6f2;border-radius:12px;padding:12px}.permission-grid input{width:20px;height:20px}.activity-action{font-weight:800;color:#0756b7}.wa-link{color:#087665;text-decoration:none;font-weight:800}@media(max-width:700px){.login-logos{gap:7px;padding:8px}.login-logos img{height:35px;max-width:100px}.login-logos img:first-child{height:50px}.permission-grid{grid-template-columns:1fr}}
.user-search{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:10px;align-items:center;margin:18px 0 22px}.search-box{position:relative}.search-box span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:24px;color:#66758b}.search-box input{width:100%;padding-left:44px}.user-search select,.user-search input,.user-search button{min-height:48px}.btn-reset{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;border:1px solid #d7e1ee;border-radius:12px;color:#35506f;text-decoration:none;font-weight:800}.result-count{background:#eef5ff;color:#1766c9;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.empty-result{text-align:center!important;padding:32px!important;color:#718096}.header-natuna{width:44px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.12));margin-left:auto}@media(max-width:700px){.user-search{grid-template-columns:1fr}.result-count{display:none}.header-natuna{width:34px;height:42px;margin-left:auto}.user-chip{margin-left:8px}}

.login-wa{display:block;width:100%;margin-top:12px;padding:12px 17px;border-radius:10px;background:#16a34a;color:#fff;text-align:center;text-decoration:none;font-weight:800;box-sizing:border-box}.login-wa:hover{filter:brightness(.95)}.form-panel .info-box{margin:0 0 12px}.file-drop small{display:block;margin-top:7px;color:#6c7890}
.upload-choice{display:flex;gap:10px;margin:0 0 14px}.upload-tab{border:1px solid #d7e1ee;background:#fff;color:#35506f;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.upload-tab.active{background:#1766c9;color:#fff;border-color:#1766c9}.media-tag{background:#fff3e8;color:#b45309}.doc-access-head,.doc-access-row{display:grid;grid-template-columns:1fr 90px 90px;gap:12px;align-items:center}.doc-access-head{padding:0 12px 8px;color:#718096;font-size:12px;font-weight:800;text-align:center}.doc-access-head span:first-child{text-align:left}.doc-access-row{border:1px solid #dbe6f2;border-radius:12px;padding:12px;margin-bottom:8px}.doc-access-row span{display:flex;flex-direction:column}.doc-access-row input{justify-self:center;width:20px;height:20px}@media(max-width:700px){.upload-choice{flex-direction:column}.doc-access-head,.doc-access-row{grid-template-columns:1fr 60px 60px}}

.security-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 6px;padding:12px 14px;border:1px dashed #9bb7d8;border-radius:12px;background:#f5f9ff}.security-code-box div{display:flex;flex-direction:column;gap:3px}.security-code-box span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#61748c}.security-code-box strong{font-size:24px;letter-spacing:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#173f70}.security-code-box a{font-size:12px;font-weight:800;text-decoration:none}.security-help{display:block;margin:-3px 0 10px;color:#6b7f96;font-size:11px}