:root{--ink:#272522;--bg:#f5f4f1;--line:#e5e1db;--accent:#856249}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans KR',sans-serif;display:flex}aside{position:fixed;width:235px;min-height:100vh;background:#262421;color:#fff;padding:28px 15px;display:flex;flex-direction:column}aside>a{color:#fff;text-decoration:none;letter-spacing:2px;font-weight:bold}aside>a span{font:25px 'DM Serif Display';letter-spacing:1px}aside>small{color:#9d958d;margin:45px 9px 12px;font-size:10px;letter-spacing:1.5px}nav{display:grid;gap:3px}nav button{border:0;background:none;color:#c7c0b9;padding:11px;text-align:left;font:13px 'Noto Sans KR';cursor:pointer;border-radius:4px}nav button.on,nav button:hover{background:#3d3a36;color:#fff}aside footer{margin-top:auto;border-top:1px solid #4c4843;padding:18px 9px 0;font-size:12px}aside footer p{color:#aaa;margin:4px 0 12px;font-size:11px}aside footer a{color:#e4c2a4;text-decoration:none;font-size:11px}main{margin-left:235px;width:calc(100% - 235px);padding:0 36px 40px}main>header{height:100px;display:flex;justify-content:space-between;align-items:center}header small{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:bold}h1{margin:4px 0 0;font-size:26px}h2{margin:0;font-size:16px}.tab{display:none}.tab.on{display:block}.primary,.line{border:0;background:var(--ink);color:#fff;padding:10px 14px;font:700 12px 'Noto Sans KR';cursor:pointer}.line{background:#fff;color:#514c46;border:1px solid #d7d1ca;padding:6px 9px;font-weight:400}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpis article,.card,.complexes article,.bases article{background:#fff;border:1px solid var(--line);padding:20px}.kpis span,.kpis em{display:block;font-size:11px;color:#817a72}.kpis b{display:block;font:29px 'DM Serif Display';margin:8px 0 4px}.kpis em{font-style:normal;color:#177356}.danger{color:#c94f42!important}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.two{grid-column:span 1}.card{overflow:auto}.head,.action{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.head button{border:0;background:none;color:var(--accent);font-size:11px;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 7px;text-align:left;border-bottom:1px solid #eeeae4}th{background:#faf9f7;color:#807a73}td small{display:block;font-size:10px;color:#8d8882;margin-top:3px}mark{background:#f5eadc;color:#8c5b31;padding:4px;font-size:10px}.state{font-style:normal;padding:4px 7px;border-radius:15px;font-size:10px;white-space:nowrap}.req{background:#f7eee2;color:#996029}.meas{background:#e9f0f7;color:#426a8f}.paid{background:#e7f2ed;color:#247058}.progress p{display:flex;justify-content:space-between;font-size:11px;margin:15px 0 7px}.progress i{height:8px;display:block;background:#ede9e4;border-radius:8px;overflow:hidden}.progress i span{display:block;height:100%;background:#b68b69}.chart{height:150px;border-bottom:1px solid #ddd5cd;display:flex;gap:35px;align-items:end;padding:0 20px;position:relative}.chart i{display:block;width:38px;background:linear-gradient(#bd9674,#866247)}.chart span{position:absolute;bottom:-24px;font-size:10px}.agenda{list-style:none;padding:0;margin:0}.agenda li{border-bottom:1px solid #eee;padding:10px 0}.agenda b{font:15px 'DM Serif Display';display:inline-block;width:55px;color:var(--accent)}.agenda small{display:block;margin-left:58px;color:#888;font-size:10px}.tools{padding:14px;background:#fff;border:1px solid var(--line);display:flex;gap:8px;margin-bottom:16px}.tools input,.tools select,input,select{border:1px solid #dcd7d0;height:37px;padding:0 9px;font:12px 'Noto Sans KR';background:white}.tools input{min-width:290px}.timeline{background:#eee9e2;padding:20px;margin-top:16px}.timeline p{font-size:12px}.timeline b{color:var(--accent);display:inline-block;width:104px}.action{margin-bottom:16px}.action p{color:#756f68;margin:0}.complexes,.bases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cover{height:130px;margin:-20px -20px 17px;background:#aaa}.palu{background:linear-gradient(140deg,#6c625b,#d6c7b5 55%,#66776f)}.fore{background:linear-gradient(135deg,#78909a,#e0d6c9 54%,#b29d8c)}.pru{background:linear-gradient(135deg,#5b777b,#d2dad6 52%,#839b85)}.complexes h2{margin:9px 0 4px}.complexes p{font-size:11px;color:#777;min-height:30px}.complexes dl{font-size:11px}.complexes dt{float:left;width:45px;color:#888;clear:left;padding:7px 0;border-top:1px solid var(--line)}.complexes dd{padding:7px 0;margin:0;border-top:1px solid var(--line)}.tablegap{margin-top:16px}.swatch{display:block;width:34px;height:34px;background:repeating-linear-gradient(90deg,#eee2ce 0 7px,#d0bea9 7px 10px)}.gray{background:repeating-linear-gradient(90deg,#b9bbb8 0 7px,#777b79 7px 10px)}.sand{background:repeating-linear-gradient(90deg,#dec094 0 7px,#aa7d54 7px 10px)}.flow{display:flex;align-items:center;gap:12px;margin-bottom:16px}.flow article{flex:1;background:#fff;border:1px solid var(--line);padding:20px}.flow b{font:25px 'DM Serif Display';color:var(--accent)}.flow h2{margin:5px 0;font-size:15px}.flow p{margin:0;color:#777;font-size:11px}.flow>i{font-style:normal}.room{height:150px;margin:-20px -20px 14px;background:linear-gradient(#e5e1da 65%,#bcaa96);position:relative}.room:after{content:"";position:absolute;width:55%;height:58%;left:22%;top:12%;background:repeating-linear-gradient(90deg,#e7ded4 0 8px,#b9ad9f 8px 12px,#f1e9de 12px 20px)}.bed{background:linear-gradient(#d8dad4 65%,#ad9b89)}.bases p{font-size:11px;color:#777}.drop{text-align:center;display:flex;min-height:215px;flex-direction:column;justify-content:center;border:1px dashed #bcb3aa!important}.drop b{font-size:28px}.secure,.rule{background:#f5e9dc;border:1px solid #ecd9c4;padding:13px 15px;color:#735337;font-size:12px;margin-bottom:16px}.secure b{margin-right:15px}.contracts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.contracts label{display:grid;gap:6px;font-size:12px;margin:10px 0}.wide{width:100%}.payment{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.payment div{border-left:2px solid #c8a990;padding-left:11px}.payment span,.payment small{display:block;font-size:11px;color:#777}.payment b{display:block;font:23px 'DM Serif Display';margin:4px 0}.calendar p{word-spacing:14px;line-height:2.4;font-size:12px}.rule{display:flex;gap:16px;align-items:center}.rule input{margin-left:auto;accent-color:var(--accent)}dialog{border:0;width:min(400px,90%);padding:27px}dialog::backdrop{background:#0008}dialog label{display:grid;gap:5px;font-size:12px;margin:11px 0}.x{position:absolute;right:12px;top:7px;border:0;background:none;font-size:23px}@media(max-width:950px){aside{width:200px}main{margin-left:200px;width:calc(100% - 200px);padding:0 18px}.kpis{grid-template-columns:repeat(2,1fr)}.complexes{grid-template-columns:1fr 1fr}}@media(max-width:650px){body{display:block}aside{position:relative;width:100%;min-height:auto;padding:16px}.workspace,aside footer,aside>small{display:none}nav{grid-template-columns:repeat(2,1fr);margin-top:14px}nav button{font-size:11px;padding:8px}main{margin:0;width:100%;padding:0 13px 30px}main>header{height:80px}h1{font-size:20px}.kpis,.grid,.complexes,.bases,.contracts{grid-template-columns:1fr}.tools{flex-wrap:wrap}.tools input{min-width:0;width:100%}.flow{display:block}.flow article{margin:8px 0}.flow>i{display:block;text-align:center}.card table{min-width:600px}.secure,.rule{display:block}.secure b,.rule b{display:block;margin-bottom:6px}.rule input{margin-top:8px}}