@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#17231e;font-synthesis:none;background:#f4f6f4;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{grid-template-columns:270px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#123f32;flex-direction:column;width:270px;height:100vh;padding:28px 18px;display:flex;position:fixed;overflow:auto}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand>span{color:#123f32;background:#d8ef59;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{font-size:18px}.brand small{color:#a8c2b8}.primary{font-weight:700;color:#183a30!important;background:#d8ef59!important;border-color:#d8ef59!important}.full{width:100%;padding:12px}.side-nav{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.side-nav button{color:#c1d2cc;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.side-nav button:hover,.side-nav button.active{color:#fff;background:#285749}.side-title{color:#b7cbc4;justify-content:space-between;margin:28px 4px 12px;font-size:13px;display:flex}.side-title b{background:#2b5a4c;border-radius:10px;padding:0 7px}.contract-list{flex-direction:column;gap:5px;display:flex}.contract-list button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:10px;padding:11px 10px;display:flex}.contract-list button:hover,.contract-list button.active{background:#285749}.contract-list button div{flex-direction:column;min-width:0;display:flex}.contract-list strong{font-size:13px}.contract-list small{color:#b7cbc4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status{background:#aeb8b4;border-radius:50%;width:7px;height:7px;margin-top:7px}.status.active{background:#d8ef59}.status.terminated{background:#e28371}.account-panel{border-top:1px solid #31594e;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:20px;display:flex}.account-panel>div{flex-direction:column;min-width:0;display:flex}.account-panel strong{font-size:13px}.account-panel small{color:#a8c2b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.account-panel>button{color:#c4d6cf;background:0 0;border:0;padding:7px;display:flex}.account-panel .account-login{color:#fff;align-items:center;gap:9px;width:100%;padding:9px}.icon-text{justify-content:center;align-items:center;gap:7px;display:inline-flex}main{grid-column:2;width:100%;max-width:1600px;margin:auto;padding:34px 42px}main>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}header p{color:#738079;margin:0;font-size:13px}h1{letter-spacing:0;margin:4px 0 0;font-size:26px}button{color:#273c34;cursor:pointer;background:#fff;border:1px solid #ccd4cf;border-radius:7px;padding:8px 14px}button:disabled{opacity:.4;cursor:not-allowed}.actions{gap:8px;display:flex}.danger{color:#b83e32!important;border-color:#e6b7b2!important}.error{color:#a9362e;background:#fff0ee;border:1px solid #f0c2bd;border-radius:8px;justify-content:space-between;margin-bottom:16px;padding:13px 16px;display:flex}.error button{color:inherit;background:0 0;border:0;padding:0;font-size:20px}nav{border-bottom:1px solid #d8dfdb;gap:24px;margin-bottom:22px;display:flex}nav button{color:#65716b;background:0 0;border:0;border-radius:0;padding:10px 2px}nav button.active{color:#153f33;border-bottom:3px solid #1d624d;font-weight:700}.empty{text-align:center;background:#fff;border:1px solid #dfe4e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.empty>div{color:#557223;background:#edf5e0;border-radius:50%;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.empty h2{margin:20px 0 8px}.empty p{color:#718078;max-width:480px;margin:0 0 24px}.form-card,.detail-card,.table-card,.journal-list{background:#fff;border:1px solid #dfe4e1;border-radius:8px;padding:26px}.form-card fieldset{border:0;border-bottom:1px solid #e8ece9;margin:0 0 26px;padding:0 0 26px}.form-card fieldset:last-of-type{border-bottom:0}.form-card legend{margin-bottom:18px;font-size:16px;font-weight:700}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.wide{grid-column:span 2}.field span{color:#4d5c55;font-size:12px;font-weight:600}.field input,.field select,.field textarea{background:#fff;border:1px solid #cdd6d1;border-radius:6px;min-width:0;padding:10px 11px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#387864;outline:2px solid #8bb8a8}.form-actions{justify-content:flex-end;display:flex}.form-actions button{padding:11px 20px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric{background:#fff;border:1px solid #dfe4e1;border-radius:8px;padding:18px}.metric span{color:#728078;margin-bottom:9px;font-size:12px;display:block}.metric strong{font-size:19px}.detail-card h2,.table-card h2,.journal-list h2{margin:0;font-size:18px}.detail-card dl{grid-template-columns:repeat(2,1fr);gap:0;margin:20px 0;display:grid}.detail-card dl>div{border-bottom:1px solid #edf0ee;grid-template-columns:130px 1fr;padding:13px 0;display:grid}.detail-card dt{color:#78847e;font-size:13px}.detail-card dd{margin:0;font-size:14px;font-weight:600}.notes{background:#f6f8f7;border-radius:7px;padding:14px}.notes b{font-size:12px}.notes p{white-space:pre-wrap;margin:7px 0 0}.table-card{padding:0;overflow:hidden}.table-head{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.table-head p,.journal-list>p{color:#7b8781;margin:5px 0 0;font-size:12px}.table-wrap{max-height:65vh;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{color:#526159;text-align:right;background:#f1f4f2;border-block:1px solid #dfe5e1;padding:11px 12px;position:sticky;top:0}th:first-child,th:nth-child(2){text-align:center}td{text-align:right;border-bottom:1px solid #edf0ee;padding:10px 12px}td:first-child,td:nth-child(2){text-align:center}tbody tr:hover{background:#f8faf8}.journal-list{background:0 0;border:0;padding:0}.journal-list article{background:#fff;border:1px solid #dfe4e1;border-radius:8px;margin-top:14px;overflow:hidden}.journal-list article header{background:#f0f4f2;gap:15px;padding:13px 16px;display:flex}.journal-list article header span{color:#66756e}.journal-list article td:first-child{text-align:left}.journal-list article td:nth-child(2){text-align:center;width:80px}.journal-list .debit{color:#24684f}.journal-list .credit{color:#a65443}.workspace-tools{gap:10px;margin-bottom:16px;display:flex}.workspace-tools>select{background:#fff;border:1px solid #ccd4cf;border-radius:6px;padding:8px 34px 8px 10px}.user-search{background:#fff;border:1px solid #ccd4cf;border-radius:6px;flex:1;align-items:center;gap:9px;min-width:280px;height:40px;padding:0 12px;display:flex}.user-search:focus-within{border-color:#387864;outline:2px solid #8bb8a8}.user-search input{border:0;outline:0;width:100%;min-width:0}.user-table-wrap{background:#fff;border:1px solid #dfe4e1;border-radius:8px;overflow:auto}.user-table th{text-align:left;position:static}.user-table th:first-child,.user-table th:nth-child(2),.user-table td:first-child,.user-table td:nth-child(2){text-align:left}.user-table td{text-align:left;height:66px}.user-table td:first-child{flex-direction:column;justify-content:center;display:flex}.user-table td:first-child strong{font-size:13px}.user-table td:first-child small{color:#77847d;margin-top:3px}.user-table select{background:#fff;border:1px solid #d3dad6;border-radius:5px;padding:6px 25px 6px 8px}.user-status{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.user-status.active{color:#28633e;background:#e2f3df}.user-status.inactive{color:#5f6b65;background:#ecefed}.user-status.invited{color:#805d0d;background:#fff1cc}.row-actions{width:70px;text-align:right!important}.row-actions button{place-items:center;padding:7px;display:inline-grid}.no-data{color:#748078;text-align:center!important;height:140px!important}.pagination{color:#6f7c75;justify-content:space-between;align-items:center;padding:14px 2px;font-size:12px;display:flex}.pagination>div{align-items:center;gap:12px;display:flex}.pagination button{padding:6px 10px}.pagination b{color:#35463e}.invite-link{background:#eef6e9;border:1px solid #ccdfbe;border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:grid}.invite-link>div{flex-direction:column;min-width:0;display:flex}.invite-link strong{font-size:13px}.invite-link span{white-space:nowrap;text-overflow:ellipsis;color:#365849;margin:3px 0;font-size:12px;overflow:hidden}.invite-link small{color:#6e7f75}.invite-link button{place-items:center;padding:7px;display:grid}.modal-backdrop{z-index:20;background:#0a1c167a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog,.invite-dialog{background:#fff;border-radius:8px;width:min(430px,100%);padding:28px;box-shadow:0 22px 70px #00000040}.auth-dialog h2,.invite-dialog h2{margin:12px 0 5px;font-size:20px}.auth-dialog>p,.invite-dialog>p{color:#708078;margin:0 0 20px;font-size:13px}.auth-dialog form,.invite-dialog form,.invitation-panel form{flex-direction:column;gap:14px;display:flex}.auth-mark{color:#3d662d;background:#eaf2df;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.inline-error{color:#a9362e;background:#fff0ee;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:12px}.invitation-page{grid-column:auto;place-items:center;min-height:100vh;padding:30px;display:grid}.invitation-panel{background:#fff;border:1px solid #dfe4e1;border-radius:8px;width:min(480px,100%);padding:36px}.invitation-panel h1{margin:16px 0 6px;font-size:24px}.invitation-panel>p{color:#6c7b74;margin:0 0 24px}.invite-summary{background:#f2f5f3;border-left:3px solid #397460;flex-direction:column;margin:22px 0;padding:14px 16px;display:flex}.invite-summary span{margin:5px 0;font-size:13px}.invite-summary small{color:#6d7a74}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.app{display:block}aside{width:100%;height:auto;position:static}.contract-list{max-height:180px}.account-panel{margin-top:20px}.app main{grid-column:auto;padding:24px}.grid,.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){main{padding:18px!important}.grid,.metrics{grid-template-columns:1fr}.field.wide{grid-column:auto}.detail-card dl{grid-template-columns:1fr}.detail-card dl>div{grid-template-columns:105px 1fr}.workspace-tools{grid-template-columns:1fr 1fr;display:grid}.user-search{grid-column:1/-1;min-width:0}.workspace-tools .primary{min-width:0}.invitation-panel{padding:24px}.user-table{min-width:760px}}.login-page{background:linear-gradient(160deg,#123f32 0%,#1d5a47 100%);grid-column:auto;place-items:center;width:100%;max-width:none;min-height:100vh;margin:0;padding:24px;display:grid}.login-card{background:#fff;border-radius:10px;width:min(420px,100%);padding:36px 32px 28px;box-shadow:0 22px 70px #00000047}.login-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-brand>span{color:#d8ef59;background:#123f32;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login-brand div{flex-direction:column;display:flex}.login-brand strong{font-size:18px}.login-brand small{color:#738079}.login-card h1{margin:0 0 6px;font-size:24px}.login-card>p{color:#6c7b74;margin:0 0 22px;font-size:14px}.login-card form{flex-direction:column;gap:14px;display:flex}.login-card .full{margin-top:6px}.login-help{color:#78847e;text-align:center;margin-top:18px;font-size:12px;display:block}.login-loading{color:#d8ef59;font-size:14px}