@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--ink:#382b40;--muted:#786c7b;--plum:#68466f;--plum-deep:#503457;--rose:#f4e8ed;--line:#e9e1e7;--paper:#fffdfb}
body{background:#f8f5f4;color:var(--ink);font-family:Tajawal,Tahoma,sans-serif;font-size:17px;line-height:1.75}header{padding:21px max(5%,24px);background:var(--paper);border-color:var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px}.monogram{width:48px;height:48px;display:grid;place-items:center;background:var(--plum);color:white;border-radius:16px 16px 5px 16px;font:700 21px Tajawal,sans-serif;letter-spacing:-1px}.logo{font-size:25px;letter-spacing:-.6px;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.header-credit{font-size:12px;color:var(--muted);text-align:left}.header-credit strong{display:block;color:var(--plum);font-size:15px}.tag{background:var(--rose);color:var(--plum);font-weight:700}main{max-width:1100px;padding-top:40px}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:45px;padding:13px 4px 40px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--plum);font-weight:700;letter-spacing:.2px}.eyebrow:before{content:'';height:1px;width:30px;background:#b993a4}.hero h1{font-size:46px;font-weight:700;line-height:1.45;letter-spacing:-1px;margin:14px 0}.hero h1 span{color:var(--plum)}.hero p{font-size:16px;max-width:490px;margin:14px 0 0;color:var(--muted)}.creator{padding:30px 32px;background:#eee5ef;border-radius:24px 24px 6px 24px;position:relative;overflow:hidden;border:1px solid #e2d5e4}.creator:after{content:'RM';position:absolute;font:700 105px Tajawal,sans-serif;color:#68466f09;bottom:-38px;right:8px;pointer-events:none}.creator .creator-label{font-size:13px;color:var(--plum)}.creator strong{display:block;font-size:27px;line-height:1.4;margin:12px 0;color:#503457;position:relative;z-index:1}.creator .creator-role{font-size:13px;color:#78637e}.creator .creator-rule{height:1px;width:44px;background:#bb97ae;margin:18px 0}.creator .creator-note{font-size:13px;color:#78637e}section{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:26px 30px;box-shadow:0 4px 20px #53335703;margin-bottom:22px}h2{font-size:22px;color:var(--ink);font-weight:700}p{color:var(--muted)}#identity{border-right:4px solid #b28ba5}#identity input{max-width:520px}input,select,textarea{font-family:inherit;color:var(--ink);border-color:#ded2df;border-radius:9px;background:white}input{min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid #b99abf;outline-offset:2px;border-color:var(--plum)}input::placeholder{color:#a296a4}button,.upload{background:var(--plum);border-radius:10px;font-weight:700;min-height:46px;padding:10px 22px;transition:background .18s,box-shadow .18s}button:hover:not(:disabled),.upload:hover{background:var(--plum-deep);box-shadow:0 3px 10px #68466f20}button:focus-visible,.upload:focus-visible,summary:focus-visible{outline:3px solid #b58dba;outline-offset:3px}.secondary{background:#eee7f0;color:var(--plum-deep)}.secondary:hover:not(:disabled){background:#e3d5e7;color:var(--plum-deep)}button:disabled{cursor:not-allowed}.drop{background:#fcf8fb;border:1.5px dashed #c7afca;border-radius:15px;padding:28px 16px}.drop .icon{color:var(--plum);line-height:1;margin:6px auto 12px}.drop .icon svg{width:40px;height:40px}.drop p{font-size:13px;margin:6px 0 18px}.drop strong{font-size:18px}.field{margin:20px 0}label{font-size:15px;font-weight:700}.actions{gap:12px}.note{background:#fff7e8;border-color:#ecdfc6;color:#796137}.stat{background:#f1eaf3;color:#755d7b}.stat b{color:var(--plum-deep);font-size:32px;line-height:1.6}.stats{gap:14px}th{color:#806b86;font-weight:700;background:#faf6fb}td,th{border-color:var(--line);padding:14px 10px}#status,#reportStatus,#mapStatus{color:var(--plum)}progress{accent-color:var(--plum)}summary{cursor:pointer;color:var(--plum);font-weight:700}.entry{border-color:var(--line);background:#fff;border-radius:12px}.entry img{border-radius:8px}.delete{background:transparent;color:#a34a56}.delete:hover:not(:disabled){background:#faedf0;color:#942c40;box-shadow:none}.photo-map{background:#f2edf3}.legend{font-size:14px}footer{padding:32px 20px 38px;background:#eee6ef;border-top:1px solid #e1d4e3;color:#826c86}footer .footer-name{font-size:23px;font-weight:700;color:var(--plum-deep);margin:7px 0}footer .footer-brand{font-size:14px;font-weight:700;color:var(--plum)}footer .footer-caption{font-size:12px}.pdf-page{font-family:Tajawal,Tahoma,sans-serif;color:var(--ink)}.pdf-page h1{color:var(--plum-deep)}.pdf-summary{border-color:var(--plum)}.pdf-page .report-credit{font-size:12px;color:var(--plum);margin:3px 0}.pdf-page .pdf-meta{background:#f1eaf3}.pdf-page .pdf-foot{color:#78637e}.pdf-page th{background:#f7f1f8;color:var(--plum-deep)}.pdf-page td,.pdf-page th{border-color:var(--line)}
@media(min-width:760px){#capture .field{display:inline-block;vertical-align:top;margin-left:28px}#capture .drop{max-width:none}#capture #batch{width:300px}#capture #expected{width:120px}#capture small{max-width:330px}}
@media(max-width:720px){header{padding:17px 18px;gap:10px}.header-credit{font-size:10px;max-width:165px}.header-credit strong{font-size:12px}.monogram{width:40px;height:40px;font-size:18px;border-radius:13px 13px 4px 13px}.brand{gap:9px}.logo{font-size:22px}.brand small{font-size:10px}.hero{grid-template-columns:1fr;gap:23px;padding:5px 3px 28px}.hero h1{font-size:35px;margin:12px 0;letter-spacing:-.5px}.hero p{font-size:15px}.creator{padding:22px 25px;border-radius:18px 18px 5px 18px}.creator strong{font-size:25px;margin:8px 0}.creator .creator-rule{margin:13px 0}main{padding:26px 14px}section{padding:22px 19px;border-radius:16px}h2{font-size:21px}.tag{display:none}.session-head{align-items:stretch}.session-head h2{width:100%}.session-head button,.session-head a{flex:1;text-align:center;white-space:normal}.stat{padding:13px}.stat b{font-size:28px}.entry{padding:12px;gap:10px}.entry img{width:60px}.entry .delete{padding:6px;font-size:14px}footer .footer-name{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Refined professional identity */
:root{--ink:#263847;--muted:#687580;--plum:#29475e;--plum-deep:#1c3448;--rose:#edf1f4;--line:#dfe5e9;--paper:#ffffff}
body{background:#f5f6f7}header{border-bottom:1px solid var(--line)}.monogram{border-radius:10px;background:var(--plum);box-shadow:inset 0 0 0 1px #b49c69}.header-credit{font-size:12px;color:#697782;letter-spacing:.25px;white-space:nowrap}.hero{display:block;padding:12px 3px 30px;border-bottom:1px solid var(--line);margin-bottom:28px}.hero h1{direction:ltr;text-align:right;font-family:Georgia,serif;font-size:46px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px;color:#233e54}.hero-subtitle{font-size:22px;font-weight:700;color:#3c5365;line-height:1.6}.hero p{margin-top:14px;font-size:15px;max-width:640px}#identity{border-right:3px solid #a58f60}section{border-radius:14px}.drop{background:#f8fafb;border-color:#b3c1ca}.secondary{background:#edf1f4;color:#29475e}.secondary:hover:not(:disabled){background:#e0e7ec;color:#1c3448}.stat,.pdf-page .pdf-meta{background:#eef2f5}.stat{color:#536b7d}th,.pdf-page th{background:#f3f6f8;color:#536b7d}input,select,textarea{border-color:#d6dfe5}input:focus,select:focus,textarea:focus{outline-color:#afc1ce}summary{color:#29475e}footer{background:#edf1f4;border-top:1px solid #d6dee4;color:#687580}footer .footer-name{font-size:20px}footer .footer-caption{color:#687580}.pdf-page .pdf-foot{color:#687580}.photo-map{background:#edf1f4}button:focus-visible,.upload:focus-visible,summary:focus-visible{outline-color:#9cb1c0}
@media(max-width:720px){header{flex-wrap:wrap;align-items:center}.header-credit{font-size:11px;max-width:none}.hero{padding:4px 3px 23px;margin-bottom:23px}.hero h1{font-size:36px}.hero-subtitle{font-size:20px}.hero p{font-size:14px}.brand small{font-size:11px}.logo{font-size:23px}}

.inventory-entry{border:1px solid var(--line);border-radius:12px;margin:16px 0;overflow:hidden;background:white}.inventory-entry-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f2f5f7;border-bottom:1px solid var(--line)}.inventory-entry-content{display:flex;gap:18px;padding:16px;align-items:flex-start}.inventory-thumb{width:112px;height:125px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.inventory-entry-details{flex:1;min-width:0}.inventory-table-scroll{overflow:auto}.inventory-entry table{min-width:320px;table-layout:fixed}.inventory-entry th:first-child{width:48%}.inventory-entry td{overflow-wrap:anywhere}.inventory-entry th,.inventory-entry td{padding:10px}.inventory-report-table{table-layout:fixed}.inventory-report-table th,.inventory-report-table td{padding:8px;vertical-align:middle}.inventory-report-table th:first-child{width:115px}.inventory-report-table td:nth-last-child(2){width:70px}.report-thumb{width:95px;height:90px;object-fit:contain;display:block;margin:auto}.inventory-report-table td{overflow-wrap:anywhere}.inventory-report-table tr{height:auto}.pdf-page .inventory-report-table{font-size:14px}
@media(max-width:720px){.inventory-entry-content{flex-direction:column;padding:12px;gap:10px}.inventory-thumb{width:100%;height:150px}.inventory-entry-details{width:100%}.inventory-entry-head{padding:8px 12px}}

.welcome-screen{max-width:650px;min-height:540px;margin:15px auto 45px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(160deg,#fff 25%,#f6f8fa);border:1px solid #e0e5e8;border-radius:22px;box-shadow:0 15px 50px #203b5106}.app-emblem{height:128px;width:128px;color:#29475e;margin-bottom:18px}.app-emblem svg{width:100%;height:100%}.welcome-screen h1{font:700 52px Georgia,serif;letter-spacing:-1.5px;margin:0;color:#233e54}.welcome-screen .welcome-subtitle{font-size:23px;font-weight:700;color:#4f6373;margin:13px 0 34px}.welcome-screen button{min-width:200px;padding:13px 25px}.welcome-screen button span{margin-right:25px;color:#dac79d}.identity-screen{max-width:580px;margin:45px auto 80px;padding:38px!important;border-right:1px solid var(--line)!important}.identity-screen h1{font-size:32px;margin:8px 0}.identity-screen label{margin-top:26px}.identity-screen input{width:100%;max-width:none!important;min-height:52px}.identity-screen .input-hint{font-size:14px;margin:8px 0 26px}.identity-screen .actions button:first-child{flex:1}.step-caption{font-size:13px;color:#7a6b4c;font-weight:700}.workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 25px}.workspace-nav h1{font-size:28px;margin:3px 0}.workspace-nav p{font-size:14px;margin:0}header .header-credit{color:#536575}.brand small{color:#536575}footer{margin-top:30px}
@media(max-width:720px){.welcome-screen{min-height:470px;padding:30px 18px;margin:10px 0 25px}.welcome-screen h1{font-size:44px}.welcome-screen .welcome-subtitle{font-size:21px}.app-emblem{height:112px;width:112px}.identity-screen{padding:27px 22px!important;margin:25px 0 60px}.workspace-nav{align-items:flex-start;flex-direction:column;gap:10px}.workspace-nav h1{font-size:25px}header .header-credit{font-size:11px}}

.expired-note{color:#a82939!important;font-weight:700;background:#fff1f2}.inventory-report-table th:first-child{width:auto}.inventory-report-table th:nth-last-child(1){width:80px}.inventory-report-table th:nth-last-child(2){width:115px}.inventory-entry table{min-width:410px}
