:root{--bg: #edf5ef;--bg-accent: #e4f2e7;--panel: #ffffff;--card: #ffffff;--text: #132218;--muted: #506354;--primary: #0b7a43;--primary-strong: #085f34;--primary-soft: #e7f2eb;--border: #cfdfd3;--danger: #b91c1c;--success: #0e9f47;--ok: var(--success);--focus: #0b7a43;--radius-0: 0px;--radius-1: 1px;--radius-2: 2px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--depth-font-size: clamp(12px, 1.1vw, 15px);--shadow-soft: 0 6px 18px rgba(7, 30, 16, .06);--topbar-top-gap: 12px}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}html{scrollbar-gutter:stable}body{overflow-y:scroll}body{margin:0;background:radial-gradient(circle at 8% -6%,rgba(11,122,67,.08),transparent 42%),radial-gradient(circle at 92% 8%,rgba(8,95,52,.07),transparent 36%),linear-gradient(180deg,var(--bg-accent) 0%,var(--bg) 35%,var(--bg) 100%);color:var(--text);font-size:16px;line-height:1.5;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif}a{color:var(--primary-strong);text-decoration:none}a:hover{color:var(--primary)}.container{max-width:1100px;margin:0 auto;padding:var(--space-4);padding-top:clamp(40px,6vh,50px);width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-soft);padding:var(--space-3)}.card-selectable{cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.card-selectable:hover{border-color:#03c75a7a}.card-selected{background:var(--primary-soft);border-color:#03c75ab8;box-shadow:0 6px 16px #03c75a29}.accordion-panel{overflow:hidden}.accordion-panel-inner{padding-top:10px}.row{display:flex;gap:var(--space-3);align-items:center}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.depth3-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.depth-text-tablet{font-size:var(--depth-font-size);line-height:1.35}.page-title{font-size:16px;font-weight:700}.btn{border:1px solid var(--border);background:#fafffb;color:var(--text);border-radius:var(--radius-1);padding:10px 12px;font-weight:600;word-break:keep-all;cursor:pointer;white-space:nowrap;min-height:44px;font-size:16px;line-height:1.2;max-width:100%;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.btn:hover:not(:disabled){border-color:#03c75a73;background:#f1faf5}.btn-sm{padding:8px 10px;font-size:16px;border-radius:var(--radius-1);min-height:44px}.icon-btn{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:var(--radius-1);border:1px solid rgba(168,187,173,.65);background:#f9fffb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover:not(:disabled){border-color:#03c75a73;background:#ebf9f1}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);border-color:var(--primary-strong);color:#fff;box-shadow:0 2px 10px #085f3438}.btn-primary:hover:not(:disabled){filter:brightness(.98);box-shadow:0 4px 12px #085f3440}.btn-secondary{background:#f3f9f5;border-color:#c4d8ca;color:var(--text)}.btn-secondary:hover:not(:disabled){background:#eaf5ee}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent}.btn-ghost:hover:not(:disabled){background:#03c75a14}.input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-1);background:#fdfffe;outline:0;font-size:16px;line-height:1.45;min-height:44px}.input:hover{border-color:#b8d0c0}.input:focus{border-color:var(--primary-strong);box-shadow:0 0 0 2px #03c75a24}.select{width:100%;min-height:44px;font-size:16px}textarea.input{min-height:96px;resize:vertical}input,select,textarea{font-size:16px}.btn:focus-visible,.icon-btn:focus-visible,.input:focus-visible,select.input:focus-visible,textarea.input:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px #03c75a33}.page,.panel,.stack{display:block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-soft)}.panel,.card{-webkit-backdrop-filter:saturate(1.04);backdrop-filter:saturate(1.04)}.stack,.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){:root{--topbar-top-gap: 6px}.container{padding:var(--space-3)}.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:480px){.row{gap:10px}.btn{white-space:normal}.depth3-title{font-size:clamp(14px,4.3vw,16px);line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.depth3-header{flex-direction:column;align-items:stretch;gap:8px}.depth3-header .btn{width:100%}.topbar-inner{padding:10px 12px;gap:10px}.topbar-inner .spacer{display:none}}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--radius-1);border:1px solid var(--border);background:#f8fffb;font-size:13px;line-height:1.2;font-weight:600;min-height:32px}.chip-ok{border-color:#03c75a59;background:#03c75a1f;color:#06773a}.camera-count-badge{border-radius:999px;min-width:32px;padding:6px 10px}.chip-warn{border-color:#eab30859;background:#eab3081f;color:#92400e}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:72px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-1);font-size:12px;font-weight:700;line-height:1}.badge--ok,.badge--done{border-color:#03c75a59;background:#03c75a1f;color:#06773a}.badge--warn{border-color:#eab30859;background:#eab3081f;color:#92400e}.topbar{position:sticky;top:var(--topbar-top-gap);z-index:10;background:linear-gradient(120deg,#0a6f3d,#095f35 58%,#064828);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(0,0,0,.08);color:#fff}.topbar .muted{color:#f0fff4db}.topbar .icon-btn,.topbar .btn{border-color:#ffffff59;background:#ffffff29;color:#fff}.topbar .icon-btn:hover:not(:disabled),.topbar .btn:hover:not(:disabled){background:#ffffff3d}.topbar .topbar-sync-btn{width:44px;min-width:44px;height:44px;min-height:44px}.topbar .topbar-text-btn{height:44px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}.network-banner{position:sticky;top:0;z-index:12;background:#fef2f2;border-bottom:1px solid rgba(220,38,38,.25);color:#991b1b}.network-banner-inner{max-width:1100px;margin:0 auto;padding:8px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.network-banner-message{font-size:13px;font-weight:700}.topbar-inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:60;padding:10px 12px;border-radius:var(--radius-1);border:1px solid rgba(11,122,67,.4);background:#0b7a4324;color:#085f34;font-weight:700;font-size:16px;box-shadow:var(--shadow-soft)}.login-shell{min-height:calc(100dvh - 84px);display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}.login-card{width:min(520px,100%);margin:0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091d1173;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{width:min(720px,100%);background:var(--panel);border-radius:var(--radius-2);border:1px solid #b7d0bc;padding:16px;max-height:min(88vh,920px);overflow:auto}.modal img{width:100%;border-radius:var(--radius-1)}.modal__header{margin-bottom:12px}.modal__title{font-weight:800}.modal__body{display:grid;gap:10px}.modal__footer{margin-top:12px}.camera-modal-backdrop{padding:0;align-items:stretch}.modal.camera-modal{width:min(1100px,100%);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.modal.camera-modal .modal__body{flex:1;min-height:0;padding:0;gap:0}.modal.camera-modal .modal__footer{margin-top:0;padding:10px 12px;border-top:1px solid var(--border);background:#fff}.camera-modal-content{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 12px 0}.camera-video-wrap{flex:1;min-height:0;background:#000}.capture-notice{font-size:12px;line-height:1.35}.photo-download-box{display:inline-flex;align-items:center;padding:0;border:0;background:transparent}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.action-search{flex:1 1 280px;min-height:44px}.action-bar-buttons{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.action-btn{min-height:44px;padding:10px 14px;border-radius:var(--radius-1);font-size:16px;line-height:1.2;-webkit-tap-highlight-color:transparent}.action-bar .btn.btn-primary.action-btn{color:#fff;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);border-color:var(--primary-strong)}.action-bar .btn.btn-primary.action-btn:hover:not(:disabled),.action-bar .btn.btn-primary.action-btn:active:not(:disabled){color:#fff;background:linear-gradient(180deg,#0a6f3d,#084e2d);border-color:#084e2d}.action-bar .btn.btn-primary.action-btn:focus-visible{color:#fff;background:linear-gradient(180deg,#0a6f3d,#084e2d);border-color:#084e2d;box-shadow:0 0 0 2px #03c75a2e,0 0 0 4px #085f343d}.action-btn:focus-visible,.action-search:focus-visible,.project-menu-btn:focus-visible{outline:2px solid rgba(3,199,90,.52);outline-offset:2px}.project-list{border-top:1px solid var(--border);margin-bottom:10px;display:block}.project-row-card{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:12px 6px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.project-row-card:hover{background:#0b7a430d;border-color:#0b7a4359}.project-row-card:active{background:#0b7a4314}.project-row-card.is-disabled{opacity:.65;cursor:not-allowed}.project-row-main{display:flex;align-items:center;gap:12px}.project-row-check{display:flex;align-items:center}.project-check-input{width:20px;height:20px;cursor:pointer}.project-row-text{min-width:0;flex:1}.project-title{font-weight:800;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{margin-top:3px;display:flex;align-items:center;gap:8px;min-height:18px}.project-meta-text{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-status-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.project-status-badge{border:1px solid var(--border);border-radius:var(--radius-1);font-size:12px;font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.project-status-badge-square{width:64px;min-width:64px;height:44px;min-height:44px;padding:0 8px}.project-status-progress{border-color:#eab30859;background:#eab3081f;color:#92400e}.project-status-done{border-color:#03c75a59;background:#03c75a1f;color:#06773a}.project-menu-wrap{position:relative;display:flex;align-items:center}.project-menu-btn{border-radius:var(--radius-1);background:transparent;width:44px;min-width:44px;height:44px;min-height:44px}.project-menu-btn:hover:not(:disabled){background:#03c75a1f}.project-menu-btn:active:not(:disabled){background:#03c75a2e}.project-settings-icon{width:20px;height:20px;display:block;object-fit:contain}.project-empty{border-radius:var(--radius-2)}@media(max-width:720px){.action-bar{gap:8px}.action-search{flex-basis:100%;order:2}.action-bar-buttons{width:100%;justify-content:stretch;order:1}.action-bar-buttons .action-btn{flex:1 1 0}.project-row-card{padding:10px}.project-row-main{gap:10px}.project-status-actions{gap:8px}}.admin-user-card{padding:12px}.admin-users-create-btn{color:#fff;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);border-color:var(--primary-strong)}.admin-users-create-btn:hover:not(:disabled),.admin-users-create-btn:active:not(:disabled){color:#fff;background:linear-gradient(180deg,#0a6f3d,#084e2d);border-color:#084e2d}.admin-users-create-btn:focus-visible{color:#fff;background:linear-gradient(180deg,#0a6f3d,#084e2d);border-color:#084e2d;box-shadow:0 0 0 2px #03c75a2e,0 0 0 4px #085f343d}.admin-user-field{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-1);background:#fff;min-height:48px}.admin-user-field-group{border:1px solid var(--border);border-radius:var(--radius-1);background:#fff;overflow:hidden}.admin-user-field-group.is-error{border-color:#dc2626d9}.admin-user-field-row{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:48px}.admin-user-field-row+.admin-user-field-row{border-top:1px solid var(--border)}.admin-user-field-row.is-error .admin-user-field__icon{color:#dc2626}.admin-user-field-row.is-error .admin-user-field__input{color:#b91c1c}.admin-user-field-row.is-error .admin-user-field__input::placeholder{color:#dc2626}.admin-user-field.is-error{border-color:#dc2626d9}.admin-user-field__icon{width:20px;height:20px;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center}.admin-user-field.is-error .admin-user-field__icon{color:#dc2626}.admin-user-field__input,.admin-user-field__select{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:16px;line-height:1.4;padding:0;color:var(--text)}.admin-user-field.is-error .admin-user-field__input,.admin-user-field.is-error .admin-user-field__select{color:#b91c1c}.admin-user-field__input::placeholder{color:#94a3b8}.admin-user-field__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23506354' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:12px 8px}@media(min-width:768px)and (max-width:1366px){:root{--depth-font-size: clamp(14px, 1.35vw, 18px)}body{font-size:clamp(15px,1.28vw,18px)}.page-title{font-size:clamp(18px,1.75vw,24px)}.btn,.btn-sm,.input,.select,.action-btn{font-size:clamp(15px,1.2vw,18px);min-height:clamp(48px,5.2vh,58px)}.chip,.badge,.project-meta-text,.network-banner-message,.muted{font-size:clamp(13px,1vw,16px)}.project-title{font-size:clamp(16px,1.35vw,20px)}.topbar-inner,.network-banner-inner{padding-left:clamp(16px,2vw,24px);padding-right:clamp(16px,2vw,24px)}.container{padding-left:clamp(16px,2.2vw,26px);padding-right:clamp(16px,2.2vw,26px)}.login-shell{min-height:calc(100dvh - 92px);padding-top:0;padding-bottom:0}.login-card{width:min(720px,100%);padding:clamp(22px,2.4vw,34px)}.login-card .input,.login-card .btn{min-height:clamp(56px,5.6vh,66px);font-size:clamp(17px,1.45vw,22px);padding-top:clamp(13px,1.2vw,18px);padding-bottom:clamp(13px,1.2vw,18px)}.admin-user-form .input,.admin-user-form select.input{min-height:clamp(48px,5.2vh,58px)}.topbar .icon-btn,.topbar .topbar-sync-btn{width:clamp(48px,5.2vh,58px);min-width:clamp(48px,5.2vh,58px);height:clamp(48px,5.2vh,58px);min-height:clamp(48px,5.2vh,58px)}.topbar .topbar-text-btn{height:clamp(48px,5.2vh,58px);min-height:clamp(48px,5.2vh,58px);padding:0 clamp(14px,1.4vw,18px)}.depth-text-tablet{font-size:var(--depth-font-size)}}.admin-user-field__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23506354' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:12px 8px}.admin-user-role-field{align-items:flex-start}.admin-user-role-group{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.role-chip{border:1px solid var(--border);background:#f9fffb;color:var(--text);border-radius:0;margin-left:-1px;padding:6px 8px;min-height:40px;width:100%;text-align:center;font-size:12px;line-height:1.1;font-weight:600;white-space:nowrap;word-break:keep-all;cursor:pointer;position:relative;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.role-chip:first-child{margin-left:0;border-top-left-radius:var(--radius-1);border-bottom-left-radius:var(--radius-1)}.role-chip:last-child{border-top-right-radius:var(--radius-1);border-bottom-right-radius:var(--radius-1)}.role-chip:hover:not(:disabled){border-color:#0b7a4373;background:#f1faf5}.role-chip.is-selected{border-color:var(--primary);color:var(--primary-strong);background:#eaf5ee;box-shadow:0 0 0 1px #0b7a4333;z-index:1}.role-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.admin-user-form select.input{width:100%;min-height:44px;padding:12px;line-height:1.4}.admin-user-create-error{margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.35}.admin-user-password-rules{margin:0;font-size:13px;line-height:1.35}.post-upload-confirm-modal{width:min(380px,92vw)}.post-upload-confirm-body{position:relative;min-height:48px}.post-upload-confirm-save{position:absolute;top:0;right:0;width:124px;min-width:124px;max-width:124px;height:44px;min-height:44px;max-height:44px;flex:0 0 124px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;white-space:nowrap;padding:0 10px}.post-upload-confirm-no{width:124px;min-width:124px;max-width:124px;height:44px;min-height:44px;max-height:44px;flex:0 0 124px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;white-space:nowrap;padding:0 10px}.post-upload-confirm-text{text-align:left;padding-top:6px;padding-right:138px;white-space:nowrap}