:root{--blue:#0962d8;--blue-dark:#0754a4;--line:#dce2e9;--soft:#f6f8fb;--text:#171b22;--muted:#69717d;--red:#ef4343;--orange:#ff7b22;--green:#2aaa45;font-family:Pretendard,"Noto Sans KR","Segoe UI",sans-serif;color:var(--text);background:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-size:14px}button,input,select,textarea{font:inherit}.skip-link{position:fixed;top:-50px;left:8px;z-index:50;background:#fff;padding:8px}.skip-link:focus{top:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.brand{height:66px;display:flex;align-items:center;gap:13px;padding:0 26px;background:linear-gradient(135deg,#0755a6,#0962bd);color:#fff}.brand-shield{width:25px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:7px 7px 11px 11px;font-size:11px;font-weight:800}.brand strong{font-size:16px;white-space:nowrap}.primary-nav,.secondary-nav{padding:16px 10px;display:grid;gap:2px}.primary-nav a,.secondary-nav a{min-height:41px;display:flex;align-items:center;gap:14px;padding:9px 14px;border-radius:6px;color:#2f3742;text-decoration:none;font-weight:550}.primary-nav a>span,.secondary-nav a>span{width:20px;color:#3f4a57;text-align:center;font-size:18px}.primary-nav a:hover,.secondary-nav a:hover{background:#f2f6fb}.primary-nav a[aria-current=page]{background:linear-gradient(90deg,#0963db,#075ed0);color:#fff;box-shadow:0 3px 8px rgb(9 98 216/22%)}.primary-nav a[aria-current=page]>span{color:#fff}.secondary-nav{margin-top:auto;border-bottom:1px solid var(--line);padding-bottom:18px}.secondary-nav a{font-size:13px}.collapse-menu{height:68px;border:0;background:#fff;color:#4b5664;text-align:left;padding:0 26px;cursor:pointer}.collapse-menu:first-letter{color:var(--blue)}
.workspace{min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:66px;display:grid;grid-template-columns:1fr minmax(360px,565px) 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:#fff}.mobile-menu{display:none}.global-search{grid-column:2;display:flex;align-items:center;border:1px solid #cfd6df;border-radius:4px;box-shadow:0 1px 3px rgb(0 0 0/4%)}.global-search input{width:100%;height:39px;padding:0 15px;border:0;outline:0;color:#333}.global-search span{padding:0 15px;font-size:21px}.topbar-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:11px}.topbar-actions i{display:block;height:24px;border-left:1px solid #d3d8df}.icon-button,.profile-button{border:0;background:#fff;cursor:pointer}.icon-button{position:relative;width:32px;height:32px;border-radius:50%;font-size:18px}.notification-button b{position:absolute;right:-1px;top:-2px;min-width:15px;padding:1px;border-radius:9px;background:#0864da;color:#fff;font-size:9px}.profile-button{display:flex;align-items:center;gap:9px}.avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#d5d9de;color:#fff;font-size:8px}.global-message{display:none;margin:8px 30px;padding:8px 12px;background:#eaf7ef;color:var(--green)}.global-message:not(:empty){display:block}.global-message[data-state=error]{background:#fff0f1;color:var(--red)}
#main-content{width:100%;max-width:1450px;margin:0 auto;padding:17px 30px 18px;outline:0}.site-breadcrumb{margin:0 0 13px;color:#858d98;font-size:12px}.site-breadcrumb b{color:#323943}.site-heading{display:flex;align-items:center;gap:18px}.site-heading h1{margin:0;font-size:27px;letter-spacing:-.04em}.site360-badge{padding:4px 10px;border:1px solid #2980ee;border-radius:18px;color:#0765de;font-size:11px}.site-actions{margin-left:auto;display:flex;gap:8px}.site-actions button{height:34px;padding:0 14px;border:1px solid #d4dae2;border-radius:5px;background:#fff}.site-actions .primary{min-width:70px;border-color:var(--blue);background:var(--blue);color:#fff}.site-scope-banner{display:flex;align-items:center;gap:10px;margin-top:15px;padding:8px 12px;border:1px solid #d8e6f8;border-radius:5px;background:#f5f9ff;font-size:10px}.site-scope-banner>span{padding:3px 7px;border-radius:10px;background:#dfeeff;color:#075fc8}.site-scope-banner strong{font-size:11px}.site-scope-banner small{margin-left:auto;color:#6e7782}.site-tabs{display:flex;max-width:100%;gap:2px;margin-top:7px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #d6dde5;scrollbar-width:thin}.site-tabs a{flex:0 0 auto;min-width:88px;padding:11px 12px;color:#313944;text-align:center;text-decoration:none;font-size:12px}.site-tabs a.active{border-bottom:3px solid var(--blue);color:var(--blue);font-weight:700}
.site-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:19px 0 14px}.site-metric{min-height:112px;display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0/3%)}.metric-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e9f2ff;color:#0864da;font-size:26px}.metric-icon.red{background:#ffebeb;color:var(--red)}.metric-icon.orange{background:#fff0e4;color:var(--orange)}.metric-icon.green{background:#eaf7ec;color:var(--green)}.site-metric small,.site-metric strong,.site-metric span{display:block}.site-metric small{color:#444b55;font-size:11px}.site-metric strong{margin:4px 0 6px;font-size:25px}.site-metric strong b{font-size:13px;font-weight:500}.site-metric span{color:#6f7782;font-size:10px;line-height:1.6}
.site-main-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:14px}.site-panel{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.site-panel-header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:700;font-size:12px}.site-panel-header a{color:var(--blue);font-size:10px;text-decoration:none}.activity-list{padding:0 16px 13px}.activity-row{min-height:57px;display:grid;grid-template-columns:49px 28px 95px minmax(0,1fr) auto;align-items:center;position:relative}.activity-row:not(:last-child):after{content:"";position:absolute;left:62px;bottom:-1px;height:18px;border-left:1px solid #d2d8e0}.activity-time{color:#68717d;font-size:10px;line-height:1.5}.activity-dot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#1268d9;color:#fff;font-size:11px}.activity-dot.red{background:var(--red)}.activity-dot.green{background:var(--green)}.activity-kind{font-size:11px;font-weight:600}.activity-detail{padding:7px 13px;border-left:1px solid #d9dee5}.activity-detail strong,.activity-detail small{display:block}.activity-detail strong{font-size:11px}.activity-detail small{margin-top:5px;color:#767e89;font-size:9px}.mini-status{padding:4px 7px;border-radius:4px;background:#e9f2ff;color:#176bd1;font-size:9px}.mini-status.red{background:#ffebeb;color:var(--red)}.mini-status.green{background:#e9f7eb;color:var(--green)}.ghost-button{margin:1px 16px 15px;padding:7px 22px;border:1px solid #d5dbe3;border-radius:4px;background:#fff;font-size:10px}.access-panel{padding-bottom:8px}.access-head-note{color:#737b86;font-size:9px;font-weight:400}.access-step{min-height:57px;margin:0 14px 8px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid #d7dde5;border-radius:6px}.step-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#3277c9;color:#fff;font-weight:700}.access-step strong,.access-step small{display:block}.access-step strong{font-size:11px}.access-step small{margin-top:4px;color:#6f7782;font-size:9px}.access-step button{border:0;background:#fff;color:#444;font-size:9px}.access-notice{margin:3px 14px 0;padding:9px 12px;border:1px solid #bdd7fa;border-radius:5px;background:#f1f7ff;color:#2d5d98;font-size:9px;line-height:1.7}.access-notice strong{display:block;color:#1165cf}
.site-bottom-grid{display:grid;grid-template-columns:1fr 1.03fr 1.05fr 1.14fr;gap:14px;margin-top:14px}.compact-panel{min-height:210px}.compact-list{padding:0 12px 12px}.incident-item,.document-item{min-height:42px;display:grid;align-items:center;gap:9px;margin-bottom:5px;padding:6px 9px;border:1px solid #e1e5ea;border-radius:5px;font-size:10px}.incident-item{grid-template-columns:32px minmax(0,1fr) auto}.priority{padding:4px;border-radius:4px;color:#fff;text-align:center;font-weight:700}.p1{background:#f04444}.p2{background:#ff8c26}.p3{background:#f2bf16}.incident-item strong,.incident-item small,.document-item strong,.document-item small{display:block}.incident-item small,.document-item small{color:#7c8490;font-size:8px;margin-top:3px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 12px 12px}.photo-card{height:78px;position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(135deg,#172a42,#738293)}.photo-card:nth-child(2){background:linear-gradient(135deg,#9e361f,#e17d3d)}.photo-card:nth-child(3){background:linear-gradient(135deg,#747b82,#b4bcc2)}.photo-card:nth-child(4){background:linear-gradient(135deg,#272e34,#bb8a35)}.photo-card span{position:absolute;left:0;right:0;bottom:0;padding:5px;background:rgb(255 255 255/88%);font-size:8px}.document-item{grid-template-columns:22px minmax(0,1fr) auto}.document-icon{font-size:19px}.password-table{width:calc(100% - 24px);margin:0 12px 12px;border-collapse:collapse;font-size:8px}.password-table th,.password-table td{padding:7px 5px;border-bottom:1px solid #e4e7eb;text-align:left}.password-table th{color:#6c7480;font-weight:500}.due{color:var(--red)}.app-footer{margin-top:auto;height:44px;display:flex;align-items:center;justify-content:flex-end;padding:0 30px;border-top:1px solid var(--line);color:#747c87;font-size:10px}
.page-header{display:flex;justify-content:space-between}.page-header h2{margin-top:0}details{margin:10px 0;border:1px solid var(--line);border-radius:6px}summary{padding:12px;cursor:pointer}form{padding:14px}fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0}label{display:grid;gap:5px}input,select,textarea{padding:8px;border:1px solid #ccd4dd;border-radius:4px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.button,button.primary{padding:8px 14px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;text-decoration:none}.placeholder-panel{padding:50px;text-align:center;color:var(--muted)}
.collapse-menu{margin-top:auto;border-top:1px solid var(--line)}.portfolio-heading,.directory-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.portfolio-heading p,.directory-heading p{margin:0 0 5px;color:var(--blue);font-size:11px}.portfolio-heading h1,.directory-heading h1{margin:0 0 6px;font-size:28px}.portfolio-heading span,.directory-heading span{color:var(--muted);font-size:12px}.portfolio-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:15px}.portfolio-metrics article{padding:17px;border:1px solid var(--line);border-radius:8px}.portfolio-metrics small,.portfolio-metrics strong{display:block}.portfolio-metrics small{color:var(--muted)}.portfolio-metrics strong{margin-top:8px;font-size:26px}.portfolio-section{margin-bottom:15px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.portfolio-section>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}.portfolio-section h2{margin:0;font-size:14px}.portfolio-section a{text-decoration:none}.portfolio-site-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.portfolio-site-card,.directory-card{display:block;padding:15px;border:1px solid var(--line);border-radius:7px;color:var(--text);text-decoration:none}.portfolio-site-card span,.portfolio-site-card strong,.portfolio-site-card small{display:block}.portfolio-site-card span,.directory-card>span{color:var(--blue);font-size:10px}.portfolio-site-card strong{margin:6px 0;font-size:16px}.portfolio-site-card small,.directory-card small{color:var(--muted)}.portfolio-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.portfolio-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text)}.portfolio-row span,.portfolio-row small{color:var(--muted);font-size:10px}.empty-state{display:grid;gap:8px;padding:25px;color:var(--muted);text-align:center}.directory-search{margin-bottom:14px}.directory-search input{max-width:460px}.directory-card h3{margin:7px 0}.directory-card p{min-height:20px;color:var(--muted)}.directory-card>div{display:flex;gap:14px;margin-top:15px}.site-access-summary{min-height:135px;margin:0 14px;padding:15px;border:1px solid var(--line);border-radius:5px;background:var(--soft);white-space:pre-wrap}.site-section-body{padding-top:14px}.site-section-card{padding:18px;border:1px solid var(--line);border-radius:7px}.site-section-card pre{white-space:pre-wrap}.form-actions{display:flex;gap:8px;align-items:center}.button.secondary{border-color:#cfd6df;background:#fff;color:var(--text)}.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar-collapsed .brand{padding:0;justify-content:center}.sidebar-collapsed .brand strong,.sidebar-collapsed .primary-nav a:not([aria-current]),.sidebar-collapsed .secondary-nav a,.sidebar-collapsed .collapse-menu span{font-size:0}.sidebar-collapsed .primary-nav a,.sidebar-collapsed .secondary-nav a{justify-content:center;padding:9px}.sidebar-collapsed .primary-nav a>span,.sidebar-collapsed .secondary-nav a>span{font-size:18px}.sidebar-collapsed .collapse-menu{padding-left:30px}
@media(max-width:1100px){.site-metrics{grid-template-columns:repeat(3,1fr)}.site-bottom-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:205px minmax(0,1fr)}.topbar{grid-template-columns:1fr minmax(300px,520px) 1fr}.site-scope-banner small{display:none}.portfolio-metrics{grid-template-columns:repeat(3,1fr)}.portfolio-site-grid,.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell,.sidebar-collapsed{display:block}.sidebar{position:fixed;z-index:30;width:232px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.sidebar-collapsed .brand strong,.sidebar-collapsed .primary-nav a:not([aria-current]),.sidebar-collapsed .secondary-nav a,.sidebar-collapsed .collapse-menu span{font-size:initial}.topbar{height:58px;display:flex;padding:0 12px}.mobile-menu{display:block;border:0;background:#fff}.global-search{flex:1}.topbar-actions .icon-button,.topbar-actions i,.profile-button strong,.profile-button>span:last-child{display:none}#main-content{padding:14px}.site-heading{flex-wrap:wrap}.site-actions{width:100%}.site-tabs{overflow-x:auto}.site-metrics,.site-main-grid,.site-bottom-grid,.portfolio-metrics,.portfolio-columns,.portfolio-site-grid,.directory-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:42px 26px 78px minmax(0,1fr)}.activity-row>.mini-status{display:none}.site-panel{min-width:0}fieldset{grid-template-columns:1fr}.app-footer{display:none}.portfolio-row{grid-template-columns:70px 1fr}.portfolio-row small{display:none}}
/* Operations workspace: keep account access within the existing site tab. */
.operations-workspace { display: grid; gap: 16px; }
.photo-grid .photo-card { background: #e9eef4; }
.photo-grid .photo-card img { width: 100%; height: 100%; display: block; object-fit: cover; }
.inspection-workspace { display: grid; gap: 16px; }
.inspection-top-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 16px; align-items: start; }
.inspection-top-grid .quick-note-card, .inspection-top-grid .inspection-result-card { height: 100%; }
.inspection-top-grid .quick-note-card pre { min-height: 184px; }
.inspection-result-card form { display: grid; gap: 14px; }
.inspection-result-card .upload-dropzone { min-height: 132px; align-content: center; }
.inspection-files-card { min-width: 0; }
.operations-subtabs { display: flex; gap: 8px; border-bottom: 1px solid var(--line, #d9e1ea); }
.operations-subtabs a { padding: 11px 16px; color: var(--muted, #64748b); font-weight: 700; text-decoration: none; border-bottom: 3px solid transparent; }
.operations-subtabs a.active { color: var(--primary, #1265d6); border-bottom-color: var(--primary, #1265d6); }
.operations-board-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.operations-search-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 14px 0; }
.operations-search-row input { min-width: 290px; }
.management-ip { font-weight: 800; color: #0b63ce; white-space: nowrap; }
.compact-action { padding: 7px 10px; white-space: nowrap; font-size: 13px; }
.masked-secret { letter-spacing: 2px; color: #526070; }
.revealed-secret { padding: 4px 7px; border-radius: 5px; background: #fff4d8; color: #3f2b00; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.secret-reveal-status { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin: 14px 0; border-radius: 8px; color: white; background: linear-gradient(90deg, #075ecf, #1b76db); }
.secret-reveal-status span { opacity: .9; font-size: 14px; }
.secret-reveal-status button { margin-left: auto; padding: 7px 11px; color: #075ecf; background: #fff; border: 0; border-radius: 5px; font-weight: 700; cursor: pointer; }
.selected-row { background: #eff6ff; }
.secret-reveal-modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: rgb(15 23 42 / 54%); }
.secret-reveal-modal { position: relative; width: min(520px, 100%); display: grid; gap: 16px; padding: 28px; border-radius: 12px; background: #fff; box-shadow: 0 24px 64px rgb(15 23 42 / 30%); }
.secret-reveal-modal h2, .secret-reveal-modal p { margin: 0; }
.secret-reveal-modal label { display: grid; gap: 7px; font-weight: 700; }
.secret-reveal-modal input, .secret-reveal-modal textarea { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font: inherit; }
.secret-reveal-modal small { color: #64748b; }
.secret-reveal-modal .form-actions { display: flex; justify-content: flex-end; gap: 8px; }
.sensitive-export-action { border-color: #d97706; color: #92400e; background: #fffbeb; }
.sensitive-export-warning { display: grid; gap: 6px; padding: 14px; border: 1px solid #f59e0b; border-radius: 8px; background: #fffbeb; color: #78350f; }
.sensitive-export-warning span { line-height: 1.55; }
.modal-close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; font-size: 28px; cursor: pointer; color: #64748b; }
@media (max-width: 760px) {
  .inspection-top-grid { grid-template-columns: 1fr; }
  .operations-search-row, .secret-reveal-status { align-items: stretch; flex-direction: column; }
  .operations-search-row input { min-width: 0; width: 100%; }
  .secret-reveal-status button { margin-left: 0; }
}