:root{color:#1e2528;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f6;font-family:Noto Sans Thai,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:#1e2528;cursor:pointer;background:#fff;border:1px solid #cbd6d2;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}button:hover{border-color:#627d70}button:disabled{opacity:.55;cursor:not-allowed}button.primary{color:#fff;background:#1f6f5b;border-color:#1f6f5b}button.active{background:#e1eee9;border-color:#1f6f5b}button.link{color:#185c4c;background:0 0;border:0;justify-content:flex-start;padding:0;font-weight:700}button.icon{width:38px;padding:8px}button.danger{color:#9e1f2f}main{min-height:100vh}section{max-width:1320px;margin:0 auto;padding:24px}h1{letter-spacing:0;margin:0 0 4px;font-size:26px;line-height:1.2}h2{letter-spacing:0;margin:0 0 8px;font-size:18px}h3{margin:24px 0 10px;font-size:16px}p{margin:0 0 8px}label{color:#53615c;gap:6px;font-size:13px;display:grid}input,textarea,select{color:#1e2528;background:#fff;border:1px solid #cbd6d2;border-radius:6px;width:100%;padding:10px}textarea{resize:vertical;min-height:88px}.topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #dce4e0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{font-size:18px;font-weight:800}.subtitle{color:#64736e;font-size:13px}nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode,.badge{color:#53615c;background:#eef3f1;border:1px solid #d5dedb;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;display:inline-flex}.badge.blocked{color:#9e1f2f;background:#fae7ea;border-color:#efb7c0}.badge.ready,.badge.done{color:#185c4c;background:#e1eee9;border-color:#b8d6ca}.badge.waiting_external{color:#7a4a00;background:#fff1cf;border-color:#e8c979}.login{place-items:center;min-height:calc(100vh - 70px);display:grid}.login>div{background:#fff;border:1px solid #dce4e0;border-radius:8px;max-width:720px;padding:32px;box-shadow:0 12px 30px #1e252814}.notice,.warning,.error{border-radius:6px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;display:flex}.notice{background:#eef3f1;border:1px solid #d5dedb}.warning{color:#604300;background:#fff7df;border:1px solid #ead082}.error{color:#8b1a2a;background:#fae7ea;border:1px solid #efb7c0}.section-title{align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-title svg{color:#1f6f5b}.summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric,.panel{background:#fff;border:1px solid #dce4e0;border-radius:8px;padding:16px}.metric strong{color:#185c4c;font-size:28px;display:block}.metric span{color:#64736e}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.search{background:#fff;border:1px solid #cbd6d2;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;min-width:260px;padding-left:10px}.search input{border:0}.table{gap:8px;display:grid}.row{background:#fff;border:1px solid #dce4e0;border-radius:8px;grid-template-columns:1.6fr .5fr .7fr 1fr 1.7fr .8fr .8fr 44px;align-items:center;gap:10px;padding:12px;display:grid}.row.head{color:#53615c;background:#eef3f1;font-weight:700}.timeline-row{grid-template-columns:1.2fr .6fr 1fr 1.4fr}.empty{text-align:center;color:#64736e;background:#fff;border:1px dashed #cbd6d2;border-radius:8px;padding:32px}.timeline{grid-template-columns:repeat(10,minmax(100px,1fr));gap:8px;margin-bottom:16px;display:grid;overflow-x:auto}.timeline div{color:#64736e;white-space:nowrap;background:#fff;border:1px solid #dce4e0;border-radius:6px;align-items:center;gap:6px;padding:10px;display:flex}.timeline .done{color:#185c4c;background:#e1eee9;border-color:#b8d6ca}.workspace-grid{grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.hero-panel{border-color:#1f6f5b;box-shadow:inset 4px 0 #1f6f5b}.step-tabs{gap:8px;margin:16px 0;display:flex;overflow-x:auto}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}.actions{gap:10px;margin-top:16px;display:flex}.doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filebox{margin-top:8px}.revision{background:#fff;border:1px solid #dce4e0;border-radius:6px;margin-bottom:8px;padding:10px}.toast{z-index:10;color:#fff;background:#1f6f5b;border-color:#1f6f5b;position:fixed;bottom:18px;right:18px}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.summary,.workspace-grid,.form-grid,.doc-grid,.split,.row,.timeline-row{grid-template-columns:1fr}.row.head{display:none}section{padding:16px}}