*{box-sizing:border-box}body{margin:0;background:#f2f7f2;color:#203d2a;font:15px/1.5 'Segoe UI',Arial,sans-serif;display:flex;min-height:100vh}aside{background:#143b28;color:#e0f1e5;width:230px;flex-shrink:0;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:31px;font-weight:800;color:#9ee0a6;letter-spacing:2px}.brand span{display:block;font-size:12px;color:#fff;letter-spacing:3px}.muted,small{color:#607e68}aside .muted{color:#b3cdb8;font-size:12px}nav{display:grid;gap:8px;margin-top:40px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c9d9e1;background:white;color:#234a30;border-radius:8px;padding:10px 15px;min-height:42px}button:hover{background:#e4f3e5}button:focus-visible{outline:3px solid #e9ad40;outline-offset:2px}nav button{border:0;background:transparent;color:#e0efdf;text-align:left}nav .active{background:#28653e;color:white}footer{margin-top:auto;padding-top:32px;font-size:12px}main{flex:1;min-width:0;padding:24px 40px}.notice{font-size:11px;letter-spacing:.06em;color:#715519;background:#fff4d8;border:1px solid #ead9af;padding:9px 14px;border-radius:7px}header{display:flex;justify-content:space-between;align-items:center;margin:32px 0 22px}h1{font-size:34px;letter-spacing:-1px;margin:3px 0}h2{margin:0 0 14px;font-size:22px}h3{margin:0}.primary{background:#287a42;color:white;border-color:#287a42}.primary:hover{background:#1d5c31}.panel{background:white;border:1px solid #d9e3e8;border-radius:12px;padding:22px;margin-bottom:20px}.filterrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}input,select,textarea{border:1px solid #c4d5dd;border-radius:7px;padding:10px;background:white;color:#203d2a;max-width:100%}#search{flex:1;min-width:210px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.chip{border-radius:24px;padding:6px 12px;min-height:34px;font-size:13px;background:#f4f8fa}.chip.selected{background:#d5efea;border-color:#168479;color:#135e55}.count{display:flex;align-items:center;justify-content:space-between;margin:23px 0 12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th{text-align:left;font-size:11px;color:#607e68;text-transform:uppercase;letter-spacing:.06em;background:#edf4ed}td,th{padding:15px;border-bottom:1px solid #e0e9ed;vertical-align:top}td small{display:block}.tag{display:inline-block;border-radius:5px;padding:2px 6px;font-size:11px;background:#edf4f6;margin:2px}.link{border:0;background:transparent;color:#287a42;padding:0;min-height:28px;font-weight:650;text-align:left}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.stage{background:#e7f0e8;border-radius:10px;padding:14px}.stage h3{font-size:13px;padding-bottom:12px}.deal{background:white;border:1px solid #d0e0e5;border-radius:9px;padding:16px;margin-bottom:12px}.deal strong{display:block;margin:9px 0}.actions{display:flex;gap:10px;margin:20px 0 0;flex-wrap:wrap}.empty{padding:40px;text-align:center;color:#617b89}dialog{border:0;border-radius:14px;width:min(680px,94vw);padding:26px;color:#203d2a;box-shadow:0 20px 90px #0006}dialog::backdrop{background:#153b2699}.dialoghead{display:flex;justify-content:space-between;align-items:center}label{display:block;font-weight:600;font-size:13px;margin:12px 0}label input,label textarea,label select{display:block;width:100%;margin-top:5px;font-weight:400}textarea{min-height:85px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.timeline{border-left:3px solid #b4d8d2;padding-left:16px}.timeline p{white-space:pre-wrap}.due{color:#a23a2f}.help{max-width:850px}.help li{margin:10px 0}a{color:#287a42}@media(max-width:800px){body{display:block}aside{width:100%;padding:15px 20px}aside .muted,footer{display:none}nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:4px}.brand{font-size:23px}.brand span{display:inline;margin-left:8px;font-size:10px}main{padding:18px}header{margin:22px 0}h1{font-size:28px}.two{grid-template-columns:1fr}.panel{padding:16px}}
.catalogChoice{display:flex;align-items:center;gap:10px}.catalogChoice input{width:auto;margin:0}#catalogChoices{max-height:220px;overflow:auto}fieldset{border:1px solid #c4d5dd;border-radius:8px;margin:15px 0}


.accountBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.accountBar span:first-child{font-weight:600;margin-right:auto}#saveStatus{font-size:12px;color:#287a42}.login{background:linear-gradient(135deg,#103820,#2b6940);align-items:center;justify-content:center}.loginCard{flex:none;width:min(480px,94vw);background:#fff;padding:42px;border-radius:18px;box-shadow:0 20px 70px #0004}.loginCard .brand{color:#287a42}.loginCard .brand span{color:#325f3a}.loginCard button{width:100%;margin:15px 0}#error,#accountError{color:#9c3324}

.passwordField{position:relative;display:block}.passwordField input{padding-right:54px;width:100%;box-sizing:border-box}.passwordField .passwordEye{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:8px;min-width:40px;min-height:40px;border:0;background:transparent;color:#247340;display:grid;place-items:center}.passwordEye[aria-pressed="true"]{background:#def0e3}.passwordEye:focus-visible{outline:2px solid #247340}