:root{--navy:#12385b;--deep:#0a2741;--blue:#176da4;--paper:#fff;--ink:#17212b;--muted:#677783;--line:#d7e0e6;--danger:#b42318;--shadow:0 10px 30px rgba(19,50,73,.09)}
*{box-sizing:border-box}html{background:#f3f6f8}body{margin:0;color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.55}a{color:inherit}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(10,39,65,.97);color:#fff;box-shadow:0 3px 14px rgba(0,0,0,.16)}.header-inner{max-width:1500px;min-height:76px;margin:auto;padding:10px 22px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:360px;text-decoration:none;font-size:17px;font-weight:800}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#ffbf2f;color:#17344e;font-size:14px}.main-nav{display:flex;gap:16px;white-space:nowrap;margin-left:auto}.main-nav a,.account-nav a{color:#e8f2f8;text-decoration:none;font-weight:700}.account-nav{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px}.account-nav form{margin:0}.nav-button{padding:6px 9px;border:1px solid #7892a8;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.container{max-width:1500px;min-height:calc(100vh - 150px);margin:auto;padding:34px 22px 70px}.page-heading{margin-bottom:22px}.page-heading h1,.admin-heading h1,.auth-card h1,.post-detail h1{margin:4px 0 8px;line-height:1.22}.page-heading p{margin:3px 0;color:var(--muted)}.eyebrow{margin:0!important;color:var(--blue)!important;font-size:13px;font-weight:900;letter-spacing:.08em}.heading-row,.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.heading-actions,.detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.sort-control{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}.sort-control a{padding:7px 12px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:800;color:var(--muted)}.sort-control a.active{background:var(--navy);color:#fff}
.post-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.post-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.post-thumb{display:block;height:160px;background:#e8eef2;text-decoration:none}.post-thumb img{display:block;width:100%;height:100%;object-fit:cover}.file-tile,.document-tile{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;text-align:center;background:linear-gradient(145deg,#edf3f7,#dfe9ef);color:var(--navy)}.file-tile b,.document-tile b{display:grid;place-items:center;min-width:56px;min-height:56px;padding:8px;border-radius:12px;background:var(--navy);color:#fff;font-size:15px}.file-tile small,.document-tile span{max-width:100%;overflow-wrap:anywhere;color:var(--muted)}.favorite-form{position:absolute;top:8px;right:8px;z-index:3}.star-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d5dde3;border-radius:50%;background:rgba(255,255,255,.95);color:#536675;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,.15)}.star-button.selected{color:#e89c00}.post-card-body{padding:12px}.card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:700}.visibility{padding:2px 6px;border-radius:999px;background:#e8f4eb;color:#18723c}.visibility.restricted{background:#fff0d8;color:#8b5a00}.post-card h2{min-height:45px;margin:8px 0 9px;font-size:15px;line-height:1.45}.post-card h2 a{text-decoration:none}.card-meta{margin:0;color:var(--muted);font-size:12px}.date-list{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.date-list a{display:flex;justify-content:space-between;gap:8px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;font-weight:800}.date-list small{color:var(--muted);font-weight:500}
.post-detail{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.post-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:21px;border-bottom:1px solid var(--line)}.post-detail h1{margin-top:10px}.detail-actions form{margin:0}.post-content{margin:24px 0;padding:20px;border-radius:10px;background:#f6f9fa;white-space:pre-wrap}.viewer-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:13px;border:1px solid #ead5a6;border-radius:9px;background:#fff8e7}.viewer-list span{padding:3px 8px;border-radius:999px;background:#fff}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.attachment-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.preview-button{display:block;width:100%;height:300px;padding:0;border:0;background:#e8eef2;cursor:zoom-in}.preview-button img{display:block;width:100%;height:100%;object-fit:contain}.document-tile{height:300px}.attachment-info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:13px}.attachment-info strong{min-width:0;overflow-wrap:anywhere}.attachment-info a{flex:0 0 auto;color:var(--blue);font-weight:800;font-size:13px}.viewer[hidden]{display:none}.viewer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.9)}.viewer-panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.viewer h2{margin:0 50px 10px;color:#fff;font-size:18px}.viewer img{min-width:0;min-height:0;max-width:100%;max-height:calc(100% - 92px);object-fit:contain}.viewer-original{margin-top:10px;padding:8px 14px;border-radius:8px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none}.viewer-close{position:absolute;top:0;right:0;width:46px;height:46px;border:0;border-radius:50%;background:#fff;font-size:30px;cursor:pointer}.no-scroll{overflow:hidden}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 17px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.button[hidden]{display:none}.button.secondary{background:#e8eef2;color:var(--navy)}.button.danger{background:var(--danger)}.button.small{min-height:36px;padding:6px 11px;font-size:13px}.auth-card{max-width:540px;margin:25px auto;padding:30px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.stack-form{display:grid;gap:15px}.admin-heading{margin-bottom:20px}.admin-panel{margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.admin-panel h2{margin-top:0}label{display:grid;gap:7px;color:#334554;font-weight:800}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #b9c7d0;border-radius:8px;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:3px solid #c9e8f8;border-color:var(--blue)}.form-two{display:grid;grid-template-columns:1fr 2fr;gap:14px}.form-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.access-box{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px}.access-box legend{padding:0 6px;font-weight:900}.radio-line{display:flex;align-items:center;gap:8px}.radio-line input,.viewer-checks input,.permission-checks input{width:auto}.viewer-checks,.permission-checks{display:flex;gap:10px;flex-wrap:wrap}.viewer-checks{padding:12px;border-radius:8px;background:#f5f8fa}.viewer-checks label,.permission-checks label{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.help-text{margin:0;color:var(--muted);font-size:13px}.account-setup-box{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.account-setup-box small{color:var(--muted)}.file-manage-list{display:grid;gap:8px}.file-manage-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:8px}.text-button{padding:0;border:0;background:none;color:var(--blue);text-decoration:underline;cursor:pointer}.danger-text{color:var(--danger);font-weight:800}.user-table-wrap{overflow:auto}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.role-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#edf1f4;color:#425466;font-size:12px;font-weight:800;white-space:nowrap}.role-server{background:#fff0d8;color:#8b5a00}.role-contractor{background:#e3f1fb;color:#17628f}.role-subcontractor{background:#e8f4eb;color:#18723c}.notice{display:flex;gap:12px;padding:15px;border:1px solid #f1d58e;border-radius:10px;background:#fff4d7}.flash{margin-bottom:18px;padding:14px 16px;border-radius:10px;font-weight:700}.flash.success{color:#12643b;background:#dff5e8;border:1px solid #96d5af}.flash.error{color:#8d1c14;background:#ffe7e5;border:1px solid #efaaa5}.empty-state{max-width:720px;margin:40px auto;padding:50px 25px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fff}footer{display:flex;justify-content:center;padding:24px;color:var(--muted);background:#e8edf0;font-size:13px}
.card-author,.detail-author{margin:0 0 7px;color:#435869;font-size:12px;overflow-wrap:anywhere}.detail-author{margin:8px 0;font-size:14px}.bulk-check{position:absolute;top:8px;left:8px;z-index:4;display:flex;align-items:center;gap:6px;padding:7px 10px;border:2px solid #fff;border-radius:9px;background:rgba(10,39,65,.94);color:#fff;font-size:13px;box-shadow:0 3px 9px rgba(0,0,0,.2);cursor:pointer}.bulk-check[hidden]{display:none}.bulk-check input{width:19px;height:19px;margin:0;accent-color:#ffbf2f}.bulk-check:has(input:checked){background:#b42318}
@media(max-width:1250px){.post-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand{min-width:280px}.header-inner{flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:flex-end}}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-list{grid-template-columns:repeat(2,1fr)}.form-three{grid-template-columns:1fr}.post-detail-head{flex-direction:column}.detail-actions{justify-content:flex-start}}
@media(max-width:650px){.header-inner{padding:10px 13px;gap:9px}.brand{min-width:0;width:100%;font-size:14px}.brand-mark{width:38px;height:38px;flex-basis:38px}.main-nav{justify-content:flex-start;gap:12px;overflow:auto;font-size:13px}.account-nav{position:absolute;top:14px;right:12px}.account-nav>span{display:none}.container{padding:20px 12px 50px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.post-thumb{height:130px}.post-card h2{font-size:14px}.heading-row,.admin-heading{align-items:flex-start;flex-direction:column}.heading-actions{justify-content:flex-start}.attachment-grid{grid-template-columns:1fr}.preview-button,.document-tile{height:250px}.post-detail{padding:16px}.form-two{grid-template-columns:1fr}.date-list{grid-template-columns:1fr}.user-table{min-width:650px}}
@media(max-width:380px){.post-grid{grid-template-columns:1fr}.post-thumb{height:180px}}