:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#253a34;background:#f9f6ee;font-size:14px;--green:#0e6a53;--deep:#064936;--gold:#b68b42;--ivory:#f9f6ee;--line:#e9e3d5;--ink:#213c36;--muted:#87978f;--shadow:0 10px 28px #154c3611}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 45% at 96% -15%,#f1e5c5aa,transparent),#f9f6ee}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}*:focus-visible{outline:2px solid #cba86b;outline-offset:3px}
#app{max-width:1220px;min-height:100vh;margin:auto;padding:0 22px 102px}header.topbar{position:sticky;top:0;z-index:9;padding:calc(env(safe-area-inset-top) + 14px) 4px 12px;display:flex;align-items:center;gap:12px;background:linear-gradient(#f9f6eef5,#f9f6eee8);backdrop-filter:blur(18px);border-bottom:1px solid #e8e1d177}
.logo{display:flex;align-items:center;gap:9px;color:var(--deep)}.logo img{width:38px;height:38px}.logo-text{font-size:28px;font-weight:900;letter-spacing:-2px;line-height:1}.tagline{font-size:10px;color:var(--muted);line-height:1.6}.top-spacer{flex:1}.icon-button{border:1px solid var(--line);background:#fff9;border-radius:14px;width:43px;height:43px;display:grid;place-items:center;font-size:20px;box-shadow:0 3px 8px #153d2d0b}.pill{padding:8px 13px;border-radius:50px;font-size:11px;background:#e9f1ec;color:var(--green);font-weight:bold;white-space:nowrap}.breadcrumb{margin:18px 4px 12px;display:flex;align-items:center;gap:8px}.breadcrumb button{border:0;background:transparent;color:var(--green);font-weight:bold;font-size:19px}.breadcrumb h1{font-size:20px;margin:0;color:var(--deep)}.breadcrumb small{margin-right:auto;color:var(--muted)}
.hero{position:relative;overflow:hidden;margin:15px 0 21px;min-height:221px;background:linear-gradient(118deg,#0e694f,#07553d 66%,#064a36);color:#fff;border-radius:26px;box-shadow:0 14px 35px #115e4530;padding:27px 32px}.hero:before{content:"";position:absolute;inset:-70px -50px auto auto;width:290px;height:290px;border:1px solid #ffedbc35;border-radius:50%;box-shadow:0 0 0 32px #ffffff08,0 0 0 67px #ffffff09}.hero:after{content:"";position:absolute;left:-45px;bottom:-90px;width:260px;height:190px;border:1px solid #fff3;border-radius:80px;transform:rotate(-20deg)}.hero h2{position:relative;font-size:27px;margin:2px 0 9px;color:#fff7e2;z-index:1}.hero p{max-width:360px;font-size:12px;line-height:2;color:#e4f1e8;position:relative;z-index:2;margin:0 0 18px}.hero .overline{letter-spacing:2px;font-size:10px;color:#e5c386;font-weight:900;position:relative;z-index:2}.hero button{z-index:2;position:relative;background:#f8e8bf;color:#26533e;border:0;padding:10px 18px;border-radius:12px;font-weight:800}.scene{position:absolute;width:51%;height:95%;left:0;bottom:0;pointer-events:none;opacity:.88}.scene svg{width:100%;height:100%}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px}.section-title h2{font-size:16px;margin:0;color:var(--deep)}.section-title span{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px 17px;min-height:113px;box-shadow:var(--shadow);position:relative}.stat small{font-size:11px;color:#74857e}.stat b{font-size:32px;display:block;margin:8px 0 0;color:var(--deep);font-variant-numeric:tabular-nums}.stat .sicon{position:absolute;left:14px;top:14px;font-size:19px;opacity:.8}.stat .sub{font-size:10px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tile{background:#fff;border:1px solid #ece8de;border-radius:23px;box-shadow:var(--shadow);padding:20px 14px;display:flex;align-items:center;gap:15px;text-align:right;min-height:116px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:#c9b187}.tile b{display:block;color:var(--deep);font-size:13px;margin-bottom:7px}.tile small{display:block;font-size:10px;color:#87938b;line-height:1.8}.tile-ico{flex-shrink:0;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:29px;background:linear-gradient(147deg,#fff7dd,#ebd9ab);box-shadow:inset 1px 2px 2px #fff,0 5px 0 #c6ad7938,0 7px 14px #51401c22;text-shadow:0 2px 2px #423b2b28}.tile:nth-child(4n+2) .tile-ico{background:linear-gradient(145deg,#effbf5,#aed4bf)}.tile:nth-child(4n+3) .tile-ico{background:linear-gradient(145deg,#fcf6ed,#e2c4a7)}.tile:nth-child(4n+4) .tile-ico{background:linear-gradient(145deg,#f4f6fd,#cbd6ed)}
.bottomnav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1220px);background:#fffefaed;backdrop-filter:blur(20px);border-top:1px solid #e5dfd0;display:flex;justify-content:space-around;padding:8px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -7px 30px #10381e14}.bottomnav button{border:0;background:none;color:#86968c;display:flex;flex-direction:column;gap:4px;align-items:center;min-width:65px;font-size:10px}.bottomnav span{font-size:21px}.bottomnav button.active{color:var(--green);font-weight:900}.bottomnav button.active span{filter:drop-shadow(0 2px 2px #bbad78)}
.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;margin:13px 0;box-shadow:var(--shadow)}.panel h2{font-size:16px;color:var(--deep);margin:1px 0 15px}.panel p{line-height:1.9;color:#667e72}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 19px}.tool{display:flex;gap:6px;align-items:center;border:1px solid #e5dcc9;background:#fff;border-radius:13px;padding:10px 14px;color:#58705d;font-size:11px;font-weight:bold}.tool .ic{font-size:19px}.tool.primary,.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn{background:#fff;color:var(--deep);border:1px solid #ded9c9;border-radius:11px;padding:11px 18px;font-weight:bold;font-size:12px}.btn.gold{background:#ead6a7;border-color:#e0c688}.btn.danger{background:#fff1ee;color:#ba4e49;border-color:#f0d0cd}.btn.mini{padding:6px 8px;font-size:11px;border-radius:9px}.btn:focus-visible,.tool:focus-visible{outline-offset:2px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted);font-size:12px}.empty{padding:38px 15px;text-align:center;color:#8b9991;background:linear-gradient(150deg,#fcfcf9,#f7f6f0);border-radius:16px;border:1px dashed #e5dfd1}.empty .big{font-size:38px;display:block;margin-bottom:9px}.empty strong{display:block;color:#627a6b;margin-bottom:8px}.empty small{line-height:2}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.wide{grid-column:1/-1}.field label{font-size:11px;color:#566d60;font-weight:800}.field input,.field select,.field textarea,.search{width:100%;min-width:0;background:#fffefa;border:1px solid #deded5;color:#233e36;border-radius:11px;padding:12px 11px;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px #eed9ab55}.field textarea{min-height:93px;resize:vertical}.field input[type=file]{padding:8px}.field small{color:var(--muted);font-size:10px}.field[hidden]{display:none}.line{border:0;border-top:1px solid #eee7d9;margin:20px 0}.note{border:1px solid #e8dabb;background:#fff9ec;color:#816b40;border-radius:12px;padding:10px 13px;font-size:11px;line-height:1.9;margin:12px 0}.oknote{border-color:#bed8c5;background:#f0f7ef;color:#35704b}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}table.data{width:100%;border-collapse:collapse;min-width:600px;font-size:11px}table.data th{background:#f4f5ef;color:#477060;padding:12px 9px;text-align:right;white-space:nowrap}table.data td{border-top:1px solid #eee;padding:12px 9px;vertical-align:middle;color:#3d554a;line-height:1.7}table.data tr:hover td{background:#fdfbf5}table.data button{margin:2px}.status{display:inline-block;background:#edf4ec;color:#4b8a63;font-size:10px;font-weight:bold;padding:5px 8px;border-radius:8px}.status.warn{background:#fff1dc;color:#9d6e2a}.status.bad{background:#fff1ee;color:#be5d4a}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 18px}.tabs button{border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:12px;color:#73847a;font-size:12px;font-weight:800}.tabs button.selected{background:#e5f1e8;color:var(--green);border-color:#aad2bd}.section-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-actions .search{max-width:340px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-card{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px;text-align:right}.report-card strong{font-size:12px;color:var(--deep)}.report-card small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.report-card .report-ic{font-size:26px}.counts{display:flex;gap:10px;flex-wrap:wrap}.count{flex:1;background:#f7faf7;border:1px solid #e2ece3;padding:15px;border-radius:14px;min-width:105px}.count small{font-size:10px;color:#7c9081}.count b{font-size:25px;display:block;color:var(--green);margin-top:5px}
#modal-root:empty{display:none}.overlay{position:fixed;inset:0;background:#123f34a8;z-index:35;display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(6px)}.modal{background:#faf9f4;border-radius:23px;padding:19px;box-shadow:0 25px 80px #091d1944;max-width:680px;width:100%;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden}.modal.big{max-width:990px}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-title h2{font-size:18px;color:var(--deep);margin:0}.modal-body{overflow:auto;overscroll-behavior:contain;padding:0 4px 8px}.modal-footer{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;padding:12px 1px 0;border-top:1px solid var(--line)}.sig-pad{width:100%;height:175px;display:block;border-radius:13px;border:1px dashed #b9ad8f;touch-action:none;background:#fff}.preview-scroll{overflow:auto;max-height:68dvh;background:#e8e7e0;border-radius:12px;padding:16px;direction:rtl}.paper{background:white;color:#273e38;min-width:680px;max-width:900px;min-height:720px;padding:42px 34px;margin:auto;box-shadow:0 5px 22px #0001;font-family:Tahoma,Arial,sans-serif;direction:rtl}.paper-head{text-align:center;border-bottom:2px solid #d6bf8e;padding:0 0 13px;margin-bottom:15px}.paper-head h2{margin:5px 0;color:#165643;font-size:18px}.paper-head p{font-size:11px;margin:4px}.paper-title{text-align:center;margin:18px 0;color:#24634e;font-size:17px}.paper table{width:100%;border-collapse:collapse;font-size:9px;table-layout:fixed}.paper th{background:#edf2ed;color:#234d3b}.paper th,.paper td{border:1px solid #9fb3a7;padding:6px 4px;overflow-wrap:anywhere;vertical-align:top}.paper .smallfoot{font-size:9px;color:#829084;margin-top:14px}.paper .signature{display:none}.settings-tools{display:flex;gap:9px;flex-wrap:wrap}.error-page{padding:30px;margin:30px auto;max-width:550px;background:#fff4f1;border-radius:20px;line-height:2;color:#853d32}.boot{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--green)}.boot img{width:90px}.boot strong{font-size:28px}.boot span{color:var(--muted)}.portrait-pick{border-radius:10px;width:45px;height:45px;object-fit:cover}.pair-links{white-space:nowrap}.pair-links a{display:inline-flex;margin:2px;padding:5px 9px;background:#edf4ed;border-radius:8px;font-size:10px;color:#116745}.danger-zone{padding:13px;border:1px solid #f0d8d0;border-radius:13px;background:#fff9f7}.split-hero{display:flex;gap:13px}.split-hero>div{flex:1}.split-hero button{width:100%;border:1px solid #e4e4da;background:#fff;padding:17px;border-radius:17px;min-height:95px;text-align:center;font-weight:bold;color:var(--deep)}.split-hero .emoji{font-size:28px;display:block;margin-bottom:10px}.toast{position:fixed;z-index:60;bottom:95px;left:50%;transform:translateX(-50%);background:#153e33;color:white;border-radius:13px;padding:13px 22px;box-shadow:0 12px 35px #0002;font-size:12px;max-width:90vw;text-align:center}
@media(max-width:880px){.tiles{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}.scene{width:54%}}
@media(max-width:600px){#app{padding:0 13px 92px}header.topbar{padding:calc(env(safe-area-inset-top) + 7px) 0 9px}.logo img{width:33px;height:33px}.logo-text{font-size:23px}.icon-button{width:38px;height:38px}.pill{font-size:9px;padding:7px}.hero{padding:22px 19px;min-height:210px;border-radius:21px}.hero h2{font-size:22px}.hero p{font-size:11px;max-width:215px}.scene{width:67%;opacity:.45}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{gap:8px;padding:12px 9px;min-height:113px;border-radius:17px;flex-direction:column;align-items:flex-start}.tile-ico{width:45px;height:45px;font-size:23px;border-radius:14px}.tile b{font-size:12px;margin:2px 0}.tile small{font-size:9px;line-height:1.5}.stat{padding:14px;min-height:100px}.stat b{font-size:27px}.stats{gap:8px}.section-title{margin-top:17px}.panel{padding:15px;border-radius:17px}.formgrid{grid-template-columns:1fr}.field.wide{grid-column:1}.toolbar{gap:7px}.tool{flex:1;justify-content:center;padding:8px 5px;font-size:10px;gap:4px}.tool .ic{font-size:16px}.report-grid{grid-template-columns:1fr}.preview-scroll{padding:10px}.modal{max-height:96dvh;padding:13px}.overlay{padding:7px}.bottomnav button{min-width:50px;font-size:9px}.bottomnav span{font-size:19px}.split-hero button{padding:12px 7px;font-size:11px}.breadcrumb h1{font-size:18px}}
@media print{@page{size:A4 portrait;margin:9mm}html,body{background:white!important}#app,#modal-root,#toast-root{display:none!important}#print-root{display:block!important}#print-root .paper{width:100%!important;min-width:0!important;max-width:none!important;min-height:265mm!important;box-shadow:none!important;margin:0!important;padding:0!important;color:#111;break-after:auto}#print-root .paper table{font-size:8pt;table-layout:fixed}#print-root .paper th,#print-root .paper td{padding:4px 3px;break-inside:avoid}#print-root .paper .signature{display:block!important;max-width:150px;max-height:55px;object-fit:contain;margin-right:auto;margin-left:0;margin-top:25px}#print-root .paper-head{margin:0 0 10px}#print-root .paper-title{margin:10px 0}#print-root .paper .smallfoot{font-size:8px} }
#print-root{display:none}
/* Inner screens start at the safe area without repeating the home masthead. */
main>.breadcrumb{margin-top:calc(env(safe-area-inset-top) + 14px);margin-bottom:12px;background:#f9f6eef2;padding:10px 4px 13px;border-bottom:1px solid var(--line);border-radius:0}

@media print{#print-root .paper{display:flex!important;flex-direction:column!important}#print-root .paper .smallfoot{margin-top:auto}#print-root .paper .signature{margin-top:13px!important;margin-right:auto!important;margin-left:0!important;align-self:flex-end} }