@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--rose:#d4a29c;--rose-dark:#ae7471;--gold:#bb913e;--cream:#faf7f2;--ink:#3e3e3e;--muted:#867d79;--line:#ece2dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:600}h1{font-size:31px;margin:0 0 10px}h2{font-size:23px;margin:0 0 16px}.brand{font:italic 30px 'Playfair Display',serif;color:var(--gold)}.muted{color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#efd1cc,transparent 45%),var(--cream)}.auth-card{width:min(450px,100%);background:white;padding:38px;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #6f4e4417}.auth-card h1{margin-top:22px}.auth-card form{display:grid;gap:14px}.field{display:grid;gap:6px;margin:8px 0 14px}.field label{font-weight:600;font-size:13px}.field input,.field textarea,.field select,.search{width:100%;padding:12px 13px;border:1px solid #dfd5cf;border-radius:10px;background:#fff;outline-color:var(--rose)}textarea{min-height:88px;resize:vertical}.btn{background:var(--rose-dark);border:0;color:white;border-radius:10px;padding:12px 18px;font-weight:700}.btn.alt{background:#f3e7e4;color:#7d4b48}.btn.gold{background:var(--gold)}.btn.small{padding:8px 12px}.btn:disabled{opacity:.55;cursor:default}.link{border:0;background:none;color:var(--rose-dark);text-decoration:underline}.shell{min-height:100vh;display:flex}.sidebar{width:238px;background:linear-gradient(165deg,#e0b0aa,#c88f8b);padding:27px 18px;color:white;flex-shrink:0}.sidebar .brand{color:white;margin-bottom:38px}.nav{width:100%;text-align:left;padding:13px 15px;margin:4px 0;border:0;background:transparent;border-radius:10px;color:white;font-weight:600}.nav.active,.nav:hover{background:#ffffff31}.main{flex:1;min-width:0;padding:28px 36px;max-width:1440px;margin:auto;width:100%}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.pill{padding:8px 13px;border-radius:100px;background:#f0e1dd;color:#8b5b58;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 22px #654c4210}.stat strong{display:block;font-size:30px;color:var(--rose-dark);margin:10px 0}.section{margin-top:24px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar .search{max-width:360px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.table th{font-size:12px;color:var(--muted)}.rowaction{color:var(--rose-dark);border:0;background:none;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack{display:grid;gap:14px}.tabs{display:flex;gap:8px;margin:20px 0}.tab{border:0;padding:10px 16px;border-radius:10px;background:#eee2df}.tab.active{background:var(--rose-dark);color:white}.notice{padding:12px 15px;border-radius:12px;background:#f6e7d3;margin:12px 0}.error{color:#a33131}.ok{color:#27804d}.canvas-wrap{background:#2a2524;border-radius:14px;overflow:hidden;position:relative;touch-action:none;max-width:960px}.canvas-wrap canvas{width:100%;display:block;touch-action:none;cursor:crosshair}.colors{display:flex;gap:8px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #bbb}.swatch.active{outline:3px solid var(--gold)}.sign-canvas{width:100%;height:180px;background:white;border:1px dashed #d6b8ae;border-radius:12px;touch-action:none}.loading{padding:30px;text-align:center}.modal-bg{position:fixed;inset:0;background:#211b1a77;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:white;border-radius:18px;padding:26px;width:min(540px,100%);max-height:90vh;overflow:auto}.footer{margin-top:30px;font-size:12px;color:var(--muted)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:175px}.main{padding:20px}.two{grid-template-columns:1fr}}@media(max-width:600px){.shell{display:block}.sidebar{width:100%;padding:10px;display:flex;align-items:center;overflow:auto;gap:6px}.sidebar .brand{font-size:20px;margin:0 10px 0 0}.nav{white-space:nowrap;padding:9px}.main{padding:16px}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{padding:13px}.top{align-items:flex-start}.stat strong{font-size:23px}}
