:root{--navy:#182f4d;--navy2:#213f66;--gray:#eef1f4;--line:#d6dbe1;--text:#1f252b;--red:#b00020;--white:#fff;}
*{box-sizing:border-box} body{margin:0;background:#f5f6f8;color:var(--text);font-family:Arial,'Pretendard','Noto Sans KR',sans-serif;font-size:15px} a{color:inherit;text-decoration:none}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:30px}.brand a{font-size:32px;font-weight:800;letter-spacing:.02em;color:var(--navy);display:flex;align-items:center}.public-gisa-logo{display:block;max-width:96px;max-height:46px;width:auto;height:auto}.public-gisa-logo-fallback{display:none}.nav{display:flex;gap:26px;font-size:13px;font-weight:700;color:#35465a}.nav a:hover{color:var(--navy)}.userbox{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px}.userbox a,.btn{border:1px solid var(--navy);background:var(--navy);color:#fff;padding:10px 14px;border-radius:3px;font-weight:700;display:inline-block}.userbox a:first-child{background:#fff;color:var(--navy)}.code{font-weight:800;color:var(--navy)}.layout{max-width:1180px;margin:34px auto 0;display:grid;grid-template-columns:300px 1fr;gap:34px;min-height:720px}.status-panel{background:#fff;border:1px solid var(--line);padding:28px 24px;min-height:520px}.status-title{font-size:30px;font-weight:900;color:var(--navy);letter-spacing:.02em}.build{margin:8px 0 28px;color:#6f7882;font-size:13px}.status-row{border-top:1px solid #e5e8ec;padding:16px 0}.status-row span{display:block;color:#6a737d;font-size:13px;margin-bottom:6px}.status-row strong{font-size:20px;color:#182f4d}.status-row.last{border-bottom:1px solid #e5e8ec}.bar{height:12px;background:#e0e5eb;border-radius:10px;overflow:hidden;margin:0 0 12px}.bar i{display:block;height:100%;background:var(--navy2)}.content{min-width:0}.system-message{background:#fff;border-left:7px solid var(--red);padding:18px 22px;margin-bottom:24px;font-weight:700;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{height:165px;background:#dce1e7;border:1px solid #cbd2da;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.card.dark{background:var(--navy);color:#fff}.card:hover{filter:brightness(1.03);transform:translateY(-2px)}.card h2{margin:0;font-size:24px}.card p{margin:0;color:inherit;opacity:.8;font-size:13px}.play{align-self:flex-end;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:14px}.page-box{background:#fff;border:1px solid var(--line);padding:34px}.page-title{font-size:30px;font-weight:900;color:var(--navy);margin:0 0 8px}.page-desc{color:#68727d;margin:0 0 28px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-top:1px solid var(--line);padding:14px 10px;text-align:left}.table th{background:#f0f3f6;color:#34495e;font-size:13px}.table .num{width:70px;text-align:center}.table .date{width:150px}.actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.btn.secondary{background:#fff;color:var(--navy)}.btn.danger{background:var(--red);border-color:var(--red)}.post-head{border-bottom:3px solid var(--navy);padding-bottom:18px;margin-bottom:26px}.post-title{font-size:28px;margin:0 0 12px;color:var(--navy)}.meta{color:#68727d;font-size:13px}.post-content{min-height:260px;line-height:1.8;white-space:pre-wrap}.comments{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.comment{border-bottom:1px solid #e6e9ed;padding:14px 0}.comment .who{font-weight:800;color:var(--navy);font-size:13px;margin-bottom:8px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px 18px;font-size:16px;margin-bottom:16px}.form textarea{min-height:380px;resize:vertical}.form .smallarea{min-height:150px}.form label{display:block;font-weight:700;margin:10px 0 8px;color:#35465a}.notice-empty{padding:50px;text-align:center;border:1px dashed #bfc7d1;color:#667}.footer{max-width:1180px;margin:30px auto;padding:20px 0;color:#7a828a;font-size:12px;border-top:1px solid var(--line)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-card{background:#fff;border:1px solid var(--line);padding:20px}.admin-card strong{font-size:28px;color:var(--navy)}
@media(max-width:900px){.topbar{height:auto;padding:18px;flex-wrap:wrap}.nav{order:3;width:100%;gap:14px;flex-wrap:wrap}.userbox{margin-left:0}.layout{display:block;margin:18px}.status-panel{min-height:auto;margin-bottom:18px}.cards{grid-template-columns:1fr}.footer{margin:18px}.page-box{padding:22px 18px}.page-title{font-size:28px}.table,.table thead,.table tbody,.table tr,.table th,.table td{display:block;width:100%}.table thead{display:none}.table tr{border-top:1px solid var(--line);padding:16px 0}.table td{border-top:0;padding:4px 0;text-align:left}.table .num,.table th.num,.table td.num{display:none}.table .date{width:auto}.post-link{display:block;padding-right:0;font-size:17px;font-weight:800;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.echo{float:none;display:block;margin-top:4px;font-size:13px}.table td:nth-child(2),.table td:nth-child(3){display:inline-block;width:auto;margin-right:14px;color:#68727d;font-size:13px}}
.notice-icon{margin-right:6px;color:#8aa6c8}.post-link{display:block;position:relative;padding-right:54px}.echo{float:right;color:#8aa6c8;font-size:13px;font-weight:700;letter-spacing:.02em}.form-help{margin:-8px 0 16px;color:#68727d;font-size:12px;line-height:1.5}.image-label{margin-top:0}.post-image-wrap{display:block;margin:0 0 24px}.post-image{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#f0f3f6}.post-image:hover{filter:brightness(.98)}.type-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em}.type-badge.sensor{background:#173b58;color:#8fd8ff}.type-badge.anchor{background:#5b4620;color:#ffd98a}
