:root{--ink:#1e3933;--muted:#708079;--green:#176c54;--line:#dee5df}*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:var(--ink);font:14px Tahoma,Arial,sans-serif}header{background:#143e34;color:white;padding:24px max(5%,calc((100% - 1280px)/2));display:flex;justify-content:space-between;align-items:center}.brand{font-size:32px;font-weight:bold}.brand span{font-size:13px;color:#c8dba0;margin-right:8px}.brand small{display:block;font-size:12px;font-weight:normal;margin-top:8px;color:#c3d7cc}main{max-width:1280px;margin:auto;padding:32px 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px}.intro>label{min-width:270px}h1{font-size:27px;margin:10px 0}h2{font-size:19px;margin:0}h3{margin:0;font-size:16px}h3 small{font-size:12px;color:var(--muted);font-weight:normal;margin-right:12px}p{line-height:1.9}label{display:block;color:var(--muted);font-size:12px}input,select{display:block;border:1px solid #d5dfd6;border-radius:8px;padding:11px;width:100%;min-width:0;background:white;color:var(--ink);font:14px Tahoma;margin-top:7px}input[type=number]{direction:ltr;text-align:right}input:focus,select:focus{outline:2px solid #73a18b;outline-offset:1px}#status{font-size:11px;color:var(--muted);display:block;margin-top:8px}button{font:12px Tahoma;border:1px solid var(--line);color:var(--ink);background:white;border-radius:8px;padding:11px 14px;cursor:pointer}button:hover{background:#edf3ed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#125640}.danger{color:#a64b3d}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.card{border:1px solid var(--line);border-radius:14px;background:white;padding:23px}.card span{font-size:12px;color:var(--muted)}.card strong{display:block;font-size:34px;margin:16px 0 8px}.card small{font-size:11px;color:var(--muted)}.feature{background:var(--green);color:white}.feature span,.feature small{color:#d8e8df}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.muted{color:var(--muted);font-size:12px}.wall{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:16px}.fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.openings{padding:16px;background:#f6f8f4;border-radius:9px;margin-top:20px}.opening{grid-template-columns:1.2fr repeat(4,1fr) auto;align-items:end;border-top:1px solid var(--line);padding:15px 0}.wall details{margin-top:16px}.type{background:#f8faf7;border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:14px}.type .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{background:#f4f7f2;color:var(--muted);font-size:12px;padding:14px}td{padding:16px 14px;border-bottom:1px solid #ecf0e9}td small{display:block;color:var(--muted);margin-top:5px}.quantity{font-size:20px;font-weight:bold;color:var(--green)}.pill{background:#eef4ed;border-radius:20px;padding:7px 10px;font-size:12px}.pill.solid{background:#f3ebd8;color:#806633}summary{cursor:pointer;font-weight:bold;line-height:1.9}.empty{padding:30px;text-align:center;background:#f8faf6;border:1px dashed #cbd7c9;border-radius:10px;color:var(--muted)}.notice{background:#fff0d4;border:1px solid #edd7ad;padding:15px;border-radius:10px;line-height:1.9;color:#7e5c25;margin:12px 0}footer{color:var(--muted);font-size:12px;line-height:1.9;margin:26px 0}dialog{border:1px solid var(--line);border-radius:15px;max-width:480px;padding:25px;color:var(--ink)}dialog::backdrop{background:#143e3477}[hidden]{display:none!important}@media(max-width:750px){header{padding:20px}header>span{display:none}main{padding:24px 14px}.intro{display:block}.intro>label{margin-top:20px}h1{font-size:23px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:17px}.card strong{font-size:28px}.panel{padding:16px}.wall{padding:14px}.fields,.type .fields,.opening{grid-template-columns:repeat(2,minmax(0,1fr))}.head{flex-wrap:wrap}.openings{padding:12px}.toolbar button{flex-grow:1}}@media print{header{padding:10px}main{padding:0}.toolbar,button,footer,details{display:none}body{background:white}.panel{padding:10px;break-inside:avoid}.wall{break-inside:avoid}.scroll{overflow:visible}input,select{border:0;padding:0}.card{padding:10px}.cards{gap:5px}th,td{padding:8px;font-size:11px}.fields{grid-template-columns:repeat(5,1fr)}}