@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#26332b;--muted:#849087;--line:#e8ede8;--green:#e5f3e8;--yellow:#fff3cf;--red:#ffe4df;--pink:#ffe3ef;--accent:#315641}
*{box-sizing:border-box}body{margin:0;background:#f5f7f4;color:var(--ink);font:14px 'DM Sans',Arial}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1280px)/2),28px)}.logo{font:800 18px Manrope;letter-spacing:2px;color:#294735}.logo small{display:block;font:700 9px 'DM Sans';letter-spacing:3px;color:#96a197;margin-top:3px}.user{color:var(--muted)}a{color:#315641;text-decoration:none}.user a{margin-left:15px;font-weight:700}main{max-width:1280px;margin:40px auto;padding:0 25px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#819084;font-weight:700}.heading h1{font:800 34px Manrope;margin:8px 0}.heading p{color:var(--muted)}.import{display:flex;gap:9px;align-items:center}#pdfs{display:none}.btn{background:var(--accent);color:white;border:0;border-radius:8px;padding:11px 15px;font-weight:700;cursor:pointer}.secondary{background:#edf1ed;color:#43594a}.tiny{font-size:11px;padding:8px 10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats div{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.stats small{display:block;color:var(--muted)}.stats b{display:block;font:800 24px Manrope;margin-top:7px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.tools{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}nav{display:flex;gap:4px;flex-wrap:wrap}nav a{padding:9px 11px;border-radius:7px;color:#758078;font-size:12px;font-weight:700}nav a.active{background:#eaf0eb;color:#315641}.tools form{display:flex;gap:6px}.tools input{border:1px solid var(--line);border-radius:8px;padding:10px}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafbf9;color:#879187;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:14px 10px;white-space:nowrap}td{padding:13px 10px;border-top:1px solid #edf0ec;vertical-align:middle}.scroll{overflow:auto}.strong,td b{font-weight:700}td small{display:block;color:#9aa39c;font-size:9px;max-width:160px;overflow-wrap:anywhere}.green{background:#fbfefb}.yellow{background:#fffdf6}.red{background:#fff9f7}.overdue{background:#f0f2f0}.paid{background:#fafbfa}.badge{display:inline-block;padding:6px 9px;border-radius:18px;font-size:10px;font-weight:700;white-space:nowrap}.badge.green{background:var(--green);color:#28663a}.badge.yellow{background:var(--yellow);color:#8a6500}.badge.red{background:var(--red);color:#a63a2c}.badge.overdue,.badge.paid{background:#e9ece9;color:#58635a}.expand{border:1px solid var(--line);background:white;border-radius:6px;width:28px;height:28px;cursor:pointer}.detail td{background:#f8faf7;padding:12px 18px}.detailbox{border:1px solid var(--line);background:white;border-radius:9px;padding:15px}.items th{background:#f4f7f3}.items td{font-size:12px;padding:10px}.items tr.warranty td{background:var(--pink);color:#813451}.check{white-space:nowrap;cursor:pointer}.check input{accent-color:#bd5d89}.legend{padding:15px;color:var(--muted);font-size:11px}.empty{text-align:center;padding:35px;color:var(--muted)}footer{padding:24px 4px;color:#9aa19b;font-size:11px}.message{padding:13px;margin:0 0 15px;background:#e5f3e8;color:#28663a;border-radius:8px}.message.error{background:#ffe4df;color:#a63a2c}.login{min-height:100vh;display:grid;place-items:center;background:#f2f6f1}.loginbox{background:white;padding:38px;border-radius:15px;width:min(420px,calc(100% - 30px));box-shadow:0 15px 50px #1b332012}.loginbox h1{font:800 25px Manrope;margin:28px 0}.loginbox label{display:block;font-weight:700;font-size:12px;margin:15px 0}.loginbox input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:7px}.loginbox .btn{width:100%;margin-top:12px}.error{color:#a63a2c}
@media(max-width:850px){main{padding:0 12px;margin:22px auto}.heading{align-items:flex-start;flex-direction:column;gap:12px}.stats{grid-template-columns:repeat(2,1fr)}.tools{align-items:flex-start;flex-direction:column}.tools form,.tools form input{width:100%}header{padding:0 14px}.user{font-size:11px}}