:root{--forest:#123f18;--forest2:#1b5722;--green:#4ed346;--soft:#eaf8e8;--ink:#24392a;--muted:#78897b;--line:#e2ebe2}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f6f9f5;color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--forest);color:#e8f4e8;flex-shrink:0;padding:29px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding:0 9px}.brand img{width:50px;height:50px;object-fit:cover;border-radius:14px;background:white}.brand strong{font-size:19px;display:block;letter-spacing:-.5px}.brand small{font-size:9px;letter-spacing:1.8px;color:#a9d6ac}.navcaption{font-size:10px;letter-spacing:2px;color:#87b891;font-weight:700;margin:15px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:13px 15px;border-radius:10px;color:#c9dfcb}.sidebar nav a:hover{background:#2b7133;color:#fff}.mutednav{line-height:3;color:#8eba92;padding:0 14px}.sidebarfoot{margin-top:auto;border-top:1px solid #376d3d;padding:20px 10px;color:#b4d6b8}.sidebarfoot small{color:#78a981;padding-left:16px}.dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--line);height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;color:#758878}.topbar strong{color:var(--ink)}.topright{display:flex;align-items:center;gap:16px;font-size:12px}.environment{padding:8px 12px;border-radius:50px;background:#eaf9e7;color:#258b2d;font-size:10px;font-weight:800;letter-spacing:1px}.signout{border:1px solid #dce8de;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;color:#506955}.main{padding:38px;flex:1;max-width:1550px;width:100%;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:#32a33d;margin:0 0 8px}.heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:20px}.heading h1{font-size:31px;letter-spacing:-1px;margin:0 0 8px}.heading p{color:var(--muted);margin:0;line-height:1.7}.pill{border:1px solid #d3ecd1;background:#eef9ec;color:#308a35;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:700}.pill.draft{background:#fff7e8;border-color:#f5e8c7;color:#a07b2b}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.card,.panel{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 22px rgba(31,80,40,.03)}.card{padding:24px}.card .label{color:#819786;font-size:12px}.card .value{font-size:32px;font-weight:800;letter-spacing:-1px;margin:18px 0 7px}.card .detail{color:#9aac9d;font-size:11px}.panel{padding:25px;margin:0 0 20px}.panel h2{font-size:17px;margin:0 0 20px}.panel p{color:var(--muted);line-height:1.7}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;color:#91a094;letter-spacing:.7px;text-transform:uppercase;padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #edf2ed;white-space:nowrap}tr:last-child td{border-bottom:0}.empty{background:#fafdf9;border:1px dashed #d5e7d3;border-radius:12px;text-align:center;padding:43px;color:#8da48e}.notice{border:1px solid #d3ead1;background:#eef9ed;border-radius:12px;padding:17px;color:#4c7651;line-height:1.7}.bar{height:10px;border-radius:20px;overflow:hidden;display:flex;background:#edf3eb;margin:16px 0}.bar span:nth-child(1){background:#55ce4c}.bar span:nth-child(2){background:#96d87d}.bar span:nth-child(3){background:#18561d}.small{font-size:11px;color:#829783}.workspace footer{padding:20px 36px;color:#9cae9e;text-align:right;font-size:11px}.loginpage{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.loginhero{background:linear-gradient(150deg,#113b16,#24792b);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:10vh 10%;position:relative;overflow:hidden}.loginhero:after{content:"";position:absolute;width:450px;height:450px;border:65px solid #57d94c22;border-radius:50%;bottom:-210px;right:-180px}.loginbrand{display:flex;align-items:center;gap:18px;font-size:24px;font-weight:800;z-index:1}.loginbrand img{width:64px;height:64px;object-fit:cover;border-radius:17px;background:white}.loginhero h1{font-size:52px;max-width:520px;line-height:1.12;letter-spacing:-2px;z-index:1}.loginhero p{line-height:1.9;color:#b5d9b9;z-index:1}.loginright{display:grid;place-items:center;padding:45px}.loginform{width:min(390px,100%)}.loginform h2{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.loginform>p{color:#829585;line-height:1.7;margin-bottom:30px}.field{margin:17px 0}.field label{display:block;font-weight:700;margin-bottom:9px}.field input{width:100%;padding:15px;border:1px solid #d5e5d5;border-radius:11px;font:inherit}.field input:focus{outline:2px solid #a8e6a6}.primary{width:100%;padding:16px;border:0;border-radius:11px;background:#32a43a;color:white;font-weight:750;font:inherit;cursor:pointer;margin-top:15px}.primary:hover{background:#278c30}.error{color:#a43b32;background:#fff0ee;border:1px solid #f3ccc5;padding:12px;border-radius:9px}.loginfoot{color:#a0aea2;font-size:11px;margin-top:29px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.sidebar{width:215px}}@media(max-width:740px){.sidebar{width:65px;padding:18px 8px}.sidebar .brand{padding:0;margin:0 0 30px;justify-content:center}.brand span,.navcaption,.mutednav,.sidebarfoot{display:none}.sidebar nav a{font-size:0;text-align:center;padding:16px 0}.sidebar nav a:first-letter{font-size:18px}.topbar{padding:0 14px}.topright>span:not(.environment){display:none}.main{padding:20px}.cards{gap:10px}.card{padding:18px}.card .value{font-size:25px}.loginpage{grid-template-columns:1fr}.loginhero{display:none}.loginright{padding:30px}.environment{display:none}}
