:root{--primary:#e65c00}*{box-sizing:border-box;margin:0;padding:0;font-family:'Plus Jakarta Sans',sans-serif}body{background:#f4f4f4;color:#121212;min-height:100vh;display:flex;flex-direction:column}header{background:#1a1a1a;color:#fff;padding:20px;text-align:center}header h1{font-size:24px}footer{margin-top:auto;padding:20px;text-align:center;font-size:.8rem;color:#666;background:#fff;border-top:1px solid #e0e0e0}.main-wrapper{width:90%;margin:20px auto;display:flex;gap:20px;flex-wrap:wrap;flex:1}.panel-sidebar{background:#fff;padding:20px;border-radius:12px;width:320px;height:fit-content}main{flex:1;min-width:300px;background:#fff;border-radius:12px;padding:10px;height:fit-content}#signature-pad{border:2px dashed #ccc;cursor:crosshair;touch-action:none;width:100%;height:300px;background:#fff}.btn{width:100%;padding:12px;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}@media (max-width:768px){main{flex:unset}.main-wrapper{flex-direction:column}.panel-sidebar{width:100%}}